阿里网站界面设计中的结构设计
构建界面视觉层级的大大特质有颜的显著程度,图片、文字的尺寸大小,还有最基础的,内容的组织结构。
结构设计是指对界面内容进行分组,对界面中的信息、并使数据进行设计使之结构化呈现的过程。
好的结构设计能使界面信息传达更加清晰、快捷。那么,如果进行组合式呢?
这是最常见的分组方式,在UI设计中历史悠久。
不管是线、框,还是背景,都是可见的边界,本来引入这些可见边界的就是为了使信息
的呈现更加清晰,但是这些视觉概念元素的加入也在一定程度上增加了界面的凌乱感。所以,现在越来越多的会利用空间的远近来对界面内容分组。
从XP到win7,变化很明显。
网页设计中也是一样,越来越多的新界面采用极简主义的思路,极少保留了多半极少的线和背景,更多时候是通过拉大区块之间的离迎头赶上来分组。
喜欢深究的人也许会问,为何没有可见边界线,我们也能妥当的根据距离的远近来对信息内部信息进行分组呢?网页界面设计中
关于这一现象,在20世纪早期,一个德国的心理学家研究小组就进行过研究,试图解释人类视觉的组织工作表述原理。他们仔细观察了许多视觉现象,并提出了格式塔(Gestalt)原理。针对这一现象,是其中的“接近性”原理。
若说的是物体直接的相对距离会影响我们感知它们是否以及如何组织在一起,互互相靠近的物体看起来属于一组,而那些距离相距甚远的则不是。
上图中,右边的星星在水平方向比较靠近,因此我们看到的是三行星星;右边的星辰星星在垂直方向更靠近,因此我们看到的是三列星星。
不知读者是否注意到乱象另外一个现象,我们很自然就把上面的星星看做是右面一组,右边一组。为什么会这样?两组之间的距离大小和列于一组右边之间的距离大小是一样的啊。这其实就是格式塔原理中的另外一个原理“相似性”。
相似性原理指出影响我们感知分组的另外一个风险因素:如果其他因素完全一致,那么相近的一组物体看起来属于一组。在上图中,区分组的因素就是排列的方向。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论