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

心得技巧
使用情境是更有效的设计指导方法
中国WEB设计行业:从模仿到创新
工作感悟:IT从业者如何涨薪创业跳槽
设计观点:什么时候时机成熟才能开公司
交互设计的价值和交互设计的方法
网页设计:创建整洁有序的内容布局的8个技巧
交互设计分析:每个功能的设计都要有明确合理的入口
设计思考:关于前端设计和其它岗位的协调
优秀网页设计作品:卓越设计遵循的原则
探讨支付宝导航条制作的实现方法
web设计中网页表单的可用性设计
交互设计理论:如何减轻用户的记忆负担
用户体验设计:三种用户体验的量化方法
用户研究:走进更广阔的用户世界
用户体验研究:访问网站时不应该花时间思考
企业网站内容分析的方法和步骤
用户研究:引导用户的笨办法
在网页中放入百度搜索代码搜索出现乱码解决办法

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-01   浏览: 301 ::
收藏到网摘: 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的优化。