继上次高级感界面分享后,广受好评。那么今天将继续分享其他设计技巧,这些细节技巧掌握好了,真的可以帮助你在设计上有一个很大提升。
分享大纲:
1.有品味的图
2.巧用色彩
3.破形布局
有品味的图
有很多人很容易忽略这个细节,觉得很简单。但大部分人找的图并不理想,不注重图片质量,这就会导致设计品质下降。
比如图片选择上,有没有把控图片的色彩倾向和饱和度、图片有没有传达主题意境和是否使用高清大图等。这些都是影响视觉品质的关键因素。
下面来看个反面案例:
上面这个设计,可能第一眼觉得基本做完了,图片也高清,但是最大问题就我刚刚说的图片没有表达主题,同时图片美观性略有不足。
基于对设计的严格要求,继续对图片重新选取调整,在背景包装上使用分割技法,同时红色块和照片形成冷暖对比,这样整个设计有了音乐娱乐氛围,调性起来了。
再来换一张图看看:
嗯,大家看下,一张图片的差异对设计影响到底有多大。
一起来看看其他线上案例:
这张设计其实没啥,就图片很有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
原文地址:功夫UX(公众号)
作者:功夫UX