搞定UI | 知道这4点,带你分分钟成为界面设计中的大神

高高:我经常遇到这些问题...

高高:甲方爸爸要求把文字变大,色彩要炫,主题要突出这类要求,可是改图改了好多次还是过不了

高高:怎么办啊?在线等,急~~~

叮叮:不慌不慌,叮叮现在就来教你几个高招,让你轻松过关!

(高高已经拿好自己的笔记本坐好了,你们呢?)


其实界面的存在是为了让人和我们的世界产生互动。

它可以帮助人们厘清,明白,使用,展示相互之间的关系,他能够把你们聚集在一起可以将你们隔开,界面设计不是艺术设计。

而且界面的功用和效果也同样是可以被测量的。

优秀的界面不但能够让你做事有效率,还能够激发、唤起和加强你与这个世界的联系,所以叮叮今天就来给大家介绍一下以下界面设计的四大原则。

一、对比

对比原则就是通过视觉上的区分对比来突出一些元素的特点性质,吸引观众的目光,区分内容的层级。

你们能看到的对比有非常多种,比如颜色的对比、字体大小粗细的对比、距离之间的对比,在交互设计中的还可以分为静态对比和动态对比。

你还可以通过对比来区分主次关系,总分关系,状态关系等等各种不同的关系。(为了让鱼唇的高高弟弟更加明白,叮叮准备了图片给大家)

如下图:

图一


图二


二、对齐

对齐原则比较好理解,高高与丁丁就用非常通俗的图文来告诉你们,对齐就是设计中元素和信息的对齐规则。

正确的使用对齐可以增加页面的美观度,使读者的阅读更加便捷,同时也能更好的传达信息。

其中有左对齐,右对齐,中对齐三种排列方式。

如图所示:

三、重复

重复原则指的是,在同类信息的表达上使用重复相同的元素,也可以帮助用户识别出这些元素之间的关联性。

排版中的重复也可以称为统一,叮叮要提醒高高和小伙伴们,切记重复不是刻意而为之的操作,这也是编排设计中的标配。

因为它是有规律和惯性的理性存在,重复的设计能够给你安全感以及韵律感

比如下图:

四、亲密

亲密也可以叫做亲密性,指的是当信息之间的关联性越高,信息之间的距离越小,反之,他们的距离就越远

用这样的原则去规划信息之间的间距也就是根据内容去规划页面结构,这样的层次关系会使页面看起来更加自然。

就像高高与叮叮一样,在一起才显得亲密呢!

我们可以看看下面两张图:

图一

图二

图一这三个人站一起就像是三个互不相干的陌生人,而图二中的三个人,由于中间的女孩纸和右边的男孩纸站的比较近,就像是朋友一样。

这样解释,你们懂了吗?


高高:哦~我懂了,原来界面设计这么简单啊!

叮叮:不仅仅如此,知道对比,重复,对齐,亲密这四点之外,我们还需要熟练的运用在设计中,这样才可以做出很好看的界面设计哦~~

高高:那我一定要把这四点记得牢牢的,结合实际运用起来!

叮叮:好哒!咱们一起努力~~


叮叮有话说

大家有什么建议都可以留言告诉我们哟~你们的支持是我们最大的动力!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容