用什么方法临摹图标,才能让你进步神速? - 优设网 - UISDC

用什么方法临摹图标,才能让你进步神速?

2019/08/05 10028评论区

@菜心设计铺 :临摹是突破瓶颈,快速成长的秘诀。其实之前也有写过关于临摹的文章,不过为了强调它的重要性,今天再来一篇。

去年刚进动漫行业的时候,为了熟悉行业属性、增加同理心,临摹了很多动漫 app 的图标,今天拿网易动漫底部图标和大家分享一下我当时临摹的过程。

下图是原稿:

临摹前,我们一定要注意,千万别照着原稿一笔一笔的画。

如果是前期熟悉软件的阶段还好,如果想让设计能力有所提高,一定要「闭眼」临摹,也就是关闭原图的眼睛,也只有这样,你才能发现自己的不足,以及你和原作的差距。

在临摹前,我会仔细观察原作,分析它的图形组成:

例如这个奖牌是由一个梯形和一个圆形组成,梯形由灰白颜色条组成,圆形上面有个五角星。

有了这些分析,就可以开始「闭眼」临摹了。根据上述分析,我临摹的第一版图形如下图:

如果你不「闭眼」,你不会发现,原来当你自己默画的时候,会这么丑。此时进行对比,会发现一个很大问题,就是梯形占比有些大了,于是重新调整,得到了第二版、第三版:

再次对比,会发现和原作还是有差距,其中有个问题就是,前面分析的梯形,其实不是一个真正意义的梯形。

它的底边是有转折的,这样更加符合绳带的真实状态,而我自己默画的时候,并没有这个细节,这样就会导致图标不够精致,不够耐看,而且还有点怪怪的。

临摹到这里,再次修改:

基本就不会出现太大问题了,微调一下比例、大小,这个图标的临摹就算暂时 OK 了。

第二个例子是下面这个「找漫画」放大镜的图标:

前期观看之后,我以为它就是一个普通的放大镜,一个圆和一个矩形,然后圆上有两个高光,分析完毕,结果自己默画时,就出现了下面这几版:

中间修改的经历给了我很多感悟,比如光源从左上角打入,那光圈应该是从左上角到右下角越来越大。而我第一版的时候,没有注意到这个自然规律,直接做反。再有放大镜的把手,也并不是一个普通的矩形,而是一个由小变大的纯圆角矩形:

后来一回想,外公用的放大镜把手确实是这样的:

当然,也不是所有把手都这样,但如果粗细有变化,然后短短的,胖胖的,会让它看起来更圆润可爱一些。

再来第三个图标「书架」:

做这个的时候,更逗,我以为就是一个矩形加个爱心,所以就有了下面这几个版本:

这个图标,在做的时候,主要收获是:书下面暗色部分,拐角处要有透视关系,才能体现出厚度,否则看起来就像一个平面手机。

后面两个图标就不细讲了,原理都是一样的,需要去「闭眼」临摹,然后对比差距进行思考,最后吸收知识点。

如果每一个图标都像这样去临摹,那观察细节的能力一定会快速提高,我个人也是比较喜欢把临摹时学到的知识点记录下来,方便以后回顾:

当时最后临摹的终稿如下:

很多时候,我们看似很简单的图标,其实并不简单,里面会有很多细节支撑,才有表层的耐看与精致,想去发现并加以利用,一定要大量的深度临摹与分析。可以借鉴我的方法,观察 – 闭眼 – 对比 – 分析 – 再闭眼……反复推敲,直到完全消化。

欢迎关注作者的微信公众号:「菜心设计铺」

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/copying-method

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 排版布局 职场 优设专访 设计师干货 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计流程 设计理论 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 用户体验设计 设计趋势 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里