木子素材 首页 大神 UI设计 查看内容

有理有据!为什么我极力推荐UI 设计师学习手绘?

2017-4-22 23:21| 发布者: admin| 查看: 338| 评论: 0

摘要: 两年前,写过一篇UI入门的文章,学习的第二步着重强调了,成为一名设计师,应该具备一些基本的手绘功底。虽然我知道对于很多圈子而言,设计师该不该学习绘画是具有争议性的,但我还是要力推新手入门必须重视这门技巧 ...
二维码1

扫一扫
官方手机版

AI创作助手小程序

扫一扫
AI创作程序

木子官方公众号

扫一扫
木子公众号

木子AI官方公众号

扫一扫
AI公众号

有理有据!为什么我极力推荐UI 设计师学习手绘?

两年前,写过一篇UI入门的文章,学习的第二步着重强调了,成为一名设计师,应该具备一些基本的手绘功底。虽然我知道对于很多圈子而言,设计师该不该学习绘画是具有争议性的,但我还是要力推新手入门必须重视这门技巧。

UI 自学入门:《超实用新手指南!零基础如何自学UI设计?》

学习绘画,首先必须明白为什么要学,以及学了以后有什么用,否则很容易沦为形式上的过场,在漫长的学习生涯中欺骗自己做过努力的又一借口。

一. 手绘的作用

1. 锻炼我们理解物体的形体、轮廓、明暗的思维

有理有据!为什么我极力推荐UI 设计师学习手绘?

比如看上面这张作品,在创作过程中我们要画出瓶子的明暗关系,物体间交汇的阴影,各物体的轮廓,前后景的景深,画布的褶皱方式等……而这都是有意识的思考后动手才能完成的结果,构成一幅平稳准确细节丰富的作品。持续的绘画练习,除了排线这些硬性的技巧,同时就是在锻炼我们对画面的专业思考能力,观察和发现细节的习惯,而有这样的思维训练,在以后我们绘制图形、图标、拟物风格作品的时候才能快速抓到要点。

有理有据!为什么我极力推荐UI 设计师学习手绘?

比如看上面这练习,就是因为缺乏这样的思维能力,所以各处细节都有明显的错误。比如上层圆弧和下方的完全不一致,冰淇淋的投影导致像插在蛋糕上的纸片,左侧流下的酱料已经没有受到光源直射了还和其它位置的高光使用一样的亮度。这些细节的问题并不是来源于软件使用的不熟悉,而是做的时候在意识里压根没有这种概念,依葫芦画瓢也是有门槛的!所以很多人在拟物的练习上无论增加多少素材,也只是在错误的道路上越走越远。再看看另一张大家都看过的图:

有理有据!为什么我极力推荐UI 设计师学习手绘?

成熟的作品,透视关系严谨,圆盘和纸张垂直并倾斜的角度自然,纸张螺旋的形状也合理。更细节的地方还包括边缘做旧的效果,是持续变化的,而没有这种美术思考能力的人只会画出一条生硬的曲线。底部的反光和地面带有橘红氛围色的处理也是亮点,更接近真实世界的通透感塑造,没有这种思考能力的人绝对想象不到的。

当通过绘画掌握美术的思考能力时,画拟物图标很快就会突破软件的限制,因为你会清楚知道每个步骤自己应该实现的是什么,然后查阅软件的功能去实现,每一次操作都是有的放矢。

2. 学会构图

还用上面那种那副静物素描的图来解释。学画画的人应该都知道,每次开始这种现实描摹时,我们要给静物凹造型,比如瓶子要在正中央还是右侧,苹果要放几个,堆到一起还是散开各地,下方的画布怎么给褶皱好看,这就是立体构成的实践操作。然后你需要把内容完整画进纸上,就需要在画布做构图,是用居中还是三角,黄金三分还是螺旋,无论通过什么手段,最终都是找到一个你觉得好看的位置。而这个过程也是平面构成的实践操作。在未来如果学习摄影也会有良好的助力。再说日常一点的,这种经验,会落地到以后你做主视觉和排版的能力。

有理有据!为什么我极力推荐UI 设计师学习手绘?

3. 纸和笔是我们最高效的试错工具

牢记住上面那句话,任何其它方式都没有纸和笔有效率。当我们要画一套新的icon,新的主视觉、原型、分镜、字体,都没有可以媲美纸笔的形式(某些情况数码绘画也行)。比如下面的例子:

有理有据!为什么我极力推荐UI 设计师学习手绘?

这是一个Mac OS上的APP的图标,在定稿前经历下方大量的手绘方案。形体和创意是在手绘过程中完成的,换成每次都实际用PS做出来,你们觉得需要消耗多少时间。并且,画得越像,将需要表达的细节都考虑到,在电脑还原的操作过程效率也就越高,如果你只有小学生的手绘能力,这个手绘方案不仅无法代表最终结果,还可能在最终实现的过程里发现各种问题面目全非。再者,去年现象级的腾讯营销方案,薛之谦的腾讯动漫H5活动,在前期也做了大量的方案制定。

有理有据!为什么我极力推荐UI 设计师学习手绘?

有理有据!为什么我极力推荐UI 设计师学习手绘?

相信我,这个阶段里面谁都不会想看见各种小学生级别的图像表达。直接和我们核心工作挂钩的,还有绘制原型,这当然是画得越专业大家查看起来越舒适,何乐不为呢?最后举个额外的例子,包括字体创作里,如果写不出一手好字或者懂得怎么绘制的字体设计师,是成不了大器的,比如左佐老师最近的新书里提供的手稿:

有理有据!为什么我极力推荐UI 设计师学习手绘?

如果不会用平行笔、平头笔等专业书写工具,那么只会用PS钢笔的操作是远远不可能比手写更有效率的。

绘画学习提供专业的思考方式,观察细节的方法,具备美感的基本认知,并且让我们以这种形式可以进行设计方案多样化的尝试。这才是我们学习绘画的最终目的。

二. 手绘和天分

总有很多人喜欢念叨天赋的问题,但是相信我,我们需要掌握的合格的绘画技巧完全没到需要拼天赋的程度。

学设计的绘画基础是来实现设计目的不是用来当画家的,没有谁入门不是一条线画得歪歪扭扭的,只要愿意花精力,愿意勤奋的练习,一两个月时间掌握基础的绘画平是完全没有问题的,如果你一定要谈理想谈天赋,纠结那些虚无的艺术细胞,那么你只适合这个结论:万事开头难, 然后中间难,最后结尾更难。别人比你有天赋还比你更努力,那你努力还有什么用?

三. 当我们在学习绘画时应该学什么

前面我已经说过,绘画的学习目的是什么。既然有目的,那我们就要制定合适的绘画学习方向,不要盲目,戒骄戒躁,如果时间充足,有金钱预算,我还是推荐大家报一些高中生培训美术的画室,这些画室远远比成人美术培训的工作室水平更好。

1. 一定要从最简单的几何石膏开画起,第一步掌握具体的轮廓,明暗关系。

有理有据!为什么我极力推荐UI 设计师学习手绘?

2. 然后画相对复杂的静物,重点理解物体的排版,还有更复杂立体结构表现,光和影更丰富的表现形式。

有理有据!为什么我极力推荐UI 设计师学习手绘?

3. 学结构素描去解构物体,掌握快速打稿的能力。而结构素描的基础比较脱离不开前面素描绘画的意识训练,对物体完整形体的认识越深刻,结构素描就越准确,这也是将来我们日常工作中可以被应用得最多的实际技能。

有理有据!为什么我极力推荐UI 设计师学习手绘?

老实说,这个技能也同样适用未来要学习3D软件的情况,3D的建模水平和效率不止是让你们掌握各种操作工具,更重要的是意识,对物体立体结构的拆解组合意识。

4. 可选项,学习速写。更适合经过一点简单的训练,然后经常在日常中随手练习,可以拓展出一些意想不到的效果。

有理有据!为什么我极力推荐UI 设计师学习手绘?

那如果没预算又非常没时间的呢?只要画好结构素描和速写。你不需要一本正经的准备画板工具,每天只要有闲时,用水笔和笔记本就可以进行练习,画所有你们视线内可以解构的物体,杯子、电脑、手机、相机、台灯、糖果盒,顺便多看看网上的视频,或者买点相关的技法书籍。

有理有据!为什么我极力推荐UI 设计师学习手绘?

再次提示你们,学习绘画我们是通过动手的实践锻炼对应的思考能力。有时候画得不是太好没关系,重点是一直带着思考去学习,每一次实践都应该让你感觉到自己加深对物体的理解。

在这个过程中,由简到难的学习,也适合同时进行设计软件中的拟物图标设计训练,图形复杂度和自己的手绘阶段进行匹配,你们才可以更好吸收知识点,将美术思维模式转化到设计思考的过程里。

四. 我们在学习绘画时应该避免什么

扑灭你们渴望装逼的洪荒之力,扔了你们的数位板!扔了你们的数位板!扔了你们的数位板!学习绘画只是我们学习设计的过程之一,不要掉进学习的陷阱里面,觉得自己可以画各种各样的东西,开始买数位板,开始给妹纸、男神画形象,开始学习画CG,画漫画,画插画!如果没有很多年的基础训练,你在拓展数码绘画的道路上是走不远的。举个常见的例子:

有理有据!为什么我极力推荐UI 设计师学习手绘?

很多人急不可耐就上手数位板,你看再多相关的数码绘画的教学,PS教学,功底不行就是不行,画的东西都是半吊子水平。况且你们是学设计不是学插画的,总想着画一些一瓶不满半瓶晃荡的东西出来展示,毫无意义。请带着明确的目的出发,掌握好绘画这门基础技能,做一名更合格的UI设计师吧!

欢迎关注作者的微信公众号:

有理有据!为什么我极力推荐UI 设计师学习手绘?

「想学习专业的绘画技能?来看这几篇文章」

  1. 有没有天赋:《设计师如何判断自己是否擅长绘画?(附自学方法)》
  2. 从零开始学素描:《非科班同学有福啦!手把手教你从零基础开始学素描!》

【木子设计网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于木子设计网================
"木子设计网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:https://www.muzisucai.com/。
设计微博:拥有粉丝量200万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材
设计导航:全球顶尖设计网站推荐,设计师必备导航:https://www.muzisucai.com/

手机扫一扫,阅读下载更方便˃ʍ˂

@版权声明

1、本网站文章、帖子等仅代表作者本人的观点,与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样,并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络,仅用作展示,如有侵权请联系站长!QQ: 13671295。


路过

雷人

握手

鲜花

鸡蛋

最新评论

广告图片
悬浮图片
×