怎样设计才能让文字排版更好看(一)
2017-03-07 00:00
246 查看
在设计中,为了让文字在排版中更好看,我们需要遵循一下四个原则
1.对比
2.重复
3.对齐
4.亲密性
一、对比
我们将对比分为三类,有标题和正文中的字体、字号对比,文字颜色的对比,以及文字颜色与背景颜色的对比。
标题与正文的对比
在下面网站案例页面中,标题使用18px的微软雅黑,正文使用12px的宋体,两种字体和字号的对比让文字内容富有层次,能吸引读者眼球。
![](http://s6.sinaimg.cn/mw690/006zipb5zy79jSkvRVb75&690)
文字颜色对比
在下图中,有一部分文字采用了与正文文字不同的另一种颜色,这种对比是增加视觉效果的有效途径之一,突出展示该段落的重点。
![](http://s1.sinaimg.cn/bmiddle/006zipb5zy79jSl9fkAc0&690)
文字颜色与背景颜色的对比
这是一种常用的排版方式,正文与背景合适的颜色对比,不仅可以提高文字的清晰度,并且可以产生强烈的视觉效果。
比如在下图中,白色的背景、红色的标题、黑色的正文这三者之间的对比,还有黑色背景与白色文字对比的应用,将文字内容清晰衬托出来,既有丰富的层次感,同时具有很强的突出效果与视觉冲击力。
1.对比
2.重复
3.对齐
4.亲密性
一、对比
我们将对比分为三类,有标题和正文中的字体、字号对比,文字颜色的对比,以及文字颜色与背景颜色的对比。
标题与正文的对比
在下面网站案例页面中,标题使用18px的微软雅黑,正文使用12px的宋体,两种字体和字号的对比让文字内容富有层次,能吸引读者眼球。
文字颜色对比
在下图中,有一部分文字采用了与正文文字不同的另一种颜色,这种对比是增加视觉效果的有效途径之一,突出展示该段落的重点。
文字颜色与背景颜色的对比
这是一种常用的排版方式,正文与背景合适的颜色对比,不仅可以提高文字的清晰度,并且可以产生强烈的视觉效果。
比如在下图中,白色的背景、红色的标题、黑色的正文这三者之间的对比,还有黑色背景与白色文字对比的应用,将文字内容清晰衬托出来,既有丰富的层次感,同时具有很强的突出效果与视觉冲击力。
相关文章推荐
- 怎样设计才能让文字排版更好看(三)
- 怎样设计才能让文字排版更好看(三)
- 怎样设计才能让文字排版更好看(二)
- 怎样设计才能让文字排版更好看(一)
- 怎样设计才能让文字排版更好看(二)
- 网页排版设计如何才能让页面文字阅读更舒适?
- 怎样才能实现排序优化的层次关系表设计_SQL技巧
- 平面设计文字排版
- 怎样才能轻松快速的理解好设计模式
- 40个布局排版好看的网页设计作品
- 怎样才能算是设计优秀的PCB文件
- 怎样才能提取图片中的文字
- 设计调查问卷的艺术:怎样才能绝对地保证个人隐私不被泄露
- 网页应该怎样设计,才能被百度有效
- 文字排版中的设计四原则(二)
- 文字排版中的设计四原则(三)
- 文字排版中的设计四原则(三)
- web设计的中文排版(主要是文字和字体)
- 移动端文字与排版设计的六个原则
- 怎样才能实现排序优化的层次关系表设计_SQL技巧