UI设计原则

大家看过这么多交互科技分享的UI设计关于色彩搭配的方法,不知道是否有一些心得体会了?实际上,除了颜色与颜色之间的搭配,在颜色的大小位置,颜色运用等方面,都有各种使用的原则,在遵守了这些原则之后,才能做出更好的UI设计,也才能获得更好的用户体验。

接下来,交互科技就和大家说说UI设计中关于色彩搭配的三项基本原则吧。
原则一:色的大小位置
UI设计中用大色块烘托气氛和主题比较稳定,而UI设计中则用小色块丰富画面。统一颜色可以让用户认准店面,首先需要在不同的界面UI设计框架中统一招牌色,保证产品给用户能一目了然的找到这个店,用户方便了,就会得到更好的用户体验。
现在交互科技就和大家介绍一下一款不为人知的软件“BIG”。首先名称非常的霸气,易于用户记忆和传播。整体采用了朱红色贯彻了整个产品的UI设计。不管是LOGO还是菜单栏都非常的统一。让用户在使用完后对这个产品会有非常统一的印象。
big APPui设计的色彩搭配实例
其实它是淘宝APP发现页面中内置的一款软件,所以说招牌色多么的重要,在这么丰富的软件中怎么让用户一目了然,用一次就记忆深刻!并且,红色也是很亮眼的颜色,容易吸引到用户的注意,这点也很重要。
淘宝APP ui设计中色彩搭配的示例
原则二:严谨而有节奏
在界面UI设计中的可以运用相似性与来进行色彩的呼应,这样的画面更有节奏感和舒适性。在界面UI设计中运用颜色渐变穿插,让界面平衡在一个频率上。
界面ui设计中色彩平衡的示例
在界面UI设计的色彩关系处理中,我们需要注意重色的运用,它对画面的平衡有非常大的作用。下面是浅色菜单栏和深色菜单栏的区别。我们可以发现,有重色后的页面,显得更为稳定舒服。
ui界面设计中色彩搭配的示例
原则三:在相似中,找呼应
首先让我们来看一组练习,找找色彩的呼应性。
拉货帮APP ui设计的色彩搭配实例
1.定义了色彩的基调,找到了形象店面色。在设计中我们只采用了单一的颜色进行了设计,使用大小关系区分了功能的主次关系。界面UI设计上比较平衡但是页面显得单调。
2.为了让用户聚焦在主要的功能上,在主要功能上使用了补色对比。这种方式比造型上的区分更为强烈。
3.但在采用过多的色彩会使界面UI设计没有秩序性。这种色彩的搭配会给用户一种混乱感。
4.用色上不仅需要聚焦,还有讲究颜色的呼应性。同类色彩会彼此呼应,聚焦点只要在主要的点上。
所以说注意彩色的关系与功能的区别及其重要。这样才能把握好色彩的节奏感。也才能带来更好的用户体验。 

猜你喜欢

转载自weitao1026.iteye.com/blog/2370073
今日推荐