PS设计教程网欢迎你!

插图式的网站主页设计

文章来源于 博客,感谢作者 阮一峰 给我们带来经精彩的文章!
设计教程/前端设计/前端设计2010-06-27
很多网站的首页,完全以一张图片作为主题,文字信息很少,只有几个主要链接,就像一张插图。你可以看到它们的视觉效果非常漂亮,对访问者产生很强的粘性。而且,非常突出重点,诉求很明确,有效地达到了设计目的。

很多网站的首页,完全以一张图片作为主题,文字信息很少,只有几个主要链接,就像一张插图。我把这种主页称为"插图式主页"(illustration web design)。你可以看到它们的视觉效果非常漂亮,对访问者产生很强的粘性。而且,非常突出重点,诉求很明确,有效地达到了设计目的。

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

很多网站的首页,完全以一张图片作为主题,文字信息很少,只有几个主要链接,就像一张插图。我把这种主页称为"插图式主页"(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%高度,效果应该会更好。

插图式的网站主页设计

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa