本文共 1649 字,大约阅读时间需要 5 分钟。
最近,网站设计有一个新的趋势。
很多网站的首页,完全以一张图片作为主题,文字信息很少,只有几个主要链接,就像一张插图。我把这种主页称为"插图式主页"(illustration web design)。
对这种设计做了总结,下面就是一些实例。
你可以看到它们的视觉效果非常漂亮,对访问者产生很强的粘性。而且,非常突出重点,诉求很明确,有效地达到了设计目的。
我觉得,这种设计是未来的潮流。十年前,Google亮相,首页上就是一个搜索框,别的什么也没有。十年后,设计师们开始觉得,除了搜索框,再加上一个图片主题,似乎更好。
=========================
1. 是典型的插图式主页,上部是菜单栏,下部是三个主要功能,中间的一大块都用来做宣传。
2. 是一个互联网会议的主页,除了菜单栏以外,只放了一个购票链接,非常醒目。
3. 是一家礼仪服务公司,主页简单到就是一张图和一句话。
4. 也是一个这样的例子。
5. (网页设计公司)将一张暖色的照片作为背景,然后以两个大色块突出主要信息。
6. 的个人主页,直接以脸部照片作为背景,很酷啊。
7. 的个人主页,也非常简洁漂亮。
8. 的个人主页,以三个色块突出主要内容。
9. 的主页也很漂亮,但是Blog内容放在这么小的框里,实在很不利于阅读。
10. 的主页设计,一眼就能让人对这家餐厅产生好感,而且明白它的主要特色就是现代感。
11. 的主页就是一张图片,几乎看不出这是一个游艇俱乐部的网页,内容过分简洁了。如果左上角的徽标放大到100%高度,效果应该会更好。
12. 是一张关于大海和航行的CD,左边那两个数字是售价,点击进入购买链接。这个设计非常有现代感和艺术气息。
13. 是咖啡馆。
14. 是一个分割PSD格式图片的软件,主页非常简单,左边是功能介绍,右边是一个卡通图片。
15. 是一个提供版权服务的个人网站,主页上用一行大字说明了服务特色。
16. 很规范的设计和布局。
17. 是一对夫妻的Blog,采用了卡通样式。
18. 的个人主页,主要用来找工作,相信任何一个雇主都会不由自主,点进去仔细看。
19. 的特色是右上角的Logo,下一步点击哪里,一目了然。
20. 是设计公司的网站,很简洁地列出了主要业务。
21. 的个人主页,突出了个人的姓名。
22. 是一个iPhone游戏,只要提供一个App Store的链接就行了。
23. 是Logo设计公司。
24. 是一次游艇旅行活动,突出了活动主题,以及时间和地点。
25. 的主页很酷,除了名字以外,就没有文字了。
26. 是水族馆的网站,非常好地突出了上方那段文字,使得访问者非读不可。
27.是一家女性设计公司。
28. 是一家设计公司,主页比较简单,但是颜色的对比效果比较强烈。
29. 的这个主页,很aggressive(进攻性的)。
30. 是一本图画书的主页。
31. (设计工作室)的主页图片很奇特,令人印象深刻。
32. (设计师)的个人主页。
33. 的主页很有特色,底部有一个拉动条,建议自己动手去玩一下。
UPDATE 2010.6.26
cnbeta有一篇的译文,很好地总结了这种设计趋势的9个特征。
1)采用印刷式设计;
2)更多地采用衬线字体;
3)采用大字号的标题;
4)采用多列布局;
5)配图越来越大;
6)更多地用图表传递信息;
7)采用简约的设计;
8)单页布局,用一个页面表示内容;
9)巨型的留白空间。
===================
P.S.
一个告示。
上周,Feedburner被屏蔽,而我的Feed托管在上面。导致国内访问者无法打开,或者在Google Reader中点击后,出现提示:"抱歉,发生意外情况,阻碍了 Google 阅读器完成请求。"
我原以为,大家都知道怎么处理,就没提这件事。现在发现,还是有好多朋友不知道怎么办。
那么,如果你属于上面的情况,可以看看我新加的一个页面。
(完)
转载地址:http://eoonl.baihongyu.com/