当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > WEBJX收集iphone手机网站设计实例

心得技巧
可用性web表单的设计开发指南
网站颜色论:创建属于自己的网站配色方案
UCD以用户为中心的设计在中国的发展
WEBJX收集25个漂亮的建设中的网站设计
2010年博客blog设计的有趣的趋势
设计参考:不同凡响的网站导航设计实例
为你的web设计增添令人赞叹的元素
表格变填空与冷冰冰的网页对话
设计之处:设计人员面试的博弈技巧
网站不是炫技场,设计要为内容服务
网页设计参考:20个漂亮的网站导航菜单设计实例
优秀设计应该具备的十条标准
视觉设计分析:浅谈信息可视化设计
网页设计师总结的对网页设计行业的感触
GUI设计:让用户快速准确地读懂符号和含义
基于google图表API的jquery组件全攻略:基础入门
交互设计:探讨内容和容器的关系
设计观点:公司中如何推行用户体验策略
设计观点:非设计人员对设计师的左右
网页制作教程:框架、布局、模块、列表和数据块

心得技巧 中的 WEBJX收集iphone手机网站设计实例


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-01   浏览: 308 ::
收藏到网摘: n/a

随着手机上网的普遍,出现越来越多的手机网站,虽然手机的屏幕并不大,不过手机网站也有各自独特的设计风格,本文中的这些网站主要是针对iphone手机的网页,这些网站类型多种多样,当然我们可能无法以普通网页的标准来评判这些网站的设计,不过从中我们也可以看出一些关于手机网站设计的特点,本文最后包含了一些iphone手机网站的开发工具。

1. 新闻/娱乐类

Sevnth Sin

独特的导航菜单为这个网站增添了非凡的吸引力,绝佳的理念和设计。

Screenshot  Screenshot

Blip.tv

清新简介的版式和配色,非常契合网站的定位。

Screenshot  Screenshot

NBC

you-tube风格的设计非常便于查找和定位。

Screenshot  Screenshot

Zinio

杂志架,所有操作一键搞定。

Screenshot  Screenshot

Spin The Bottle

一个简单的转瓶子游戏,非常好的图像应用。

Screenshot  Screenshot

Daily Wallpaper

大缩略图设计,非常方便

Screenshot  Screenshot

AOL Horoscopes

配色方案很完善的星座网站

Screenshot  Screenshot

Yahoo Omg!

非常鲜亮的配色和版式,给人以冲击力和吸引力

Screenshot  Screenshot

2. 商业/企业

DPTO

个性的红色界面和新颖的3D导航,增添了无限魅力

Screenshot  Screenshot

Mind Medium Creative

特殊的光泽设计,非常有质感

Screenshot  Screenshot

Redhawk Investment Advisors

非常有商业气息,不错的色彩应用

Screenshot  Screenshot

Nike Lab

充分体现动感和活力的Nike网站

Screenshot  Screenshot

Procab Studio

信息比较丰富,但空隙太大了些

Screenshot  Screenshot

Hotel Monterilla

非常舒适的设计,让人不禁像进去睡个觉。

Screenshot  Screenshot

Viget Labs

蓝色的背景、恰到好处的空隙和圆角,让这个网页非常舒适和引人注目

Screenshot   Screenshot

Batali Associates

不常见的布局版式,非常适合iPhone

Screenshot  Screenshot

Ready For iPhone

一个专门提供iPhone网站解决方案的公司,“go”上的手型图标让人忍不住就去点点。

Screenshot  Screenshot

Element Fusion

另一个提供解决方案的公司

Screenshot  Screenshot

Volkswagon

车型相册,导航非常人性化

ScreenshotScreenshot

3. 购物/电子商务

Torn Robes

简洁漂亮的手机购物站点,购物流程非常舒适

ScreenshotScreenshot

Coosh

独立产品的宣传网站,非常漂亮

Screenshot  Screenshot

Walmart

非常容易找到想要的商品,并且可以生成自己的商品订单列表

Screenshot  Screenshot

4. 个人展示/博客

World Ending Blog (Japanese)

比较好的阅读体验

Screenshot  Screenshot

Signal Element

只有三个页面的网站,但是设计感非常强

Screenshot  Screenshot

One Crimson Splash

配色与构图非常完美

Screenshot  Screenshot

5. 教育/资讯

MIT

简约,简洁,便于使用

Screenshot  Screenshot

101 Cook Books

虽然没有复杂的设计,但内容整齐,便于阅读

Screenshot  Screenshot

Please Fix The iPhone

Screenshot  Screenshot

1881

电话黄页站点,非常清晰易读。

Screenshot  Screenshot

AOL Food

爱厨人士必备

Screenshot  Screenshot

Deviant Art

艺术展示站点,配色非常富于文化气息,且清晰易读

Screenshot Screenshot

最后的不一定是最重要的,送给大家一句格言:

He who laughs at himself never runs out of things to laugh at. (大意可能是:学会取笑自己的无知,你就永不缺可以笑的题材。 ...)

Screenshot

iPhone网页设计工具

下面一些工具可以帮助你把网页快速“iPhone化”。

iPhoney

iPhoney是一个基于Safari的iPhone网页测试环境,可以用来测试开发iPhone网站。这是个非常好的工具,你可以看到网页在iPhone上呈现的样子。

Test iPhone

基于web浏览器的模拟器,可以快速测试你的iPhone网页

iWebKit (Demo)

iWebKit 是一个文件包,用来帮你建立适用于iPhone和iPod touch的网页和应用程序。里边包含了一些可用的模板。

iUI

iUI 是个包含Javascript、CSS和图片的前端框架,为你准备好了iPhone网页的一些标准样式和特效。

Intersquash (Demo)

这不是个设计工具,它可以帮助你建立适用于iPohne的RSS Feed。

WPtouch

Wordpress的iPhone化模板

Jaipho Gallery (Demo)

如果你的网站有相册,那这个工具可以提供针对iPhone的优化。