视频地址:https://www.bilibili.com/blackboard/html5player.html?aid=671943592&as_wide=1
教程作者:百图特攻队(授权转载)
交作业去这里→#优设每日作业#
文章编辑:@雪寄草
金三银四,你要开始找工作了么?工作项目太丑、拿不出手、不会优化,怎么办?今天和大家分享我的快速向他人学习的一个方法,希望对大家有启发作用哦~
作为设计师的我们都会有收集的习惯,以下这张banner图就是我的库存之一。
(图片来自网络)
当初被它深深吸引,“没有过多复杂的设计,画面简单干净,但是视觉冲击力极强。”
既然咱们是说优化作品,那我得先扒一扒自己过往的工作项目,拿真实需求作为我这次案例的原型。没错,就是它了。真实而又非常接地气的工作内容。
结合之前吸引我的banner图,怎么优化我的作品呢?
当我们向他人学习,必然要学习他的优点。所以我们先分析原图的优点:聚焦、有空间感。他又是怎么做到聚焦以及有空间感的呢?我们进一步分析分析。
1. 居中的文案
文案在画面居中,文案主体突出。
2. 背景内收的圆圈
圆圈造型逐渐内收,将观者的视觉往画面中间引导。
3. 一点透视的视觉线
破局的造型,形成了一个一点透视的长方形,视觉画面直指中心。
4. 向四周扩散的辅助图形
背景向四周扩散的线段,会让人自觉脑补出发散的出发点,将视觉集中在中心。
首先,把原来的需求文案扒下来。(左侧文案)
然后我发现,这个邀请函并没有时间显示,让看到的人不知道是哪一年的,所以我就加上时间数字2021。(右侧文案)
确定文案后,我先把文案排了个版,让文案居中。
我们需要在文案中找到可以作为聚焦点的符号,因为汉字造型过于复杂,所以我首先排除了汉字。
把眼光聚焦在“2021”的数字上,可选数字只有“2”、“1”、“0”。我先把数字“2”和“1”,做了个小尝试,看看是否能够成为画面的聚焦点。
很明显,“2”的形状,在扩散过程中,过渡的造型不够优美,排除。“1”的形状在小范围来看,貌似还行,很有空间感。
接下来我把它放在场景中看了看效果。
然后我发现,数字1位置有些偏。而且把“1”作为聚焦点,视觉重心有点太窄了,不够大气。继续排除。
那么就只剩下数字“0”了。我们常见的数字“0”的形状通常有以下几种,但是哪种更加合适做背景图形,我也需要去尝试尝试。
1. 效果一、二
圆形的数字“0”画面聚焦做到了,但是没有空间感,而且看久了还会让人有些晕眩感觉不舒服。pass! 下一个。
2. 效果三
和圆形的数字“0”有些类似,做到了聚焦,但是没有空间感。还是不太行。
3. 效果四
矩形数字“0”兼具聚焦和空间感,看起来是个不错的选择。但是,有没有觉得背景太过死板了?
如果我试着把圆形数字和矩形数字各取一半试试呢?
有内味了~聚焦、有空间感、不死板。而且呈现的效果形状像一个通往会场的门,也和主题契合。就它了!
仔细观察我发现“通道”有些窄了,透视的感觉不够强;我们来做一下微调,把“通道”变宽一些。(黄色为调整前,红色为调整后)
基本造型,我觉得可以了。接下来就是添加颜色和辅助线段,做出最终效果。
具体效果实现操作可查看教程顶部的视频。(申明:本案例仅做分享示范,不涉及商用。)
分析别人画面的优点,并且学会迁移;是我们快速学习的一种方式。但是,此处需要强调,此种方法仅仅适用于学习,要能商用我们还要学会变通,与原作有差异化。下次继续和大家聊聊怎么才能做得和原作者不同,请继续期待哦~
来源:https://uiiiuiii.com/illustrator/1212419262.html
图文来源于网络,如有侵权请联系删除。