• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 用这个方法临摹作品,你的UI自学才最有效!

用这个方法临摹作品,你的UI自学才最有效!

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含临摹方法,经验分享,设计师自学等相关知识,希望在学习及工作中可以帮助到您

@菜心设计铺 :说了那么多方法论,但还是有很多同学不知道该怎么练习,怎么巩固基础,“多练多想“谁都会说,但关键是如何练?如何想?

今天菜心就来一步一步的告诉大家如何练习,需要注意什么,大纲如下:

  • 细分后找到专项突破的点
  • 退第一步——“放弃”原创
  • 退第二步——跟着别人临摹
  • 进一大步——总结规律

一. 细分后找到专项突破的点

假设我们现在要巩固基础,通过细分,我们知道自己需要巩固的对象有:图标、颜色、排版、字体、插画….,然后我们现在找到了第一个需要专项突破的点——图标。

其实说实话,细分并不难,以前说过很多遍了,这里就不过多陈述了。

关键是接下来怎么做?

二. 退第一步——“放弃”原创

我相信有很多朋友都和我一样,急着做出自己牛逼的原创作品,以此来震惊整个朋友圈,但现实是残酷的,做出的东西总是不到位,为什么?

来问大家一个问题,随便拿出几个图标,如下图:

不用你原创,就照着做,都能做出来吗?

也许你会觉得,这不是简单的要死。

我说的可不是用钢笔描出来,而是用布尔运算非常规范的做出来,理解每一个圆形、矩形存在的意义,例如网易云音乐:

可能你又会说,这不就是三个圆一个矩形组成的嘛,是的,最开始我也这么认为了,可当你真的去做的时候才发现,原来它并没有那么简单,我研究了好半天才研究出来怎么画出来:

这也就是为什么我们会眼高手低的原因,简单的东西都不知道能不能临摹好,就急着去做一些复杂的原创作品,老铁,你说咱能稳嘛!

如果你暂时还不能做出牛逼的原创作品,那就要试着退第一步了,暂时“放弃”原创,因为我从来都觉得:小的事情做不好,大的事情就一定做不好。

当然也不是就不做任何原创了,也可以临摹和原创并行,只是不要一门心思的想原创,导致自己过于浮躁。

练到什么程度呢?

不论看见什么图标,都能一眼就能析出它所运用的技法和创意(包括造型和质感),这时基本上就可以出师了。

三. 退第二步——跟着别人临摹

对于基础薄弱的同学,可能连临摹都会很吃力,例如上面个云音乐logo的布尔运算,根本不知道为什么要那样画,总问别人也不好意思,这是个非常大的问题,该怎么办呢?

这时候就该退第二步了:先找有教程的图标进行临摹。

如果我们要练习布尔运算画图标,可以先去找找网上有教程的图标练习,例如去设计网站搜一下“布尔运算”,可以得到很多教程,如下图:

找到后先不要直接看教程,先自己尝试做最后的效果,如果实在做不出来了,再去看原理,这样可以保证一定的独立思考。

四. 进一大步——总结规律

已经退了两步了,如何让自己进一大步呢,临摹咱不能白临啊,如果看着教程跟着做一遍,然后就结束了,其实和没做是一样的,关键是我们通过临摹最后学到了什么,悟出了什么原理。这里举个例子,例如我用布尔运算做了下面两个图标(参考教程):

这时就可以想想能够从这些临摹中得到点什么?

后来我发现一个规律,如下图:

凡是有尖角,有弧度的地方貌似都是用圆形切出来的,这就是我得到的一个规律,(这个规律不能覆盖所有场景),于是我找了另外一个没有教程的图标来进临摹,看看我总结的规律能否用的上:

首先将其分为两个单体(一样的),如下图:

通过分析知道,有尖角有弧度的地方是圆形切出来的,制作步骤如下:

于是尝试用两个小圆切出红色形状,两个大圆切出蓝色形状,得到绿色单体,通过复制翻转得到最后图形。

以上这就是通过临摹学到的东西,希望大家可以学到更多的规律,这才是临摹该有的价值。

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

「设计师的临摹方法集结」

  1. 平面设计:《平面设计中,如何通过“抄袭”优秀的作品成为高手?》
  2. UI 设计:《UI设计师自学记:抄袭别人,超越自己》
  3. 海报设计:《好莱坞电影海报设计规律和方法大总结》

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 如何界定借鉴和抄袭?高手用一个插画案例让你轻松看懂!
  • 新手入门手册!设计师如何才能做出原创作品?
  • 用这个方法临摹作品,你的UI自学才最有效!
  • 临摹练习后,我总结了5个图标绘制的实战技巧

相关文章

  • 2017-08-06让网页自动调用双核浏览器的极速模式(Webkit)
  • 2018-08-23从哈佛到谷歌,专访人工智能公司Rokid 首席设计师姜公略
  • 2018-08-23福利干货!搞定电商标题设计的6个奥秘都在这里了!
  • 2018-08-23腾讯超全干货!如何让你的动画更自然?
  • 2018-08-23用这个方法,让你的设计方案轻松通过! 
  • 2018-08-23设计师初学指南(二):审美的三个境界
  • 2017-08-06让IE支持CSS3 Media Query实现响应式Web设计
  • 2018-08-23如何写出拥有“带货”能力的产品文案?
  • 2018-08-23超详细!可能是最全面的AR设计科普文
  • 2017-08-06入门知识 网站地址前的http是什么意思?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 实用经验!移动AR体验设计的特质与挑战
    • 从零开始设计一款APP之如何做原型图
    • 一对一提问!设计师应该如何切入产品设计工作?
    • 动手试试!手把手教你如何适配 iPhone X
    • 水平滚动的网站设计 小结
    • 网易资深设计师:如何建立可信赖的品牌形象?
    • 两分钟认识一款把 Sketch 变成 Principle 的插件:Diya
    • 页面中防止缓存的解决方法
    • 如何构建 Web 端设计组件之树和日期时间选择器
    • 新手建站入门教程初期总结篇

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有