APP开发 > 新体验 > 设计沙龙 > 视觉设计
  • 我们到底要如何学习视觉设计?

    adinnet/2016年12月5日/视觉设计

    谈起视觉设计的学习,好像并没有谁能够讲清。视觉看起来很难和理性扯上关系,因为视觉是显而易见的,做之前没人知道要做成什么样,做完之后又很容易被挑战。有人说,学习视觉设计最好的方法是不断的做项目,我却不这样认为,闷头不停的做项目是没有前途的,时间久了,纵然软件越来越熟,但是稿子一定是越来越「行活儿」,最后画图就会成为本能,而留给思考的时间越来越少。有人说,视觉就是玩票,不用在意视觉到底能不能用上,先po概念上来,我也很不赞成这种方式,因为玩票背弃了设计的意义 —— 解决问题。

    从一分钟画小人儿测试说起

    我曾经邀请同事在一分钟之内用尽可能丰富的语言画一个小人出来,后来,同事们都被自己画的小人逗乐了,画的实在太滑稽。我自己也做了这个测试,发现一分钟其实很长,画一个小人根本用不了那么多时间,后面的几十秒白白被浪费,最后的几秒我加了几条无意义的装饰线。

    uisdc-201612023同样在短时间内的涂鸦,Von Glischka 就画的丰富,想必他肯定会画满一分钟,因为有很多可以画的内容,那些基本形之外的线看起来并不乱,非常妥帖的为衬托造型而存在。

    为什么我们在一分钟内不能画出丰富的图画呢?因为平时积累的少,思考的少,练习的少,脑子里很空。再看几个问题:

    1. 无法在无网络的环境下做设计,严重依赖 Dribbble

    2. 很难集中注意力,进入平稳思考的状态

    3. 面对很急的需求,往往做不到60分的设计

    4. 热衷“搬运”,画图全靠找参考

    发现没,那些我们经常遇到的问题,从来没有引起过我们的注意,为什么脑子很空?为什么严重依赖找参考?为什么很难投入思考?为什么创新能力弱?这些听起来似乎说不清道不明。前面的“一分钟测试”告诉我们,平时不做针对性的练习,凡事靠找参考,那么,当网络的大门关闭的那一刻,我们就会发现一个“苍白”的自己,这种状态急需改善。

    什么是视觉设计?

    我们首先需要明确视觉设计是一个怎样的问题。说到底,视觉是人尺度下的观看,人类的观看模式(观看模式指的是视网膜上刺激锥状细胞和杆状细胞发射信号给人脑,人脑读取信息这个过程)是一定的,所以,视觉设计师的责任就是在这种观看模式下,为用户的观看做排序。

    如果我们的稿子信息层级明确、造型精美、色彩搭配漂亮、转场优雅,且 pixel perfect,那视觉的问题不就解决了么?说起来简单,做起来难,这就是为什么好的视觉设计师很少的原因。

    从哪里开始?- 回归纸笔训练

    记得上学时候,导师经常带我到甲方公司评图,经常需要在硫酸纸上改小样,而图纸是特定比例尺下的缩放,1:100、1:500、1:1000甚至更大,但是导师每次改图的时候误差不超过1公分,我曾经不服特意拿尺子量了一下,竟然没错!他经常说,“能把看到的画下来,手头能跟上眼睛,就算出师了”。

    2015年,Adobe 联合纽约几家知名的设计事务所只做了一份名为“设计师最喜欢的工具调查”,问卷被发放到200多个国家,回收到近4000份有效问卷,调查结果显示,约64%的设计师最喜欢的工具是纸和笔。

    uisdc-201612024△ 纽约 Hyperakt 工作时绘制

    你不禁会问,现在设计软件这么强大,为什么还是用纸笔呢?因为只有切断网络、关掉屏幕,我们才能集中注意力到视觉问题本身,外界的干扰才能暂时被关闭,才能全身心的投入一种平稳的思考当中。

    长期坚持纸笔训练的回馈是显而易见的,如果能在纸上把视觉的问题解决掉,那么界面的视觉设计也很容易掌握,因为的人观看模式不变,变得只是承载信息的容器,从纸面改为浏览器、手机屏幕等等。

    很多好的设计师都有很强的纸笔能力。我很喜欢的一位 Evernote 的设计师 Carlos Rocafort IV,非常推崇手绘,基本功非常棒,而且多种风格通吃。不仅能处理好关系复杂的图形关系,而且色彩的调和能力也很厉害,画的图标有很强的个人风格。

    如何开始纸笔训练?- 先定一个小目标

    视觉设计能力是可以通过刻意的训练慢慢培养起来的,说到底,是为信息排序。人类喜欢完形有亲密性的元素、喜欢对齐、重复和对比,那么我们在设计中就应该多遵循以上规则,并且在平日的训练中多增加以上规则被练习的比重。

    素描和色彩是一切视觉问题的基础,这两个问题解决起来并不难,关键是掌握正确的方法才能事半功倍,单凭闷头努力是没有用的。先定一个小目标,这个目标不求大,一定要容易完成,否则难以获得成就感,长期没有成就感,就很难坚持下去,从一个小问题开始,小问题解决了,就慢慢给自己加大难度,循序渐进,不要着急。

    比如,打算造型能力上一个台阶,那就先搁置色彩的问题,多用线表达,换很多种表达方式,线的组织熟练之后,尝试用黑白切分面,面的切分掌握熟练之后,尝试用色彩的冷暖表现,等等。学习其实是一场马拉松,不停有人下去,不停有后面的人赶超上来,而最后的赢家一定是稳步向前的,如果一开始就猛足劲儿冲,后面的路就很难坚持下去,会更费力,一开始不要着急,看准方向,遇到问题一个一个解决,多看多画多思考怎么画的更好。

    上学的时候可以自由支配的时间很多,我会做很多练习,尝试用不同的工具,针管笔、手写板、油画棒等,有针对性解决黑白分配、表述故事和用色彩造型的问题。

    uisdc-201612026△ 自绘,2010年左右

    上半年我给自己定了一个100天坚持画画的计划,想让自己的眼睛和手“热”起来,临摹了很多迪士尼的手稿、还临摹了阮佳同学的原画、把中秋的日本关西行也涂了出来,我的原则是少写备注,多用“画”,有时候会对自己比较苛刻,涂的不满意就再涂一张。

    uisdc-201612027uisdc-201612028uisdc-201612029如何纠正和提升自己的视觉设计水平 – 寻找标杆“矫正”

    最后谈谈在画画的过程中如何纠正自己的错误。多年的视觉习惯可能是比较顽固的,比如,我知道造型不好看,但是不知道问题出在哪里,比如我知道颜色很乱,但是不知道该如何归纳等等,那么,这时候就需要你去寻找一个榜样用来“矫正”。很简单,找到一个和你表现方法相近的作品,仔细琢磨。

    在一个网站设计的项目中,我需要绘制一张插画,用最轻松随性的方法组织元素,拉近集团与应聘者的距离。最初的一稿我的方法并不对,招聘网站上并不适合放工业感很强的插图,这不符合整站的调性,过于精密的插图会让人敬而远之。

    uisdc-2016120210第二稿我调整了方向,改为涂鸦的方法。

    uisdc-2016120211

    uisdc20161202-1

    uisdc20161202-2在绘制的过程中,遇到很多问题,比如如何组织画面,如何控制彩度等等。我开始站酷上找类似的画,翻到含橙之后,我就开始研究他是怎样概括造型、怎样提炼元素、怎样串联故事、怎样使用色彩的,然后再比对自己的画,很容易就发现自己的问题在哪里。在这个过程中,我学会了如何将画面画的丰富,也学会了灵活控制画面元素的量,根据需要安排最佳元素出场。过程是痛苦的,但是突破了自己,解决了新的问题,结果还是很开心的。

    写在最后

    视觉设计是一些由精确到像素的细节组成的,方寸之间承载的都是设计师的思考。我们每天的大部分时间都在工作,处于长期“输出”的状态,但是你有想过给自己持续“输入”么?赶快拿起纸和笔,为自己的未来做一些沉淀吧。

    文章摘录链接 :http://www.uisdc.com/designer-visual-design-guideline#


上一篇:全新UBER APP改版背后的设计思考总结下一篇:这些设计灵感,或许可以改变我们阅读新闻的方式