所有分类
  • 所有分类
  • VIP素材
  • APP模板
  • 图标
  • 插画
  • 样机

国外大神常用的3个技巧,今天整理出来了

继上次高级感界面分享后,广受好评。那么今天将继续分享其他设计技巧,这些细节技巧掌握好了,真的可以帮助你在设计上有一个很大提升。

分享大纲:

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


 

本页地址:https://www.uime.cn/29381.html; 所有素材与文章均来自于互联网,经网友投稿后发布,如有侵权,请联系 99898566@qq.com。如果下载失败可提交工单哦。
0
分享海报

早鸟限时特价,年会员半价,限量1000份哦

点击购买

没有账号?注册  忘记密码?