赞助商
立即赞助

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

UI设计3年前 (2021)更新 流光
2K 0 0

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

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

下图原稿:

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

临摹,我们一注意,千万别照原稿一笔一笔的画。

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

如果熟悉软件的阶段还好,如果让设能力所提高,一「闭眼」临摹,也就关闭原图的眼睛,也只这样,能发自己的不足,以及原作的差距。

在临摹前,会仔细观察作,析它的图形组成:

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

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

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

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

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

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

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

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

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

临摹到这里,再改:

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

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

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

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

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

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

中间修改的经历给我很感悟,比光源从左上角打,光圈应该是从左上角到右下角越来越大。而我一版的时,没有注意到个自规律,直接做反。有放大镜的把手,也并不是一个普通的矩形,而是一个由小变大的纯圆角矩形:

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

来一回想,外用的放大镜把手确是样的:

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

当,也不是所有把手样,但果粗细有变化,短短的,胖胖的,让它看来更圆润爱一。

再第三图标「书架」:

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

这的时候,逗,我以就一矩形加,所以就了下面这几版本:

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

这图标,的时候,主收获:书下面暗色部分,拐角处透视关系,能体出厚度,否则看起就一平面手机。

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

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

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

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

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

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

多候,似简的图标,其实并不简,面会有多细节支撑,才有表层的耐致,想去发现并加以利用,一定要大量的深度临摹析。可以借鉴的方法,观察 – 闭眼 – 对比 – 析 – 再闭眼……反复推敲,直完全消化。

注作者的微信公众号:「菜心设计铺」

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

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

@做设计的面条 :我最近有一个奇怪的发现,就是原创这个概念可能很多人是理解的,但是抄袭、借鉴、临摹三者之间的关系大家貌...
抄袭
新手如何正确临摹才能快速提高自己的设计水平?本文不仅总结了临摹的正确思路,还用大量实战案例,为你从零开始演示如何做好...
临摹
@菜心设计铺 :在网上看了很多配色文章,还是没有进步。 因为我看到的全是红色代表热血、活力;蓝色代表科技、未来;绿色代...
技巧配色理论
@菜心设计铺 :之前写过的《腾讯设计师总结的图标设计五维自检法》受到了很多关注。转眼已经过去一年有余,对于图标也有了更...
图标自检
橙子的橙子:记得刚开始学美术的时候,都是从临摹开始的,等到一定的阶段才开始写生,照着实物画。这个过程根据个人能力有长...
ui设计
视觉层次是塑造优秀数字产品的基础,它能让内容以更加有效的方式被组织到一起,使其更容易被理解。视觉层次对于用户体验的影...
层次感
CARRIE COUSINS – 现实增强技术是近年来最火热的趋势之一,这一技术相关的产品正在稳健地增长着。苹果公司不仅开始在自家的产...
APP推荐
风筝kk:从聊天界面中常见的文字部分、图片部分来分析,看看聊天界面在设计时需要注意哪些细节。 参考文章:《聊天缩略...
界面设计