界面设计中页面元素的布局.pptVIP

界面设计中的页面元素的布局 博客设计组：非非 界面设计中页面元素的布局 视觉层次： 视觉流： 分组和对齐： 重要程度区分 接下来做什么？ 谁和谁在一起 视觉层次:重要程度区分 解释：重要程度区分，用户能从页面的布局推导出它的信息结构。 重要的内容应该最突出,不重要的次之。 标题、二级内容、注释等看起来就是他们本身，不为用户带来任何疑问。 案例：没有视觉层次 案例：带空白的文本 案例：排版和对齐方式 关于视觉结构层次的小结 左上角优先： 空白： 字体对比： 前景色和背景色的对比： 位置、对齐、缩进： 图形轮廓： 其他（标题、列表、导航条、动作按钮等） 我们的语言习惯是，从左到右，从上到下。 条理清晰，组的形式来呈现内容。 大小粗细颜色等的对比，表达信息的重要程度。 颜色对比可以进一步的突出内容。 从属关系更清晰，结构明白。 整体感增强。 设计中我们遇到的问题 视线首先落在什么地方？ 那个设计元素在第一时间吸引了用户的注意力？ 用户第一时间注意到的东西与它们的（或你的）目标是背盗而驰？ 它对于战略目标上来讲是很重要的东西吗？ 好的视觉引导 是一条流畅的路径，设计能顺利地引导用户在页面上移动 能“干扰”用户的视线，为用户提供有效选择的、某种可能的“引导”，支持用户试图去完成它们的目标和任务。 我们需要。。。 视觉流：接下来我该看什么 解释：在读者扫描页面的时候跟踪读者的视线。 建立流