如何提拔网页内容的可读性(4)
对齐模式

谈到可读性的时候,对齐其实也个无法回避的话题。而在排版中,不同的对齐模式也是能构成对比的。
通常,在对齐的设计上有两种常规思路:
·正文和题目采用不同的对齐模式,构成对比
·在悉数排版中相沿雷同的对齐模式
从某种意义上来说,两种思路都是对的。选取那种思路,重要取决于文本、题目和其他设计元素之间的关系。假如采用雷同的对齐体例,能否保证题目和正文之间有显明对比、能否从背景和其他元素中脱颖而出?文本的行间距、字体大小、和其他元素之间的距离能否构成优秀的视觉差?
在谈到UI中的对齐题目的时候,最直观的模型是一段文本和按钮之间的关系。排版中,文本元素和按钮之间的对齐模式应该是怎样的?这个题目很故意思,很多设计师倾向于让文本和按钮纵向排列,居中对齐,但是网站的其他元素搭配进来的时候,又每每不会居中对齐。所以,对齐体例,是由元素自己的属性来决定,根据整个设计,合理搭配。
长文本内容

对于包含大量文本内容的网站而言,正文部分的内容排版就显得相称紧张了。假如文本内容都是无缝的呈现出来的话,用户很可能由于没有条理而无法捉住紧张信息。
所以,网页中大量的文本信息,应该考虑下列因素:
1、文本块的区域和大小
2、每行笔墨的长度和高度
3、项目编号和列表
4、字符的粗体和斜体
5、色彩
所有的这些属性都能将文本中特定的关键词、信息甚至语气同其他的内容区分开来,它们会成为文本中紧张的锚点,将和总要的信息通过这种差异和对比,推送到用户面前。
在较长的文本区块中(尤其是博客和长文中)使用不同的样式来区分不同类型的内容,如许做可以显明降低用户阅读的委靡度。将长内容分解为更易于阅读的部分,用户才更容易买单。
保持同等

同等性几乎是所有设计领域都遵循的原则,无论你在首页或者题目、正文中是如何运用对比的,最好将它延长到整个设计规范当中去。
尽量使用雷同的色彩,一样的样式,同一的字体,假如设计无法保证同等性,会让用户在界面中感到疑惑。确保用户到哪个地方都会觉得他们在你的网站或者APP当中。
Ntgrate 这个网站就很好的贯彻了同等性的设计。背景同一使用了菱形的栅格,而文本则同一使用白底黑字的卡片来承载,同时网站中的大图则是置于背景和文本而卡片之间。
结语
对比度是让设计项目在视觉上更具吸引力的紧张工具,它让排版布局更加富有条理结构,高对比度的设计让内容的可读性有显明的提拔,而这也是设计可用性达标的最基本条件。
2/2 首页 上一页 1 2本文地址:http://tuquu.com/tutorial/di18.html
-
Macaron 马卡龙系色谱 ;附HC(16进制码)
Macaron 马卡龙系颜色表 色谱/色卡/色表 扩展阅读:马卡龙原指(Macaron
-
@media适配不同尺寸的手机
当下,不同分辨率,不同尺寸的移动设备越来越多,自适应也成了最热门的话题,下面就是图趣网整理到的
-
干货分享!推荐8个高清无水印无版权可商用图
在我们写文章的时候经常需要给文章配一个好图,或者是bannar等等,这就需要我们寻找一些好的无水印
-
国外黄色网站系列欣赏之一
黄色也是一个暖色。它有大自然、阳光、春天的涵义,而且通常被认为是一个快乐和有希望的色彩,黄色
-
CutterMan-一个好用的ps切图插件
cutterman--ps切图工具,方便快捷的用于网页开发/IOS/Android切图功能
-
ps像素图放大边缘模糊?一步搞定
ps像素图放大边缘模糊?我们将分享一个ps无损放大二维码的更方便快捷的实例...
-
庞门正道:好好玩耍的点线面(上)
庞门正道:好好玩耍的点线面(上)
-
经典网页配色方案之无色系
今天跟大家分享无色系配色---指除了彩色以外的其它颜色,常见的有金、银、黑、白、灰。明度从0变化








