源码网,源码论坛,源码之家,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
查看: 691|回复: 20

[心得技巧] 插图式的网站主页设计 网站设计新的趋势

[复制链接]

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2010-6-26 14:38:42 | 显示全部楼层 |阅读模式
很多网站的首页,完全以一张图片作为主题,文字信息很少,只有几个主要链接,就像一张插图。我把这种主页称为"插图式主页"(illustration web design)。 你可以看到它们的视觉效果非常漂亮,对访问者产生很强的粘性。而且,非常突出重点,诉求很明确,有效地达到了设计目的。

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

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

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

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

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

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

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

20100626144112118.jpg

20100626144112118.jpg

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

20100626144112119.jpg

20100626144112119.jpg

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

20100626144112120.jpg

20100626144112120.jpg

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

20100626144112121.jpg

20100626144112121.jpg

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

20100626144112122.jpg

20100626144112122.jpg

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

20100626144112123.jpg

20100626144112123.jpg

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

20100626144112124.jpg

20100626144112124.jpg

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

20100626144112125.jpg

20100626144112125.jpg

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

20100626144112126.jpg

20100626144112126.jpg

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

20100626144112127.jpg

20100626144112127.jpg

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

20100626144112128.jpg

20100626144112128.jpg

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

20100626144112129.jpg

20100626144112129.jpg

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

20100626144112130.jpg

20100626144112130.jpg

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

20100626144112131.jpg

20100626144112131.jpg

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

20100626144112132.jpg

20100626144112132.jpg

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

20100626144112133.jpg

20100626144112133.jpg

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

20100626144112134.jpg

20100626144112134.jpg

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

20100626144112135.jpg

20100626144112135.jpg

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

20100626144112136.jpg

20100626144112136.jpg

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

20100626144112137.jpg

20100626144112137.jpg

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的主页很有特色,底部有一个拉动条,建议自己动手去玩一下。

回复

使用道具 举报

16

主题

2万

回帖

174

积分

注册会员

Rank: 2

积分
174
发表于 2022-9-9 10:23:24 | 显示全部楼层
感谢楼主分享
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2022-10-8 18:25:20 | 显示全部楼层
2222222222222222
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2022-11-23 04:32:09 | 显示全部楼层
借款金额看了就立刻
回复 支持 反对

使用道具 举报

6

主题

1万

回帖

174

积分

注册会员

Rank: 2

积分
174
发表于 2022-11-24 23:03:22 | 显示全部楼层
强烈支持楼主ing……
回复 支持 反对

使用道具 举报

27

主题

2万

回帖

331

积分

中级会员

Rank: 3Rank: 3

积分
331
发表于 2023-5-20 07:18:19 | 显示全部楼层
vcxvcxv
回复 支持 反对

使用道具 举报

8

主题

2万

回帖

52

积分

注册会员

Rank: 2

积分
52
发表于 2023-5-26 01:12:22 | 显示全部楼层
强烈支持楼主ing……
回复 支持 反对

使用道具 举报

1

主题

1386

回帖

1509

积分

金牌会员

Rank: 6Rank: 6

积分
1509
发表于 2023-5-30 15:52:35 | 显示全部楼层
有什么好的服务器
回复 支持 反对

使用道具 举报

27

主题

2万

回帖

331

积分

中级会员

Rank: 3Rank: 3

积分
331
发表于 2023-12-8 21:51:11 | 显示全部楼层
啊啊啊啊啊啊啊啊啊啊啊啊啊啊
回复 支持 反对

使用道具 举报

1

主题

2万

回帖

207

积分

中级会员

Rank: 3Rank: 3

积分
207
发表于 2024-3-3 02:25:02 | 显示全部楼层
我要金豆金豆金豆
回复 支持 反对

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

手机版|小黑屋|网站地图|源码论坛 ( 海外版 )

GMT+8, 2024-11-24 08:00 , Processed in 0.073716 second(s), 27 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表