港彩通

{dede:field.typename/}资讯

探知 • 创造美好

不断超越客户的期望值,源自我们对这个行业的热爱

网站设计使用对比度加强内容可读性的技巧

来源:网站建设观点 - 港彩通 | 2018-06-06

网站建设设计中我们时刻都在想办法提升用户体验,用户体验中信息可读性尤为重要,如果信息都无法正常而清晰的传达,那么设计就失去了意义。

想要提升内容的可读性,让内容以更加顺畅、更符合逻辑的形式呈现在用户面前,你需要借助对比度来表达,让用户真正顺畅的理解。创建色彩对比的方法有很多,流行的做法是在白色或者浅色的背景上使用黑色或者深色的文字。这种设计由来已久,经久不衰的理由是它确实非常有用。当然,将两种颜色倒置过来,也一样有用。
 
网站设计
前景的文字需要和背景有着明显的对比,它需要能够吸引用户的眼球
 
在实际的设计过程中,情形复杂多变。文字和背景的配色往往受到多种因素的影响,这个时候需要多加尝试,反思文字在背景的映衬下是否能够被用户清晰的看到,尤其是在视频和图片之上追加文字排版的时候。
 
为了降低背景多变的色彩对于文字的视觉影响,一个比较靠谱的方案是在图片和视频上覆盖上一个半透明的有色图层,来“统一”色调,让文本的可读性更好。设计师可以通过调整这个有色图层的透明度、明度和色调来控制和文字的对比度,这样一来,背景图片和视频中的内容对于文字的影响可以降到低。
 
对于包含大量文本内容的网站而言,正文部分的内容排版就显得相当重要了。如果文本内容都是无缝的呈现出来的话,用户很可能因为没有层次而无法抓住重要信息。
 
所以,网页中大量的文本信息,应该考虑:文本块的区域和大小、每行文字的长度和高度、项目编号和列表、字符的粗体和斜体、色彩等。
 
所有的这些属性都能将文本中特定的关键词、信息甚至语气同其他的内容区分开来,它们会成为文本中重要的锚点,将和总要的信息通过这种差异和对比,推送到用户面前。
 
在较长的文本区块中(尤其是博客和长文中)使用不同的样式来区分不同类型的内容,这样做可以明显降低用户阅读的疲劳度。将长内容分解为更易于阅读的部分,用户才更容易买单。

一致性几乎是所有设计领域都遵循的原则,无论你在首页或者标题、正文中是如何运用对比的,好将它延伸到整个设计规范当中去。
 
尽量使用相同的色彩,一样的样式,统一的字体,如果设计无法保证一致性,会让用户在界面中感到迷惑。确保用户到哪个地方都会觉得他们在你的网站中。

多一份参考,总有益处

131-1155-0088 / 159-3167-7513

港彩通 - 建站推广一站式服务

您可 微信扫码 或 拨打电话 咨询
稍后再说

131-1155-0088