总站
切换城市

课程分类

UI背景设计技巧,天津UI设计培训
天津诚筑说超级设计培训 发表于 2019-09-02 02:54 363    

我们无论是在网页、APP、传单海报等各个地方都能看到好看的界面,而其中的背景图片大家有注意到到吗?去过我们把背景图片单独拿出来,你就会发现那个界面没有一点能够吸引人的地方,从这就可以看出背景图片是在现在的设计中ZUI常用,也能体现现在的设计趋势的一种设计元素。所以小编就整理了一些关于背景设计的一些小技巧给大家,一起来看看吧!

一、运用色彩分割背景

在很大APP的界面中都会看到一些使用不均等分布的色块来对屏幕进行视觉上的分割,同时又加上一块白色背景去来承载内容,避免被背景干扰。还可以利用对比色的特性和跟白色之间的对比度,使其功能完善,这样界面就既有趣又漂亮。

二、辅助图形

在背景图片中加入一些辅助图形这其实是一种慢慢流行起来的背景设计玩法,但是用辅助图形来设计背景也有着很大的风险,如果我们加入的元素过多,就会使整体看起来很杂乱,但是我们如果能在视觉上找到一个平衡点,那么ZUI终的设计效果会使我们大跌眼镜。

三、使用整张图片

其实图片能呈现很大信息量,还有就是能和产品形成呼应,呈现出产品的特点,但是在UI设计领域,有一部分人还是不接受这种呈现方式的,避开个人喜好不说,在设计趋势上,这种背景运用却越来越流行了。

那么在使用整张图是该注意什么呢?其实核心的技巧在于对透明度的控制和对正题框架的设计,为了避免背景图片和内容之间出现矛盾,我们应该使用内容框将前景内容呈现出来,还可以使用透明度来保证背景图片更加自然平滑,不会影响阅读和使用。

四、渐变色

渐变色不仅赋予设计更加强烈的个性,而且能够和用户之间产生足够的情感共鸣。渐变色背景的设计玩法有很多,变化幅度的大小,方向,对比度和亮度的变化差异,都会带来不同的影响。

五、几何图形

其实几何图形是非常基础的元素,虽然简单,但在UI设计中非常有用,如果把单一的几何图形拿出来就会显得单调,但是我们把他们组合起来,不同的组合有不同的效果,简单的形状也能发挥出巨大的作用。