江苏十一选五预测
当前位置: 江苏十一选五预测 > 设计教程 > 平面设计理论 > 如何提升网页内容的可读性

江苏十一选五投注:如何提升网页内容的可读性

江苏十一选五预测 www.qtprf.cn 当我们聊设计的时候,可读性是我们最常提及的话题。良好的设计应该都是可读的设计,如果信息都无法正常而清晰的传达,那么设计就失去了意义。

设计的可读性和排版设计息息相关,与此同时,对比度的控制也是其中的核心。想要提升内容的可读性,让内容以更加顺畅、更符合逻辑的形式呈现在用户面前,你需要借助对比度来表达,让用户真正顺畅的理解。

色彩对比

如何提升网页内容的可读性

前景的文字需要和背景有着明显的对比,它需要能够吸引用户的眼球。

创建色彩对比的方法有很多,最流行的做法是在白色或者浅色的背景上使用黑色或者深色的文字。这种设计由来已久,经久不衰的理由是它确实非常有用。当然,将两种颜色倒置过来,也一样有用。

但是,在实际的设计过程中,情形复杂多变。文字和背景的配色往往受到多种因素的影响,这个时候需要多加尝试,反思文字在背景的映衬下是否能够被用户清晰的看到,尤其是在视频和图片之上追加文字排版的时候。

为了降低背景多变的色彩对于文字的视觉影响,一个比较靠谱的方案是在图片和视频上覆盖上一个半透明的有色图层,来“统一”色调,让文本的可读性更好。设计师可以通过调整这个有色图层的透明度、明度和色调来控制和文字的对比度,这样一来,背景图片和视频中的内容对于文字的影响可以降到最低。

另外一个方案,是将文字和图片、视频分开排布,这样就不会牺牲两者的信息表现力,唯一的问题是需要提供双倍的展示空间,并且需要选取合理的排版布局。

文本样式的对比

不同风格样式的文字能够借助差异,吸引用户的注意力。有趣而让人着迷的字体越来越多,比如手写衬线字体 Le Farfalle 就是如此。

单个字体本身的优秀设计是很不错,但是两种不同字体的对比带来的反差,更能吸引用户。

不过,不同字体的搭配是非常讲究的,因为风格不搭的不恰当谁家常?;崛糜没Ц械秸鹁???梢匝≡褚恍┚哂邢嗤卣鞯牟煌痔?,用户不会为之感到突兀,这些字体最好拥有相同的x高度(小写字母x的高度),在弧度和倾斜角度上非常接近。这些“和而不同”的字体能让文本内容看起来一致而有差异,有趣而不枯燥。

大小尺寸对比

超大的字体和超小的字体所构成的视觉差常常能够让用户惊叹。

当字体大到一定程度的时候,就能带来足够的视觉冲击,如果搭配上很小的字体构成对比,那么这种视觉冲击会显得更加引人瞩目。虽然超小的字体单独使用也能形成类似的效果,但是相比超大字体要困难的多。

字体的大小差异,很容易被用户注意到,超大的字体能够在你的整个设计当中形成视觉焦点。在文章排版中,正文字体使用正常大小,标题和副标题使用超大字体(副标题会相对小一些),这样的设计会让文章排版的轻重缓急清晰地呈现出来。

分享到: 
八种很漂亮的排版方法和技巧分享
怎么留白才能合理?解析简约设计风格

热门推荐

  • 广州整治校外培训机构:禁止超纲教学等行为 2019-02-20
  • 定格——西部网图片频道 2019-02-20
  • 零关税后抗癌药降价为何“慢半拍”? 2019-02-20
  • 赵振民的专栏作者中国国家地理网 2019-02-19
  • 无论什么制度关键是配套措施要跟得上,权衡哪种方法更科学。 2019-02-19
  • 睡不着时数绵羊真的不靠谱?五招让你做个好梦 2019-02-18
  • 库恩:2017,站在历史长河中看中国这一年 2019-02-18
  • 最悲催的吃货:7年前花1万比特币买两个披萨现在值2亿 2019-02-17
  • 【三年决战奔小康】一封来自甘南精准扶贫户的感谢信 2019-02-17
  • 阿富汗塔利班不延长停火 停火期结束后将恢复作战 2019-02-17
  • 凯恩率“三狮军团”艰难战胜突尼斯 2019-02-16
  • 内地降关税 国际护肤品商称香港仍有优势 2019-02-16
  • 中国电视剧“抱团出海”(深聚焦) 2019-02-16
  • 2017年度湖北新闻奖新闻摄影复评结果公示 2019-02-16
  • 大零售渐入佳境 下半场转型倚重金融科技 2019-02-15
  • 633| 838| 612| 292| 668| 829| 919| 44| 652| 869|