UI设计丨国外大神常用的几个设计技巧

哈喽各位小伙伴，本期分享几个国外大神常用的几个设计技巧！一起来看看吧~

有品味的图

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

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

下面来看个反面案例：

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

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

再来换一张图看看：

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

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

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

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

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

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

巧用色彩

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

使用邻近色

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

使用互补混合色

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

破形布局

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

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

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

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

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

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

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

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

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

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

转载声明：本文来源于网络，不作任何商业用途