现在的界面真没那么好做了，要求好高啊！

大家好，我是慢热，今天来分享一个之前在动漫时候做一个视觉类项目

现在接到好多强视觉要求的页面，很少再有原来那种纯排版的白色页面了，可见市场和各app的要求也是越来越高，设计难度也相应的变大，那我们遇到这种需求该怎么做呢？

我们先看看这是之前做的这个抽卡页的项目，分享一些心得给大家：

视觉的统一性

1.配色统一
2.图形统一
3.技法统一

1.配色统一

我们在做这种页面的时候，为了保持统一性和不要太花哨，尽量不要超过三种，选好主要的色相，在主色色相的基础上去调整明度、饱和度来使用，比如我们选择蓝色和紫色来作为我们的页面主色调：

我们就以这个颜色为基础按页面的层级去调整来使用，把我们的页面大致分为三层：背景层、容器层、交互层。

容器层就是用来装载信息的部分，处于中间层，用适中的颜色，交互层的话就是可点击交互的部分，一般来说就是在画面里最显眼的部分了，可以用最亮的颜色来表现。

通过控制当前色相的明度、饱和度来获得背景色和按钮色：

按照这个规律调整其他色相：

这样我们就能保证颜色的统一性，并且获得有层级的颜色了。

2.图形统一
比如我们设计了一个星月的基础图形：

那我们就要用这个图形去延展，贯穿到画面所有地方。

背景：

按钮：

修饰、装饰：

把这个图形元素延展装饰到我们页面里的每一个地方，就可以做到画面的图形统一了。

3.设计技法统一

视觉统一其实就是我们用相同的设计技法去表现视觉，比如：我们画面的风格都是线框+亮光+字体，那就把所有元素都加上这种感觉，都用一种方式去做，统一风格，以按钮的做法给大家示范下。

先有一个底色：

给一层内发光：

大块的亮色渐变：

在最底部再提高一层颜色：

这样我们大概的光影就铺垫好了。

再来就是给上一些图形修饰：

我们的按钮就做好了。

大致逻辑就是图形修饰+加上光影变化的感觉：

其他的元素也用一样的手法设计：

这样就是保持技法上的统一啦！

只要做到这三个点，那我们的视觉风格就能很好的统一起来啦。希望对大家所有帮助，下次见！

本文来自微信公众号“菜心设计铺”（ID：caixinshejipu）。大作社经授权转载，该文观点仅代表作者本人，大作社平台仅提供信息存储空间服务。

TAGS: 图形教程视觉配色