有人说,中文网页的设计其实没有字体设计这一环节,因为在网页中能用到的中文字体非常有限,能用的也只有黑体、宋体、微软雅黑等,这给中文网页的美感带来了折损。相比英文对字体的斟酌,网页上的中文字体显得太随意。
当然,这种说法有一定的正确性,但我们应该换个角度看。中文的网页中的字体的确是局限在这几款字体中,但不代表中文网页就没有字体设计这一环节。
排版是什么?
排版是将文字、图片等元素在版面调整,使版面布局条理化的过程。一般来说,透过来版,让人们更容易的去阅读、接受这些提供给他们的资讯。
为什么要提供良好的排版?
一 个良好的资讯传递需要几个要素来达成,分别是对的内容与对的方式以及对的人,唯有这三个要素都成立的时候,资讯就能够有效率的被使用者给接受。排版扮演着 内容与使用者之间沟通的桥梁,良好的版面设计让使用者不需要特别的努力、训练就可以瞭解提供的内容;相反,糟糕的排版可能会让使用者拒绝接受这些内容。
排版最重要的四个要点
排版设计中有非常多需要注意的细节,各种细节也会因为不同的情境、需求而不同,底下列出了四项排版最重要的要点,如下:
1. 对齐(Alignment)
任何东西都不能随意摆放,每一个元素之间都有某种视觉关系。利用对齐建立一个清楚整齐的外观。
2. 亲密(Proximity)
彼此相关的内容应靠在一起,反之不相关的内容保持距离。利用亲密性,强调画面的组织与架构。
3. 重复(Repetition)
重复视觉要素的颜色、字体、大小、空间等,增强条理性,也增强了整体一致性。
4. 对比(Contrast)
避免页面上元素太过相似,如果它们不同,哪就让他们截然不同。让重要的内容引人注目,让使用者间看到它们。
排版是将文字、图片等元素在版面调整,使版面布局条理化的过程。一般来说,透过来版,让人们更容易的去阅读、接受这些提供给他们的资讯。
为什么要提供良好的排版?
一 个良好的资讯传递需要几个要素来达成,分别是对的内容与对的方式以及对的人,唯有这三个要素都成立的时候,资讯就能够有效率的被使用者给接受。排版扮演着 内容与使用者之间沟通的桥梁,良好的版面设计让使用者不需要特别的努力、训练就可以瞭解提供的内容;相反,糟糕的排版可能会让使用者拒绝接受这些内容。
排版最重要的四个要点
排版设计中有非常多需要注意的细节,各种细节也会因为不同的情境、需求而不同,底下列出了四项排版最重要的要点,如下:
1. 对齐(Alignment)
任何东西都不能随意摆放,每一个元素之间都有某种视觉关系。利用对齐建立一个清楚整齐的外观。
2. 亲密(Proximity)
彼此相关的内容应靠在一起,反之不相关的内容保持距离。利用亲密性,强调画面的组织与架构。
3. 重复(Repetition)
重复视觉要素的颜色、字体、大小、空间等,增强条理性,也增强了整体一致性。
4. 对比(Contrast)
避免页面上元素太过相似,如果它们不同,哪就让他们截然不同。让重要的内容引人注目,让使用者间看到它们。
文字排版要点
文字是内容的本质,人们透过文字、句子来阐述知识,让我们透过瞭解文字排版,让文字更容易被阅读、被接受:
1. 使用适合阅读的字体
字体大小与使用者萤幕大小、使用距离有关,清楚瞭解使用者使用的环境与习惯后,选择一个适当的大小。
2. 选用适当的字体
有些中文字体的英文版本其实是不合适的,挑选与中文字体相对应的英文字体作为搭配的字体。
3. 设定恰当的行高
也就是“文字密度”,太挤的文字在换行时,眼睛不容易找到下一行的起点,较不容易阅读。
4. 设定恰当的段距
清楚的段落区分,让读者可以清楚地瞭解现在正在阅读的段落。
5. 注意段落的宽度
注意文字最后显示的设备大小,太宽或太窄的段落宽度都会造成阅读上的困难,一行文字以45字元~75字元是比较恰当的。
6. 清楚的区分标题与内文
使用对比的方式(例如颜色、大小、位置)将内文与标题清楚的区分开来。
从认知心理学看排版
文字是内容的本质,人们透过文字、句子来阐述知识,让我们透过瞭解文字排版,让文字更容易被阅读、被接受:
1. 使用适合阅读的字体
字体大小与使用者萤幕大小、使用距离有关,清楚瞭解使用者使用的环境与习惯后,选择一个适当的大小。
2. 选用适当的字体
有些中文字体的英文版本其实是不合适的,挑选与中文字体相对应的英文字体作为搭配的字体。
3. 设定恰当的行高
也就是“文字密度”,太挤的文字在换行时,眼睛不容易找到下一行的起点,较不容易阅读。
4. 设定恰当的段距
清楚的段落区分,让读者可以清楚地瞭解现在正在阅读的段落。
5. 注意段落的宽度
注意文字最后显示的设备大小,太宽或太窄的段落宽度都会造成阅读上的困难,一行文字以45字元~75字元是比较恰当的。
6. 清楚的区分标题与内文
使用对比的方式(例如颜色、大小、位置)将内文与标题清楚的区分开来。
从认知心理学看排版