设计技能|四个临摹阶段,你到哪个了?

临摹的阶段有很多种,而且每个阶段都有不同的侧重点,要注意对一些细节的思考。


临摹的阶段有很多种,而且每个阶段都有不同的侧重点,要注意对一些细节的思考。

设计技能|四个临摹阶段,你到哪个了?

不知道你有没有这样的情况,临摹了很多设计作品,但是等到自己原创的时候,就做不出来了!

为什么?

因为临摹的阶段有很多种,而且每个阶段都有不同的侧重点,也许你并没有注意对一些细节的思考。

为了解决这个问题,今天菜心就来简单介绍四个临摹的阶段,大纲如下:

  1. 跟着教程临摹
  2. 对照原稿临摹
  3. 加入想法临摹
  4. 转化现实临摹

1. 跟着教程临摹

如今网上有很多设计类的教程,手把手教你把一个图标(或海报等)做出来,这种临摹方法会告诉你一些具体的数值,你只要跟着一步一步做就可以。

但这样就够了吗?当然不行,如果不思考,跟着临摹再多也不会有太大的进步。

需要思考什么呢?

对软件技法的思考,例如斜面浮雕用来增加厚度:

设计技能|四个临摹阶段,你到哪个了?

内阴影用来增加凹陷感:

设计技能|四个临摹阶段,你到哪个了?

对质感表现的思考:暗部、亮部、环境色、反光。

如下图:

设计技能|四个临摹阶段,你到哪个了?

这些都是最开始临摹需要思考的问题,而不是仅仅跟着别人的步骤执行出来,如果不经总结思考,临摹再多也毫无意义。

2. 对照原稿临摹

拿到一个原稿,在没有其它教程的帮助下还原出来,这就是对照原稿临摹,如下图:

设计技能|四个临摹阶段,你到哪个了?

如果前期在跟着教程临摹的过程中,有大量的思考过一些表现技法,其实这种照着原稿做的难度并不大,但如果你现在做不出来,就证明你思考的还不够,没有真正理解技法的原理,不过没关系,现在带着问题反过来思考,也能够有很大的收货。

需要注意,在对照原稿临摹前,我们最好可以做一些前期的准备工作。比如,临摹的内容是什么风格,有什么特点等等,这样不仅可以增加自己的知识储备量,还可以为后期的执行做些准备。

3. 加入想法临摹

前面的临摹虽然能做出好看的东西,但毕竟没有自己的想法。

为了让自己的想法得以实现,我们可以在临摹他人作品的时候,加入自己的想法。

下图是我很久之前准备临摹的一个作品:

设计技能|四个临摹阶段,你到哪个了?

我不想做个一模一样的,因为没什么难度,于是我给自己设定了两个主题:手机测试和用户调研。

我根据自己设定的主题,做了下面两个图标:

设计技能|四个临摹阶段,你到哪个了?

虽然图形配色方面还有待提高,但确实融入了自己的想法与创意,这也算是当时的一种突破吧。

4. 转化现实临摹

上面三种临摹,你会发现临摹后都有其他人的影子,如何能避免这种现象呢?方法就是不要直接临摹别人的设计稿,我们要学会临摹现实。

现实中的很多东西都是经过设计后才建造出来的,它们的比例和造型本身就符合美学,如果我们能够学会用设计的手法将它们临摹出来,就可以节省我们很多时间,并且提高我们的原创度。

举个例子:

设计技能|四个临摹阶段,你到哪个了?

这是一张真实的图片,我通过它得到了下面这两个线性小图标:

设计技能|四个临摹阶段,你到哪个了?

再看下对比图:

设计技能|四个临摹阶段,你到哪个了?

这就是临摹现实的一种做法,值得一提的是,在具体执行的过程中要学会适当的简化或者改变一些细节,从而使最后的效果变得更好,这一点是非常关键的。

这个技能十分重要,希望以后研究的更透彻之后,单独写一篇和大家分享,今天就先这样了。

以上就是菜心对临摹方式的一些看法,很多东西我也还在研究中,做的并不是很好,需要和大家一起进步,不过想法可以先提出来,欢迎一起讨论,哈哈!

#专栏作家#

菜心,微信公众号:菜心设计铺,人人都是产品经理专栏作家,前华为ITUX用户体验设计师(主视觉),3年工作经验,参与华为Welink、3MS、连长社区等多个项目的用户体验设计工作。欢迎大家互相交流关注。

本文原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/21786/

(0)
CatherineCatherine
上一篇 2017-04-29 10:29
下一篇 2017-04-29 12:28

相关推荐

  • 腾讯多个品牌LOGO重设之思路

    作者:飛兒     在SNG(腾讯社交网络事业群)品牌系统语言里,LOGO系统承载品牌视觉的最核心容器,是整个品牌视觉系统的灵魂,是品牌的精神文化理念、信誉、服务等特点的浓缩表现,直接影响着社交网络品牌的发展。…

    交互专题 2017-08-07
  • 演示|一个交互设计师从接收需求到产出的过程

    从接收需求到产出?这过程中到底经历了什么?不妨来阅读本文作者的文字,一起来了解了解吧~【需求概述】
    商品,增加商品类型,分为普通、赠品两种。赠品可下单购买,也可根据订单金额及对应代理级别配赠率赠送。可按照代理级别,设置对应级别的配赠率。当代理下单购买普通类型或赠品类型商品,配赠条件满足时,在支付订单前提供选择赠品操作,代理可选择配赠金额范围内的任意赠品,也可不选择;选择赠品,并支付成功后,对应订单增加配赠商品信息。
    注:配赠金额=订单面价金额×对应等级配赠率。目标用户:某护肤品牌微商代理
    年龄:18-40占绝大多数
    性别:女性占98%
    职业:微商
    设备:iphone及以上
    场景描述:某天,代理a在清点仓库库存的时候,发现最近热销的某品牌商品库存都不多了,想着,到时候缺货会影响自己的销售及客户的满意度,暗想着,要再进些货才行,于是她对库存不足的商品进行了一下盘点,盘点完毕后,她拿出手机,将需要订货的商品一一加入购物车,加入完毕后,她核对了一下商品的金额,正准备点“支付“按钮进行付款,忽然看到付款按钮上方有一条提示,说”还差500元就可获得免费赠品“,她心一动,反正要买,只要加500块钱,就能免费获得赠品,有何不可?于是她当即便在某一商品下面增加了数量,满额后,提示文字就变成了”可获得免费赠品“,确认金额后,她立即点了支付按钮,来到确认订单的页面,快速浏览了一下自己的收获地址及信息,便赶紧看获得什么样的赠品,果然,在支付的上方又看到了配赠说明的提示,提示我”选择赠品“(这里说明一下,之所以将提示语都放在同一位置,是为了让前面界面的视觉路径在同一水平点上,使页面结构更整洁),点击进入”选择赠品“界面,参照页面给出的赠品金额提示,选择了想要的赠品,由于选择的赠品太多,从上下拉到下浏览起来效率太低,于是她又点击了按钮”已选赠品“进行复核了一遍,确定完毕后,回到确认下单的页面,便满意的点击了”支付“按钮,发现金额与未选赠品前的金额一致,便放心的提交了订单,订单支付完毕后,引导代理来到了订单列表页面,上面还特意标明了”含赠品“字样提示,a点击进去再次看了一下所购的商品及赠品,准确无误会,抱着愉悦的心情关闭了应用与手机。
    ”1、商品列表及商品详情,赠品类型的商品须显示对应图标;
    2、赠品类型商品同普通商品一样可正常下单购买;
    3、购物车,根据代理当前所选商品的总面价金额及当前代理对应配赠率,如果配赠金额不为0,则显示相应配赠金额及提示信息(若当前配赠金额暂不足以购买系统当前上架的任意赠品,则显示提示信息:“还差××就可获得免费赠品”;若当前配赠金额可购买系统当前所有上架赠品中的任一赠品时,则显示提示信息“可获得免费赠品”);如果配赠金额为0,则不显示相应配赠金额及提示信息。
    4、确认订单界面,若当前配赠金额可购买系统当前所有上架赠品中的任一赠品时,则提供选择赠品操作项。未选择赠品时,操作项显示配赠金额、及“选择赠品”文案。已选择赠品时,若配赠金额-已选择赠品的总面价>0,操作项显示“已选择××元赠品,还可选择××元”;若配赠金额-已选择赠品的总面价=0,操作项显示“已选择赠品”。点击操作项进入选择赠品列表。
    若当前配赠金额暂不足以购买系统当前上架的任意赠品,则不提供选择赠品操作项;
    5、选择赠品列表,列表显示当前配赠金额可购买的所有已上架的且库存不为0的赠品类型商品,用户可点击选择,也可取消选择,当前选择的赠品总面价金额=配赠金额时,不可再继续选择更多(若再点击选择赠品,则提示“不能再选择更多了”);提供显示选择提示信息“还可选择××元赠品”(××为配赠金额-已选配赠商品总面价)、“查看已选赠品”操作、“确认”操作。
    点击“查看已选赠品操作”,可弹出浮框列表显示当前已选择的赠品信息。浮框提供关闭按钮,可点击关闭浮框;
    点击“确认”操作,确认当前已选择的赠品信息,返回确认订单界面。
    6、个人中心,增加显示当前代理的配赠率信息。
    7、订单列表,若对应订单含有配赠商品信息(注:如果只是正常下单购买的赠品类型的商品,则同普通商品订单。此处指的是确认订单时根据配赠金额范围免费选择的配赠商品),则显示“含免费赠品”标签;
    8、订单详情,若对应订单还有配赠商品信息(同7),则列表显示用户选择的免费获赠的商品信息(注:正常下单购买的赠品类型商品,显示在同普通商品位置。这里只显示确认订单时选择的免费配赠商品),并显示总的免费配赠金额信息。

    2017-05-07
  • Daydream产品设计案例 - YouTube VR

    每年这个季节都盼着来自北方的冷空气能早些把这个城市吹干、吹冷。这世上,又湿又温暖的地方未必都是好地方。 随着Daydream头显和Pixel手机的发布上市,Google官方的各路VR app也陆续上线。我个人还没有机会、没有…

    2016-12-08
  • 总结:常见的4条用户体验误区

    近年用户体验的概念越来越火热,从事互联网人张口闭口就谈用户体验,用户体验的概念离我们每个人那么的近。但是用户体验是人人都可以做好的吗?答案是否定的,就像人人都是产品经理一样,能做产品经理的依旧是少数,把产品经理做好的更是凤毛麟角。本篇文章总结4条我遇到的用户体验误区。如果一个流程的信息量是12个单位。x*y=12(x=单位页面的信息量  y=路径深度)例如微信发朋友圈即使断网情况下,当用户在点击发送时,朋友圈立刻就显示数据,给用户反馈是动态发送成功,其实是假数据显示,在这个时候后台还在上传。断网场景极少,朋友圈这个设计满足绝大部分用户的操作顺畅,用户体验良好。不为了极少数使用场景而做真数据展示给用户,那样的话给绝大部分用户感觉加载过慢导致不好的体验。

    2017-04-29
  • 同样是券商,为什么你家APP用户体验不好?原来还有这一招...

    券业新力量 | 服务所有券业人的梦想当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放As Long As You Love MeBackstreet Boys - Backstreet's Back导言洞察用户喜好,吸引用户,留住用户,让用户满意,是所有服务业的本质。本文以行为数据切入,从三大方面、两个案例,全方位解析如何利用行为数据提升证券App用户体验。用户体验(User Experience)最早被广泛认知和提及,是在上...

    2018-03-30
  • 反馈设计的七种形式,有助于向用户传递信息

    反馈是交互设计中最前线的一环,它的好坏直接影响产品体验。

    2017-05-03
  • SKD独家 | 英国交互设计排名

    同学们自从上次🇺🇸美国交互设计的排名一出打算去英国🇬🇧的小伙伴纷纷表示出英国版的排名👌先以交互的分类来划分一下英国的院校:以HCI为主,偏技术研发的院校有:伦敦大学学院(UCL)Human Computer Interaction(Msc)巴斯大学(Bath)Human Computer Interaction(Msc)以UX为主,偏交互装置、技术应用院校有:伦敦传媒学院(LCC)Interaction Design Communica...

    2018-04-17
  • 在网页设计中,图片常用的五点技巧

    图片在网页中所扮演的角色越来越重要。作为最常见也是最早使用的网页多媒体,图片对于网页设计师而言至关重要。如何用好图片已经成为了一项成熟、完善而又讲究的技巧,而在高清屏幕无处不在的今天,稍有瑕疵的图片都在高密度的像素下无所遁形,而不合理的图片设计也不会逃过访客的双眼。很简单,色彩会让观看者分心。

    2017-05-07
  • 重磅消息!Adobe又出新神器了!

    Adobe Experience Design CC(预览版)官方介绍 原文: 今天,我代表Project Comet团队非常兴奋地向大家宣布:Project Comet将更名变成Adobe Experience Design CC(预览版),简称Adobe XD。 今天我们在Mac OS平台…

    2016-03-15
  • Affinity Photo 最新破解版–PS真的遇到对手了,这里是 for Mac1.3.4免费下载!

    应网友要求更新。Affinity Photo已公布其在Mac App Store的最终版本。最终版本拥有众多专业高端功能,如Raw处理、PSD导入和导出、16位通道的编辑和ICC色彩管理以及兼容大量图片格式。Affinity Photo充分利用了Mac O…

    2015-08-12