您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> 交互设计 >> 正文

页面排版学习笔记

作者:佚名    责任编辑:admin    更新时间:2022-06-22

   排版是什么?

  排版是将文字、图片等元素在版面调整,使版面布局条理化的过程。一般来说,透过来版,让人们更容易的去阅读、接受这些提供给他们的资讯。

  为什么要提供良好的排版?

  一个良好的资讯传递需要几个要素来达成,分别是对的内容与对的方式以及对的人,唯有这三个要素都成立的时候,资讯就能够有效率的被使用者给接受。排版扮演着内容与使用者之间沟通的桥梁,良好的版面设计让使用者不需要特别的努力、训练就可以瞭解提供的内容;相反,糟糕的排版可能会让使用者拒绝接受这些内容。

  排版最重要的四个要点

  排版设计中有非常多需要注意的细节,各种细节也会因为不同的情境、需求而不同,底下列出了四项排版最重要的要点,如下:

  1. 对齐(Alignment)

  任何东西都不能随意摆放,每一个元素之间都有某种视觉关系。利用对齐建立一个清楚整齐的外观。

  2. 亲密(Proximity)

  彼此相关的内容应靠在一起,反之不相关的内容保持距离。利用亲密性,强调画面的组织与架构

  3. 重复(Repetition)

  重复视觉要素的颜色、字体、大小、空间等,增强条理性,也增强了整体一致性。

  4. 对比(Contrast)

  避免页面上元素太过相似,如果它们不同,哪就让他们截然不同。让重要的内容引人注目 ,让使用者间看到它们。

  参考资料:写给大家看的设计书、完形心理学

  文字排版要点

  文字是内容的本质,人们透过文字、句子来阐述知识,让我们透过瞭解文字排版,让文字更容易被阅读、被接受:

  1. 使用适合阅读的字体

  字体大小与使用者萤幕大小、使用距离有关,清楚瞭解使用者使用的环境与习惯后,选择一个适当的大小。

  2. 选用适当的字体

  有些中文字体的英文版本其实是不合适的,挑选与中文字体相对应的英文字体作为搭配的字体。

  3. 设定恰当的行高

  也就是“文字密度”,太挤的文字在换行时,眼睛不容易找到下一行的起点,较不容易阅读。

  4. 设定恰当的段距

  清楚的段落区分,让读者可以清楚地瞭解现在正在阅读的段落。

  5. 注意段落的宽度

  注意文字最后显示的设备大小,太宽或太窄的段落宽度都会造成阅读上的困难,一行文字以45字元~75字元是比较恰当的。

  6. 清楚的区分标题与内文

  使用对比的方式(例如颜色、大小、位置)将内文与标题清楚的区分开来。

  从认知心理学看排版

  人们会将邻近的事物视为一体

  红色跟蓝色放在一起容易疲劳

  大写文字难以阅读

  阅读与理解是截然不同的两件事

  如果人们感觉这个字体不易阅读,他们会把这种困难的感觉转化至文意本身,并因此觉得文章所谈到的内容难以执行或难以理解。

  较长的栏宽能提高阅读效率,但人们偏好较短的栏宽。

  适时的应用进阶展开,减少一次显示的资讯数量

  分类资讯

  提供明显的线索

  参考资料:瞭解人,你才知道怎么设计

  从设计法则学习排版

  80/20法则

  不要对设计中所有的元素一视同仁。应该利用80/20法则来评估各元素的价值、锁定重新设计与最佳化。

  希克定律(Hick’s law)

  当选项增加了,下决定的时间也增加。

  倒金字塔法则

  以重要性递减的顺序呈现资讯。先呈现最重要的资讯,之后才是附加的详细资料。当呈现资料的效率很重要时,就使用倒金字塔法则。

  提高信噪比

  同一显示中,相关资讯与不相