视觉|我们到底要如何学习视觉设计? - 优设-UISDC

视觉|我们到底要如何学习视觉设计?

2016/12/02 13053评论区

designer-visual-design-guideline-1

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

uisdc-201612028

uisdc-201612029

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

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

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

uisdc-2016120210

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

uisdc-2016120211

 

uisdc20161202-1

uisdc20161202-2

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

写在最后

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

最后推荐一位身边的勤奋妹子,腾讯游戏设计师,她很高产,而且有很多步骤性的小图,是不错的学习素材:)

谢谢阅读:)

欢迎关注阅文体验设计的微信公众号:

uisdc20161202-3

「优设自学指南系列」

  1. 平面设计:《超赞!设计师完全自学指南》
  2. 交互设计《交互设计师修炼指南!教你从零开始成为优秀交互设计师》
  3. UI设计:《超实用新手指南!零基础如何自学UI设计?》
  4. 前端开发:《天猫高手来教你!零基础如何系统地学习前端开发?》
  5. 抠图技巧:《从菜鸟到高手!PHOTOSHOP抠图全方位攻略》
  6. 配色方案:《色彩搭配速成!3个实用方法帮你全面搞定配色》
  7. DPI指南:《基础知识学起来!为设计师量身打造的DPI指南》
  8. 交互设计自学路径图:《零基础入门!给非科班生的自学路径图之交互设计篇》

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

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/designer-visual-design-guideline

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 转场动效 优设大课堂 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 配色 设计师专访 视觉设计 素材下载 web前端开发 设计流程 AI教程 用户体验设计 设计理论 神器下载 字体下载 海报设计 设计趋势 设计规范 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里