iPhone网页设计欣赏与最佳实践万芳

发布时间：2020-02-14 12:20:56 阅读：次来源：秋千厂家

iPhone网页设计欣赏与最佳实践-CSDN.NET

摘要：面对来自iPhone 可能达数百万计的流量，设计师和程序员们开始重视这一挑战 ----他们必须在iPhone屏幕的最大范围内，使用最少的带宽，显示最漂亮的网页。在下面的展示里，我们挑选了

原文链接：http://www.yeeyan.com/articles/view/oc/61304

近些年来，手机已经成为越来越流行的上网设备。iPhone的出现，使移动Web程序越来越多姿多彩，针对移动设备的网页设计，也渐渐开始成为一个重要的网页设计分支。这篇文章里，我们一起欣赏优秀的手机网页设计，其中绝大部分是针对iPhone的。

虽然iPhone的 Safari浏览器已经和桌面浏览器一样强大，可以解析任何网页，但它的可视面积小的多，操作方式也有其特殊性。面对来自iPhone 可能达数百万计的流量，设计师和程序员们开始重视这一挑战他们必须在iPhone屏幕的最大范围内，使用最少的带宽，显示最漂亮的网页。

iPhone的浏览体验与普通桌面浏览器的完全不同。按钮和链接必须足够大，因为我们的手指不可能像鼠标指针一般精确。当然，制作适于iPhone的界面并不是像造火箭那么复杂的任务，我们使用相同的HTML、CSS和Javascript，而改变的仅仅是屏幕的尺寸。

在下面的展示里，我们挑选了一些有趣的、高互动性并且精致漂亮的iPhone网页设计，我们还介绍了一些方便的开发工具，来帮助你更高效的设计iPhone网页界面。

1. 新闻/娱乐类

Sevnth Sin

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

Blip.tv

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

NBC

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

Zinio

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

Spin The Bottle

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

2. 商业/企业

DPTO

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

Mind Medium Creative

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

Redhawk Investment Advisors

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

Hotel Monterilla

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

Batali Associates

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

Ready For iPhone

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

Element Fusion

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

Volkswagon

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

3. 购物/电子商务

Torn Robes

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

Coosh

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

4. 个人展示/博客

World Ending Blog (Japanese)

比较好的阅读体验

Signal Element

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

One Crimson Splash

配色与构图非常完美

5. 教育/资讯

MIT

简约，简洁，便于使用

101 Cook Books

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