广州创优视觉科技有限公司设计界面设计的四大原则

根据经验,界面的视觉设计经常遇到这样的问题：

1."土味"界面(泛指很不好看的)。

2."做不出来"界面,指高保真和低保真的区别就是加了颜色和

图片的。

3.不舒服"界面,指算不上很不好看,但是总觉得哪里不舒服的

界面。

4."平凡"界面,指没有层次,看上去普普通通没有特点的界面

。

有些同学觉得要做出好看的界面好难,自己还要好几年才能"修

成",但是创优视觉科技有限公司不这么认为,你和专业的界面只差一个"

四大原则"! 四大原则"! 所谓四大原则,也叫做排版的四大原则或者设计的四大原则,指 的是亲密、对齐、重复、对比。几乎所有的比较成功的设计中都 可以看到四大原则的应用, 1.亲密 亲密也可以叫做亲密性,指的是当信息之间的关联性越高,信息 之间的距离越小,反之,他们的距离就越远,用这样的原则去规 划信息之间的间距也就是根据内容去规划页面结构,这样的层次 关系会使页面看起来更加自然。 2.对齐 对齐原则比较好理解,就是设计中元素和信息的对齐规则,正确 的使用对齐可以增加页面的美观度,使读者的阅读更加便捷,同 时也能更好的传达信息。 在对齐规则中,除了常见的左对齐,右对齐,居中对齐,两端对 齐外,我们还可以自己制定对齐规则。下面以Ant Design的对齐 规则为例,来看一下对齐规则是怎样制定的。 文案类对齐： 如果页面的字段或段落较短、较散时,需要确定一个统一的视觉 起点。 表单类对齐： 表单类对齐采用的冒号左右分别对齐,这样的对齐能让内容锁定 在一定范围内,让用户眼球顺着冒号的视觉流,就能找到所有填 写项,从而提高填写效率。 数字类对齐 由于在实际使用的情况下,数字大小的差别会比较大,因此为了 快速对比数值大小,建议所有数值取相同有效位数,并且右对齐 。 3.对比 对比原则就是通过视觉上的区分对比来突出一些元素的特点性质 ,吸引观众的目光,区分内容的层级。我们能看到的对比有非常 多种,比如颜色的对比、字体大小粗细的对比、距离之间的对比 ,在交互设计中的还可以分为静态对比和动态对比。我们可以通 过对比来区分主次关系,总分关系,状态关系等等各种不同的关 系。 4.重复 重复原则指的是,在同类信息的表达上使用重复相同的元素,这 样使用不仅可以有效降低用户的学习成本,也可以帮助用户识别 出这些元素之间的关联性。