网页设计师该向印刷设计学习的3个规则

了解规则,利用规则,为你创造出更实用,更好体验的的网页设计,那你必须要懂得以下3条规则!

网页设计

 

01. 持续吸引读者的专注度

印刷设计同样的一个设计原理就是“易读性”,网页也是如此,整体的内容和布局都要清晰有条理,让人轻松就能熟悉,驾驭。

 

排版

众所周知的是,一个网站页面就像一张报纸一样,用户是不会认真去阅览每一个字,所以不同的内容风格就有不同的设计模式。

为扫视而设计时,有两种模式需要考虑。首先是F模式。

 

F模式就是用户的阅览习惯,一般都会向右横扫,然后就在左边垂直向下寻找某些关键字。

一旦找到激起他们兴趣的内容,他们又会开始横向浏览页面。

 

Z模式:

 

Z模式:用户先习惯顶部从左到右浏览,然后视觉就会向下靠左边移动,最后再来一次向右的横扫,就把整个网站浏览了一遍,跟中国传统人类阅读模式一样。

文字

网页的文字必须要清晰有层次,关键词的颜色要突出,这样可以第一时间告诉用户,网站的主要目的。

 

 

 

文字的主次设计技巧:

主要:页面上最显著的文字更大更闪耀,吸引用户的注意力。通常用于标题与装饰。次要:介于中间的所有内容。不像标题那么显著,但要在页面的常规文字中突出显示。再次:主要内容所选的文字。文字层次中的这一级,有助于使用户沉浸在正文中。其他:更小的一级,使用斜体、粗体、下划线、不同颜色等等。

当你设计完成后,可以用“3秒原则”来测试你的网址设计的适合合理,然后通过上面的阅读方法,看看是否能清晰看出整个网址的设计意图和主要传达的信息。



02. 建立平衡感

无论平衡感来自于对称、非对称或是放射状,都是为了让设计创造出稳固与一致的感觉。如果用户在你的网页上感到轻松,他们会更愿意逗留。

图文之间的距离不要太过密集,太过于密集就会阻碍用户的阅读,会容易引起用户不好阅览感觉。颜色之间的差距尽量要达到平衡。

 

 

页面底部对比鲜明的黑白色块,让用户选择尺寸或查看商品价格。

网页上极少干扰信息,创造了一种平静与秩序的感觉——当然,也希望有助于促成用户购买。



03. 创造可靠的设计

让你的设计对于所有用户都是可靠的。不要使用两种以上的字体,确保所有年龄层的用户都能阅读。过于杂乱会扰乱信息。

如果你发现自己在屏幕前手足无措,你的设计可能就包含了太多的图片。

 

 

 

下面是一些书籍设计中常犯的错误,同样适用于网页:

未经过足够的测试:始终要尽可能广泛对设计进行测试。内容可能会跨越多种媒介(网页、电子书、印刷品),这会使得文字有新面貌。而且,有些字体转换到新媒介上可能会变得不易阅读。找到适用于所有情境的字体非常重要。还要考虑你的设计在不同屏幕尺寸、不同分辨率和不同浏览器中如何展现。不恰当的语调:为每个页面元素选择正确的语调。与字体一样,标题应该吸引读者注意,副标题作为标题的阐明或补充,正文要像一段友好的对话——温暖亲切,让读者渴望了解更多信息。不恰当的格式:遵循你所选的媒介:否则,会一直浪费时间修改文件,应对CMYK用于印刷、RGB用于网站这样的问题。

原文地址:creativebloq

posted @ 2015-09-21 20:49  趣达xueyuan  阅读(156)  评论(0编辑  收藏  举报