良好的用户体验必要遵守的10种准则

作者:admin 发布时间:2018-10-22 11:23:05 新闻来源:互联网

  译者:设计师Minz,一枚成长中的设计师,点滴积累,人人都能成为设计师。

...
 译者:设计师Minz,一枚成长中的设计师,点滴积累,人人都能成为设计师。
在网页设计和APP软件中,一个好的排版不仅仅要拥有漂亮的字体。更要有高度的可读性——易于欣赏——同时能让用户专注它的内容。
 
这是一个相称艰巨的义务辽宁人事考试网站,但是大多数设计师可以通过演习达到这种结果。
 
今天我们将去看看良好的用户体验必要遵守的10个 “准则”,同时你也可以学习以便帮助你设计出特别很是棒的设计。(每个规则都配有一个网站的例子)
 
可读性
 
良好的用户体验必要遵守的10种准则
 
必须使用无衬线体的想法是过时的,但是你要去了解为什么必须使用无衬线体的想法是过时的深条理缘故原由:笔墨必须是易于阅读的。
 
你必要避免难以阅读的字体,然而就是这些难以阅读的字体存在于脚本当中,比如新奇的字体或者哥特风的字体。(除了那些分外必要装饰的艺术字体以外。)
 
绝大多数可读性字体都能够被轻松阅读的,它不会花费用户太多时间去细致字体自己。这就是可读性准则的原理。
 
给行间距留充足的空间
 
良好的用户体验必要遵守的10种准则
 
关键就是设计一个用户都喜好的行间距。适宜的行间距有利于阅读,这在移动端尤其的紧张。
 
造成行之间转变的因素有以下这些:
 
文本大小 文本数量 字体样式 屏幕宽度
 
这里没有什么明文的规则去告诉你应该怎么做–但是这里有一些规则你可以去遵循:
 
对于大多数网站,设置行间距的文本大小约125% 对于移动设备,设置行距的文本大小约150% 使用一个松散的段落间距——等于“回归”——使段落容易阅读 使用你的双眼去测试,看文本在屏幕上是松的照旧紧的。(第一感受即可) 使用大而圆的字母
 
良好的用户体验必要遵守的10种准则
 
大又圆的字更易阅读。所以字母有大的圆弧-这个弧度在字体里面就像一个循环的“o”。
 
紧凑和压缩的字体是很难阅读的。宽松的风格,比如上图这个例子就容易阅读,由于每一个字母都容易区分。
 
给字体设置大小
 
毫无疑问,使用大点的笔墨会让用户感觉恬逸。大或者小的笔墨取决于你必要放置多少笔墨在你的页面里;尤其细致大段笔墨。
 
不同的设计师对使用多少文本有不同的想法,大多数认为每利用用45-60个字是最佳的。如许缩小了手机的排版,同时大多数用户能接受的。
 
探求字母高度
 
良好的用户体验必要遵守的10种准则
 
字母高度——尤其是小写字母——让用户轻松的欣赏你的内容有很大的影响。
 
小写字母“x”不管多高它仍然是小写”x”. 用更高的“x”小写字体更容易阅读,这就是说小写字母的高度更接近大写字母。查找字符集,其中x的高度是三分之二是大写字母高度的四分之三。学会体现文本的字间距
 
良好的用户体验必要遵守的10种准则
 
好的字间距意味着好的排版。
 
你不会偶然间,你也不必要,回到字间距这里。但当展示字体的时候。你盼望每一个字母都是组合在一路的,就像它们本来如此。这个细节将会帮助你去如何展示,防止用户忘掉紧张的部分。
 
考虑比例
 
良好的用户体验必要遵守的10种准则
 
比例能够帮助你去为一个项目创造样式。虽然这听起来像是在做数学题,但是它能让你的工作更加轻松。
 
回到行间距;那就是比例。考虑着文本的大小、文本骨干、小题目、题目和大面积的复制。把他们连成一片,从视觉上看起来是一片协调,同时你也知道是用怎样的比例更好。一开始可能有些复杂,但是 TutsPlus有个很酷的教程帮助你去理解它。
 
同一风格
 
良好的用户体验必要遵守的10种准则
 
当谈到字母的情势,粗体是很紧张的。因为超细的字母缺乏对比,所以很难阅读。同样,细体和粗体有强烈的反差也会存在同样的题目。
 
解决方法:坚持相对同一的字体情势。这种风格是很容易被使用,不管你是使用哪种背景都有可读性。
 
限定字体的使用
 
良好的用户体验必要遵守的10种准则
 
两个字体。再说一次:两个字体。
 
所有设计都应该遵从这个准则。太多的字领会让你的用户发疯。眼睛会特别很是痛楚,可读性很差。同时也让用户很痛楚。
 
学会使用两种字体——你可以有一种艺术字体模块电源,假如必要——保持如许的风俗。标出每个字体应该如何使用。包括颜色、大小和响应放置的位置。对于每一个设备,不同的页面也应该是同等性的。
 
对比度
 
良好的用户体验必要遵守的10种准则
 
在一些少数流行的设计里面,背景和字体只有很小的区别。它看起来很酷炫,但是并没有那么友爱天津塑料托盘北京网站制作,可读性也差。
 
内容才是让你的网站分外和紧张的关键。让背景和字体有更大的区别,它能让用户轻松的阅读。(这就是为什么白色或者浅色背景使用黑色或者深色背景特别很是流行的缘故原由。)
 
网站文本越多,这些准则就越发紧张。当你眯着眼睛看文本时,对比可能就会削弱(或字母太小)。Color Safe是一个壮大的颜色工具,它能帮助你去组合接近完善对比度的颜色。(它会让你的网站看起来更加酷!)
 
排版设计能帮助你设计出特别很是好的设计体验。
 
www.ydwseo.cn