印刷品设计注重易读性,在网页上也是如此:用“读者”来代替“用户”。
目的应该是清楚地表达,并使人们可以很容易地浏览整个设计。让我们看看从印刷品设计中延续下来的一些概念。
和报纸一样,用户不会读网站上的每一个单词,至少一开始不读。就像免费电子书“用眼睛做网页UI设计”中所述,浏览页面是用户的标准行为。
当设计扫视时,有两种模式要考虑。
F模式:
模式F反映了用户通常浏览页面的方式。它们的视线从上面开始向左移动,然后在左侧垂直地移动以寻找突出的文本。当他们发现了感兴趣的内容时,他们再次开始横向浏览网页。
Z模式:
s-schema也是一种很自然的浏览方式,经常在报纸和网页上使用。使用者在页面顶部水平浏览,然后向左移动,在页面的下一行再次进行横向搜索。
就像打印一样,网页文字必须是清晰的。选用合适的字体,帮助关键字突出网页,使使用者更容易浏览网页。让我们看一下文本层次的常见层次:
主要:页面上zui显著的文本会变得更加明亮,吸引用户的注意。常用于标题和修饰。
次要:处于中间位置的所有内容。没有标题那么显眼,但是要在页面的常规文本中突出。
再次要:选定的主要内容文本。文本级别的这个级别,可以帮助用户深入了解主体。
其它:小一点,使用斜体、粗体、下划线、不同颜色等。
搭配使用,建立层次的文字,可以创造秩序,防止用户迷路。
要测试网页的可读性,可以使用3秒钟的原则:简短地浏览网页,然后看看其他地方。最重要的东西是否反映了你的设计意图?若有,那么你方向正确,并继续坚持。否则,就需要重新设计。
不管均衡感来自对称、不对称或放射状,设计的目的就是要创造一种稳定和一致的感觉。假如用户在你的页面上感觉轻松,他们会更乐意停留。
图画和文本不要太密集:要经常考虑元素间的差距。版面设计往往简洁明了——密集的布局会影响到用户。人们很难接受混乱,这使得人们很难接受信息的传递。
请考虑采用最简单的设计,通过白、黑或者很深的背景和前景元素实现平衡。“用眼睛做网页UI设计”一文中讲到,负空间的使用可以引起用户的注意。
在网页中极少的信息干扰,创造出一种平静和有序的感觉,当然,也希望能促使用户进行购物。
使您的设计对所有用户都是可靠的。避免使用超过两个字体,以确保所有年龄的用户都可以阅读。太混乱会干扰信息。
当你在屏幕前手忙脚乱的时候,你的设计中可能有很多图片。
在挑选颜色时,也要时刻为用户考虑,如果是医院网站,要用淡淡的颜色,如果是比较年轻的人,颜色比较鲜艳。
这里有一些设计书籍时经常犯的错误,也同样适用于网页:
测试不够充分:总是在设计上尽可能广泛地测试。它可以跨多个媒体(网页、电子书籍、印刷材料),从而创造出全新的文本。此外,一些字体转换成新的媒体可能很难读懂。找出适合所有情况的字体很重要。同时,也要考虑如何以不同的屏幕大小、不同分辨率和不同的浏览器呈现。
不合时宜的语调:为每一页选择合适的语调。同字体一样,标题要吸引读者。副标题是表述或补充,正文象友好的对话--温暖亲切,让读者想要知道更多信息。
不合时宜的格式:跟随您选择的媒体:否则,将持续浪费时间修改文件,应对CMYK是用于打印,对于站点使用RGB。
美好未来首创1对1项目负责制,项目经理专人全程负责。我们为您提供网站建设优化解决方案,互联网品牌建设与网络营销,设计、技术开发、网站和SEO优化行业的技术和数据支持服务、营销推广等服务。为您的企业获取网络流量,挖掘精准客户,达到更高的销售指标。是您的企业提升产品销量最好的伙伴。