有品味的图

有很多人很容易忽略这个细节，觉得很简单。但大部分人找的图并不理想，不注重图片质量，这就会导致设计品质下降。

比如图片选择上，有没有把控图片的色彩倾向和饱和度、图片有没有传达主题意境和是否使用高清大图等。这些都是影响视觉品质的关键因素。

下面来看个反面案例：

上面这个设计，可能第一眼觉得基本做完了，图片也高清，但是最大问题就我刚刚说的图片没有表达主题，同时图片美观性略有不足。

基于对设计的严格要求，继续对图片重新选取调整，在背景包装上使用分割技法，同时红色块和照片形成冷暖对比，这样整个设计有了音乐娱乐氛围，调性起来了。

再来换一张图看看：

嗯，大家看下，一张图片的差异对设计影响到底有多大。

一起来看看其他线上案例：

这张设计其实没啥，就图片很有Feel，加上背景使用分割画面包装，因此整个设计品质就上来了。

所以有时候设计其实没有多难，关键还是需要认真思考背后的逻辑。

这是PlusX对Spoon进行品牌重塑的一个设计，我们可以看到，好的照片是会说话的，它非常有艺术感和生活气息在里面。

关键点在于要认真找图，同时可以做一些简单色彩倾向处理，以达到和整体氛围融合。

巧用色彩

使用色彩时候，会有不知道所错的情况。其实这种情况不必太过担心，我们只要掌握一些常用技巧就能解决大部分配色难题。

使用邻近色

色相环小于60度色彩是邻近色，如上图，在带圆底图标时候，渐变色可以带一些色彩倾向。左侧图标渐变色有些偏暗了，色相不准确，右侧进行优化后效果。

使用互补混合色

上图设计中，我们可以看到右侧圆形球的设计，色彩上使用冷暖对比互补，加强画面效果。当然使用互补色需要注意色彩比例6：3：1，这样的色彩才会达到平衡。还要注意色彩使用饱和度，避免过于刺激性颜色。使用同色系

同色系是比较安全且好用的一种方式，单色系设计出来的界面简单干净，而且很容易出效果，适合新手初期使用或者色感不太好的同学。

Dribbble上面设计师 Gleb Kuznetsov的作品，同色系也可以很高级。

破形布局

字面意思就是打破常规的容器布局，将元素与容器进行部分分离，形成破形的感觉。在界面功能模块上和设计包装也是常常运用。

我们先来看看网上破形布局案例：

右侧界面中，飞机图形元素飞出背景圆底，这样给人一种动态形式感。

这个开屏包装效果也是通过飞机和手机壳进行破形布局，营造视觉冲击力。

同样这个作品包装将球体与原图进行拆离出来，一半身体与背景相呼应。打破常规固有布局。

下面来做一个案例试一试：

第一步先找个素材，然后把布局框架给搭建出来，我这里用作品包装来举例。

第二步再进行设计排版，然后整个破形感觉就有了。相比常规布局，这种布局从形式上就会有吸引力在里面。

就这样一个简单的破形布局包装案例就出来了。

今天虽然只分享了3个知识点，但是要熟练掌握这三点还需要大家多去做练习，特别是对图片的审美，是需要长时间练习的。

 

最后赠送大家一些高清大图网址：

1.混合各种现代高清图：https://www.pexels.com/search/HD%20wallpaper/

2.照片按趋势排序：https://stocksnap.io/view-photos/sort/trending/desc

3.黑白类音乐照片居多：http://www.hedislimane.com/

 

文章来源：http://www.xueui.cn/tutorials/banner/three-common-skills-in-design.html