加入收藏 | 设为首页 | 会员中心 | 我要投稿 西安站长网 (https://www.029zz.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

颜色、字体、图表,这些视觉元素是如何影响用户体验的?

发布时间:2017-09-04 23:39:28 所属栏目:建站 来源:人人都是产品经理
导读:副标题#e# 文章主要分析了不同的视觉设计元素是如何影响网站用户体验,希望通过文章的解读能够对你的产品设计带来些启发。 也许是因为我在视觉设计上没有太多经验,我发现平常在与视觉设计师讨论设计方案时,我们常常讨论的是:“我觉得这样布局很奇怪”、

遗憾的是,在网站和应用排版中有很多相互矛盾的选项,并且没有一个适用于所有情况的严格规则(否则事情也太简单了吧)。但是你可以做一些事情,以保证你为网站或应用选择的字体对你和你的用户有所帮助,而不是跟你唱反调。

字号与行长

文字的尺寸和布局会对在线阅读的体验带来巨大影响。年龄较大的人或者有视力障碍的人在面对小字的时候尤其痛苦。即使是视力正常的人盯着屏幕太久后也会觉得疲劳——当他们为了阅读不得不斜视或者放大时会感到激怒。

看看下面这个例子:对于台式机来说,正文较好的处理方式是每行50- 75 个字符,字号不低于16pt。

颜色、字体、图表,这些视觉元素是如何影响用户体验的?

对比下面这个页面,每行有 100 个字符,并且字体更小。

颜色、字体、图表,这些视觉元素是如何影响用户体验的?

这个问题在手机上有所延伸。对用户来说在一个小的明亮的屏幕上阅读是一件很头疼的事情。比较好的做法是在手机上每行显示30- 40 个字符。下面是在智能手机上看到的两个网站,第一个使用了30- 40 个字符,而第二个使用了为台式机设计的网站上的尺寸。

颜色、字体、图表,这些视觉元素是如何影响用户体验的?

因为写死的字号(比如,16px)在不同的设备上显示效果不同,所以试着使用rem单位去定义字号(译注:rem是CSS3 引入的字体大小单位,是指相对于根元素的字体大小,便于实现响应式设计)。

(编辑:西安站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读