Tagged

视觉设计

A collection of 1 post

交互设计

好的视觉/交互设计的三个要素

英文原文:3 Parts of Good Visual Interface Design 仅从基础层面来看,在我看来好的视觉交互设计有三个部分组成,或者说需要满足三个要素。每个部分的满足程度将直接影响整体作品的质量。如果都满足了,作品就达到了最好的境界;如果只是一两个满足了,作品质量也就马马虎虎;如果没有一个满足,那东西肯定稀烂。这三个部分便是: 清晰的界面元素 元素间的关联 作品各部分的组成效果 清晰的界面元素指的是每个元素都清楚的表达了自己的功能和可交互性(或者 affordances,译注:可以理解为”可供性”,在此推荐ID公社的一篇文章)。这些元素是否容易看到,其中文本是否易于辨别?按钮是否看起来就像按钮,并且用户是否知道它可以点击(可以交互)?列表看起来是不是像列表,且用户是否明白这些项的类型?控件喊的图标(icon)是否有辨读性?每一个交互元素,都以不同的清晰度呈现给用户它们各自能够做什么以及如何使用。 元素间的关联是指类似于元素组合起来将内容组织成一个有一定含义的单元,或者元素将对比、尺寸的变化来构建一种视觉层级,以此来引导用户的注意。文本中有标题,或者列表紧靠这标题,就是为了让其意有所指;按钮中一定会有的文本是将其作为标注从而让按钮易于理解;一组有关联的项必须很明确的和其他无关联的项隔开,