插图式主页

最近,网站设计有一个新的趋势。

很多网站的首页,完全以一张图片作为主题,文字信息很少,只有几个主要链接,就像一张插图。我把这种主页称为"插图式主页"(illustration web design)。

Tripwire Magazine对这种设计做了总结,下面就是一些实例。

你可以看到它们的视觉效果非常漂亮,对访问者产生很强的粘性。而且,非常突出重点,诉求很明确,有效地达到了设计目的。

我觉得,这种设计是未来的潮流。十年前,Google亮相,首页上就是一个搜索框,别的什么也没有。十年后,设计师们开始觉得,除了搜索框,再加上一个图片主题,似乎更好。

=========================

1. 2ammedia是典型的插图式主页,上部是菜单栏,下部是三个主要功能,中间的一大块都用来做宣传。

2. dibiconference是一个互联网会议的主页,除了菜单栏以外,只放了一个购票链接,非常醒目。

3. culinaria是一家礼仪服务公司,主页简单到就是一张图和一句话。

4. alexantuna也是一个这样的例子。

5. krojacevaskola(网页设计公司)将一张暖色的照片作为背景,然后以两个大色块突出主要信息。

6. Josh Hemsley的个人主页,直接以脸部照片作为背景,很酷啊。

7. Gil De Los Santos的个人主页,也非常简洁漂亮。

8. Mike Condrick的个人主页,以三个色块突出主要内容。

9. Aneta Langerova的主页也很漂亮,但是Blog内容放在这么小的框里,实在很不利于阅读。

10. Alley Pfannekuchen的主页设计,一眼就能让人对这家餐厅产生好感,而且明白它的主要特色就是现代感。

11. marina yachting的主页就是一张图片,几乎看不出这是一个游艇俱乐部的网页,内容过分简洁了。如果左上角的徽标放大到100%高度,效果应该会更好。

12. the ship and the sea是一张关于大海和航行的CD,左边那两个数字是售价,点击进入购买链接。这个设计非常有现代感和艺术气息。

13. kawa.lviv.ua是咖啡馆。

14. psdchimp是一个分割PSD格式图片的软件,主页非常简单,左边是功能介绍,右边是一个卡通图片。

15. kmirza是一个提供版权服务的个人网站,主页上用一行大字说明了服务特色。

16. people82很规范的设计和布局。

17. Jasno i Glasno是一对夫妻的Blog,采用了卡通样式。

18. joby的个人主页,主要用来找工作,相信任何一个雇主都会不由自主,点进去仔细看。

19. ColouringCode的特色是右上角的Logo,下一步点击哪里,一目了然。

20. 690design是设计公司的网站,很简洁地列出了主要业务。

21. Lucia Soto的个人主页,突出了个人的姓名。

22. Stone Skipper是一个iPhone游戏,只要提供一个App Store的链接就行了。

23. Logo Design Monster是Logo设计公司。

24. Less Cruise是一次游艇旅行活动,突出了活动主题,以及时间和地点。

25. Paul Ramirez的主页很酷,除了名字以外,就没有文字了。

26. shark lab是水族馆的网站,非常好地突出了上方那段文字,使得访问者非读不可。

27.Jeannie Web是一家女性设计公司。

28. bam是一家设计公司,主页比较简单,但是颜色的对比效果比较强烈。

29. Kinetic Shadows的这个主页,很aggressive(进攻性的)。

30. Pigeon and Pigeonette是一本图画书的主页。

31. Creative People(设计工作室)的主页图片很奇特,令人印象深刻。

32. Alex Abramov(设计师)的个人主页。

33. Eric Johansson的主页很有特色,底部有一个拉动条,建议自己动手去玩一下。

UPDATE 2010.6.26

cnbeta有一篇《2010网页设计趋势》的译文,很好地总结了这种设计趋势的9个特征。

1)采用印刷式设计; 2)更多地采用衬线字体; 3)采用大字号的标题; 4)采用多列布局; 5)配图越来越大; 6)更多地用图表传递信息; 7)采用简约的设计; 8)单页布局,用一个页面表示内容; 9)巨型的留白空间。

===================

P.S.

一个告示。

上周,Feedburner被屏蔽,而我的Feed托管在上面。导致国内访问者无法打开,或者在Google Reader中点击后,出现提示:"抱歉,发生意外情况,阻碍了 Google 阅读器完成请求。"

我原以为,大家都知道怎么处理,就没提这件事。现在发现,还是有好多朋友不知道怎么办。

那么,如果你属于上面的情况,可以看看我新加的一个页面《Feed订阅方法》

(完)

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Javascript模块化编程(一):模块的写法

    随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。 ? 网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测...

    ruanyf
  • 《Bash 脚本教程》发布了

    Bash 是 Linux 和 Mac 的默认 Shell(命令行环境),系统管理和服务器开发都需要它。虽然不难,但是语法很怪异,比如计算字符串的长度要写成${#...

    ruanyf
  • 生物分类法(Biological Classification)

    昨天,我看到有人提到林奈(Carl von Linné,1707-1778)的著作中对植物有着动人的描写。今天,我就想去找一下,结果查了好几个图书馆的数据库,都...

    ruanyf
  • 「docker实战篇」python的docker-打造多任务端app应用数据抓取系统(下)(35)

    PS:电脑配置比较高i7的cpu,16g的内存,固态的硬盘,尽量还是用真机,如果是真机8g跑的也很666,企业里面还是用真实的手机来跑的。这里综合实战了,从ap...

    IT故事会
  • 2019面试题:谈谈你的IT职业发展路径规划

    从过往的经验来看,我对项目的管理和经验比较感兴趣,对项目的协调推进方面也有过的突出的贡献,所以我的职业规划将就是成为一名优秀的项目经理,并且以管理方向为职业...

    葆宁
  • 从模型到部署,FPGA该怎样加速广告推荐算法

    早上起床打开音乐 APP,会有今日歌单为你推荐一些歌曲。地铁上闲来无事,刷一刷抖音等短视频,让枯燥的时光变得有趣。睡前打开购物 APP,看一看今天是不是有新品上...

    机器之心
  • Maven配置与安装

    首先在 maven 官网下载 maven 压缩包:https://maven.apache.org/download.cgi 。

    希希里之海
  • Maven 扫盲(上)

    写这个maven的入门篇是因为之前在一个开发者会的动手实验中发现挺多人对于maven不是那么了解,所以就有了这个想法。这个入门篇分上下两篇。本文着重动手,用ma...

    哲洛不闹
  • Maven 扫盲(上)

    写这个maven的入门篇是因为之前在一个开发者会的动手实验中发现挺多人对于maven不是那么了解,所以就有了这个想法。这个入门篇分上下两篇。本文着重动手,用ma...

    哲洛不闹
  • ImageMagick使用小结

    Enterprise_

扫码关注云+社区

领取腾讯云代金券