2009最新网页设计发展趋势(2)

王朝学院·作者佚名  2009-06-18
窄屏简体版  字體: 小  |  中  |  大  |  超大  

巨型插图和充满活力的图形

如同巨型版式主宰当今网页设计一样,无论是专业还是个人网站项目中,巨型插图似乎都越来越受欢迎。设计师正试图用互动元素(植入式视频区)和视觉元素(导言区和插图)来传达网站的信息。在近来的设计中,插图比原来占据更大的空间,通常作为巨型版式的补充。它们更具吸引力,并且更加生动,因此更容易被访问者记住。

另外,设计师也运用一些充满活力的图形,尤其是为背景,也为其他设计元素。不同的风格和图形均被使用:如陈旧物、拼贴画、剪贴册、饰品、复古样式、水彩、有机材质和摄影背景等。

图40

图41

图42

图43

图44

图45

图46

比以往更多的留白

或许最可预知、也最为有益的事情之一,就是在过去几年的网页设计中,留白日益突出。它在许多设计中处于首要位置,并被广泛用于改善网站的文章流和结构。

事实上,我从未见过内容区和导航菜单上有这么多内边距。外框和内容区的内边距在20至25像素正逐渐成为一种约定俗成的法则,甚至更大的内边距也被普遍接受。希望,这一趋势继续发展下去。

图47

图48

图49

图50

社会设计元素

纵观blog圈,你几乎找不到一个不使用社会性图标或区块,让读者通过知名社会性媒体网站去推广它们内容的blog。每个作者都希望得到可观的流量和认可,这也是为什么在当今设计中,社会性元素变得更大、更具吸引力。

社会性图标到处可见,但多出现于文章的右上角或底部。社会性区块经常被放在文章下面,有时也出现在相关文章列表旁边。Twitter,Flickr和Last.FM的混合仍然是blog和项目中常见的组合。

图51

图52

图53

图54

图55

图56

对话式导航

去年我们曾写过一篇名叫“对话式导航”的文章,在现在的很多网站中,貌似这个元素依然流行。导航所要完成的最大任务,是清晰地引导用户到达网站的不同地方。然而,要通过一两个关键字来表达内容是极其困难的,特别是使用横向导航。

这就是为什么通常导航没法用适当的关键字一个接一个简单列出的原因(即使用“无对话的”导航)。取而代之,设计师正在试图具体解释什么选项可用,什么是访问者点击网站链接后所期望的。

因为设计师正尝试开展与访问者之间的更多对话,所以我们愿意称这种方案为“对话式”导航,相对于那种建立在关键字列表基础上的“无对话的”导航。

图57

图58

图59

图60

图61

导航区通常都是具有相同高度和宽度的区块,因此访问者感觉内容能被轻松引导。大图标也使用的很频繁,但在大多数情况下,它们是否适用取决于网站的内容和总体布局。导航设计中的鼠标悬停效果会让浏览变得更愉快。

图62

动态的tab

作为交互设计中最流行的趋势之一,tab可以动态地改变内容区域。活动tab背后的想法是,当页面被加载时,所有tab的内容也被加载,但一次只显示一个tab部分的内容(属性展示被用来实现这种效果)。你可以参照教程动态的tab 和tab在jQuery中的视觉控制 来创建动态的tab。

图63

图64

图65

图66

图67

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航