当前位置:首页>ps入门教程>ps基础教程>设计知识>教程内容

排版知识,网站主题部分文字的排版设计知识(2)

来源:AnyForWeb 作者:UED 学习:10593人次

排版中很重要的一个规范就是把应该对其的地方对齐,比如每个段落行的位置对齐。

不论哪种视觉效果,精美的、正式的、有趣的还是严肃的,一般都可以应用一种明确的对齐来达到目的。

通常情况下,建议在页面上只使用一种文本对齐,尽量避免两端对齐。

4.文字留白

在排版文字时,在版面需要留出空余空间,留白面积从小到大应该遵循的顺序是:字间距、行间距、段间距。此外,在排版内容区之前,需要根据页面实际情况给页面四周留出余白。

排版知识,网站主题部分文字的排版设计知识_www.16xx8.com

二、CRAP设计四原则在文字排版中的应用

CRAP是四项基本设计原理,包括对比(Contrast)、重复(Repetition)、对齐(Alignment)、亲密性(Proximity), 已经被设计师广泛应用。这四个基本原则在网页设计中对文字的排版也非常适用。

1.对比

我们将对比分为三类,主要是标题与正文的字体与字号对比、文字颜色对比,以及文字颜色与背景颜色的对比。

> 标题与正文对比

在AnyForWeb网站案例页面中,标题使用18号的微软雅黑,正文使用12号的宋体,两种字体字号的对比让文字内容富有层次,很容易吸引读者眼球。

排版知识,网站主题部分文字的排版设计知识_www.16xx8.com

> 文字颜色对比

在伽然官网中,一部分文字采用了与主要文字不同的另一种颜色,这种对比是增加视觉效果的有效途径之一,突出展示了段落的重点。

排版知识,网站主题部分文字的排版设计知识_www.16xx8.com

> 文字颜色与背景颜色对比

这是非常常用的一种排版设计方式,正文文本与背景合适的对比可以提高文字的清晰度,产生强烈的视觉效果。

比如在埃森哲官网中,白色背景、红色标题、黑色正文的对比,以及红色背景与白色文字对比的应用,将文字内容清晰衬托出来,既有丰满的层次感,同时有具有很强的视觉冲击力。

排版知识,网站主题部分文字的排版设计知识_www.16xx8.com

排版知识,网站主题部分文字的排版设计知识_www.16xx8.com

设计师在使用这一原则时需要注意,必须确保文字是容易看清的,如果文字过小或过于纤细、色彩对比度不够,会适得其反,举个例子:

排版知识,网站主题部分文字的排版设计知识_www.16xx8.com

设计师如果对色彩的对比度还不够熟悉时,可以通过颜色对比检测工具(如Check My Colours、Colour Contrast Check)检测色差和亮度差,确保网页设计的易读性。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!