020-29815005
预约专线时间:09:00-23:59

【UI设计培训】:提高网页设计可读性有哪些方法?

新闻来源:本站 日期:2022-01-13
一家公司如果想将自己的产品或者是服务推广出去,那么就自然与一个好的网站脱不开关系,而一个好的网站又离不开好的网页设计。但是网页的设计是一项需要技巧的技术,它不仅要有很强的视觉效果,还要具有互动性,所以我们要想设计出一个好的网页。那么提高网页设计可读性有…

      一家公司如果想将自己的产品或者是服务推广出去,那么就自然与一个好的网站脱不开关系,而一个好的网站又离不开好的网页设计。但是网页的设计是一项需要技巧的技术,它不仅要有很强的视觉效果,还要具有互动性,所以我们要想设计出一个好的网页。那么提高网页设计可读性有哪些方法?


【UI设计培训】:提高网页设计可读性有哪些方法?


  1.使用对比色(Use contrasting colours)。这里说的对比是文字的颜色和背景色的对比。这样用户可以比较容易的看清文字,减少阅读疲劳。有视力障碍的人可能看不清楚低对比度的文字。可以去Vischeck这个网站可以看看你的网站在色弱(或色盲)用户眼中的样子。

  2.把文字圈成小块(Chunk up”your copy)。大块的高密度的文字让你的用户感觉信息负荷超载,有压抑感。几个小技巧:

  用列表(或者1-2-3)和副标题

  保持段落短小

  在重要的观点上使用加粗或使用不同颜色,便于那些不太耐心而快速浏览的用户能抓住重点

  控制文字的行宽(Use columns to control text width.)

  3.避免杂乱的背景(Avoid busy backgrounds),让文字容易看清楚。

  4.少一点更好(Less is better)。在页面上放置越多杂乱的东西,越是让用户迷惑,分散注意力,不能集中阅读。网站看起来也不够专业.在放任何一项东西前想想,真的不放不可么?

  5.使用辨识性好的字体(Strive for a clean font style for maximum readability).

  6.文字不要太小(Don’t use itsy-bitsy font sizes)。蚂蚁似的文字,很难快速的阅读。如果用户自己可以控制就更好了。

  7.让链接更像链接(Make your links look like links)。如果不是标准蓝色链接,好可以加上下划线。不是链接的文字,好不要加下划线。  

  以上就是优漫教育小编为大家介绍的“UI设计培训】:提高网页设计可读性有哪些方法?”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解 !