IAMUE
  • Home
  • 文章分类
    • 交互
      • 从零开始学交互
      • IxD案例
      • 微信热点
    • UXD
    • Wireframes
    • GUID
    • PM
  • More
    • AID
    • 资源下载
    • 作品集
    • 电子书:《从零开始做交互》
    • Sketch 4.9 - Sketch全系列免费下载(更新Sketch4.9)
    • 淘宝手机H5版UX移动交互设计规范
    • Axure基础入门
    • 隐私政策

转行学设计?新手必读的五大误区+三大秘籍

Catherine • 2017-06-03 01:25 • 交互设计

经常看到一些讲如何学习设计的文章,坦白讲感觉有些千篇一律、且不痛不痒,都说要看点书、学点画、练软件、多观察……唉,练软件这事还要说么,难道你还需要告诉一个人学开发是需要学习编程语言的?

文章目录[隐藏]

  • 五大误区
  • 三大秘籍
  • 理论先行 —— 审美速成
  • 解构
  • 总结

经常看到一些讲如何学习设计的文章,坦白讲感觉有些千篇一律、且不痛不痒,都说要看点书、学点画、练软件、多观察……唉,练软件这事还要说么,难道你还需要告诉一个人学开发是需要学习编程语言的?

学习是基于过往经验的成长,每个人的知识背景不同,就需要因材施教。那些没有明确受众的教程,本身就是伪命题。给一个美术生教设计、和一个程序员讲设计,完全是两码事。

程序员学设计有什么关键问题?作为一个理工科出身的设计师、会写一点代码,常年在创业团队和工程师混在一起,我自认为还是挺了解的。

(设计有很多层面,这里我们主要讲的是偏美学、偏视觉层面的。)

五大误区

绝大多数程序员学设计都或多或少有这些盲区、雷区:

认为审美难以提升

不但对自己的审美缺乏信心,对提升审美也没有信心。

不知如何提升审美

重理性的人,对于审美这样 “没有理论支撑” 的东西,不知如何提升。

错误的以为仅靠多看就能提升审美

都讲要善于观察、多看作品来提升审美,照做,但都没掌握「看」的关键思路:没事逛 Dribbble 觉得啥都漂亮,但其实都看了热闹;光看不做,其实「看」一定要与「做」结合,而且往往「做」在先。

认为设计有无限可能

不像有清晰思路去解决问题的编程,设计似乎都是开放式命题、有无限的答案,即便掌握了软件,面对真实的设计问题也无从下手。但其实真相是,可能 90% 以上的设计本质上也是搬轮子再拼装,你首先要熟悉这些轮子。

从未意识到,设计也是可以组装出来的

一张图有什么好组装的?其实不然,就像程序由一行行代码组成,设计也可以被解构,反编译!同样也可以被组装出来。

认为自己缺少灵感

灵感本就是一个伪命题。所谓上天击中你的刹那间的灵感,往往也是基于你脑海中的某些信息碎片,只是可能你也不记得是在何时看到、何时产生的了。所以,缺乏灵感,只是说明你看的不够多,看的不够用心。

三大秘籍

而针对这些问题,实际也有三大秘籍,是我对自己学设计的过程的总结,很可能是 “独门绝技”:

理论先行!

如何快速提升审美?读书、理论先行!并运用你擅长的推导能力,深刻认识这些理论。

归类!

90% 以上的设计可以被归类,也许让你有些失望,但这就是真相。归类可以让你看到隐藏在设计背后的「轮子」,为自己所用。

解构!

是指在看设计作品的时候,看透它的基本构成。这实际上与归类是密切相关的,二者相辅相成,成倍提高你设计水平提升的速度。

至于要多实践什么的,都是通理,没什么好啰嗦的。

如你所见,这里的秘籍都是逻辑化的思考方式,作为程序员、聪明如你,这不都正是你擅长的么?所以,我一直挺认同那句话:程序员学好设计,相比反之设计学好程序,要容易的多。下面逐个重点展开说下:

理论先行 —— 审美速成

这个话题主要关于审美,最基础、最重要。

审美不是天生的,没有人天生就有出类拔萃的审美能力。当然在这样一个平均审美偏低的国度,你很可能受环境影响大,导致系统默认值差一点,但这也不代表你一辈子就这样了。

其实这个视频就如何成为一名优秀设计师这个点上,已经讲的足够好,大多观点我都很认同。但其实也都还是比较基本的、常识性的,缺少针对特殊群体的「黑科技」。

为何如此强调审美,相信你已有感受:对于设计来说,审美就是你的模拟器或测试环境,是评价标准,没有它,设计也无从谈起。

提高审美,光看是不够的

理论是基础。

前面的视频里,罗子雄特别强调了审美要通过多看优秀作品来提升。没错,但其实,我认为光看是不够的,特别对于程序员来说,这没有发挥出你思考的能力。

那该先做点什么呢?

答案是,看书…学习设计理论。

可能这看上去有点像书呆子的答案。但回想下你学习任何一门新开发语言的经历,先刷一遍书,肯定是很有必要的,设计也是一样。

就像程序设计的面向对象、MVC 的设计模式,几乎通用于流行的框架,无论是后端的 Rails 还是前端的 Angular,或客户端的 Cocoa Touch;当下大火的 ReactJS 竟然和 3D 游戏动画引擎的设计理念相通。在代码的世界,相同的理念支撑了不同领域的框架和实现。

其实在设计方面也是一样,有限的设计理论,同样支撑了无限种类的设计作品。并不是「一群审美牛逼的人,就做出了牛逼的设计」这样子。

去静下心来,读几本讲平面设计理论的书,例如很多人都在推荐的 《写给大家看的设计书》 ,还有我大学时看到后激动不已的《通用设计法则》,相信你也会有一种醍醐灌顶的感觉。

对于理工科背景的人,理论支撑其实是很重要的,因为过去解题可都是要靠这个的。

理论是不能脱离实践的,了解了设计理论之后,重点在于,看作品的时候要联想设计理论,观察作品对于设计理论的应用,做设计练习的时候。例如它具体如何运用字体、如何排版布局等。

除了「看」,对于「练」也是一样。随时都可以尝试应用书本上的理论,当走到死胡同、不知道问题出在哪里的时候,也可以去寻找相关的设计理论作为启发。这过程就好像你先知道了勾股定理这回事,然后不断习题熟练,直到可以熟练用于解各种证明、计算题。

相辅相成,逐渐这些道理会印在你的脑海:

  • 形成你审美的高标准;
  • 看到任何作品,你可以一眼看出好在哪、差在哪;
  • 相应的,做设计的时候,也能快速找到问题出在哪。

这就是审美速成的不二之法。

设计理论,并非空穴来风

爱追根问底的朋友,会觉得设计理论没什么科学支撑,不得不承认,你很难做一个实验,证明某种东西绝大多数人都一定认为好看。

虽然有句 “名言” 是「对于美的分歧,只存在于非专业人士当中」,但我还是相信,真正美的东西,非专业人士之间也不会有分歧,例如碧海蓝天、夕阳西下……

所以,当你从更深层的进化论、认知心理学上人类认知的特点去思考每条设计定律,你会发现原来这一切似乎都是注定的!当对这些理论的认同感大大提升,你对它们的应用也会更加得心应手。

举个例子,当我在学习摄影的时候,有一本书上写到,用不同于正常观察的视角,更容易出有视觉冲击感的照片。例如将相机贴近地面,或用双手尽力举高。 可是为什么呢?后来我突然想明白了,当你以正常的站姿拍照,首先照片就是你 90% 以上时间里观察世界的视角,而一旦你用不同于日常观察的角度拍照,对你的大脑来说,「换个角度看世界」本身就会感觉很新奇,照片也更容易让人眼前一亮。

再比如,认知心理学上讲,越少的信息越容易给人脑留下印象。这就是摄影构图、设计排版中要简洁、突出重点的背后原因,杂乱的排版会给大脑造成认知负担,美观就更无从谈起了。
归类 —— 设计是有限的

设计新手,总会觉得所有的设计问题都是开放式问题,有无限可能。对于习惯于找到最佳算法来解决问题的程序员来说,这事儿实在有点逆天。

其实这是误会!让我们做一个 “大数据” 分析来说明问题。

在 Dribbble 上搜 「Logo」这个关键词,按 Popular 默认排序,前十页的作品共 120 个,去掉不是 Logo 的或识别度低的,剩下 55 个,我对他们进行了一个粗略的分类:

转行学设计?新手必读的五大误区+三大秘籍

哪怕你对设计再不敏感,应该也能看得出来,被归为同类的至少在感觉上很接近。仔细看,他们的色调、质感、形状处理方法、阴影和图形的运用,相似之处非常多。

Logo 如此,其实任何设计门类也是差不多,不信你去搜下「Landing page」,看看他们的排版方式……

色彩再多,也可以被归类为红橙黄绿蓝靛紫。设计也是一样,都是由色彩、形状组成,就可以分类。

所以恐怕一般设计师不会告诉你的真相是:

  • 常用的漂亮的色彩组合就那么几种;
  • 常用的美观的排版方式就那么几种;
  • 常用的插图风格就那么几种; ……

通过归类,积累了这些常用的技巧,你就可以快速组装出能满足 80% 以上的场景的漂亮的设计。

这让我想到自己高中的时候,前两年不听课,到后来发现自己数学方面几乎一片空白,都要突破及格线了。高二下学期大复习,痛下决心,直接开始对所有做 过的数学题进行归类,一个活页本把大类、子类、变种全部列进去,到最后我看到 95% 以上的题都能一眼识破类别、调用方法,到高考前,我已经是班里数学成绩最好的几个人了,而且当我的类库建立的比较完善以后,我平常做的题也远少于其他人, 日子过的颇为轻松。

应试教育让人反感,但「归类」真的不失为一种学习的好思路。

所以当你遇到一个现实的设计问题,在看大量相关作品寻找灵感的同时。不妨尝试从多个纬度对他们进行归类,看明白你可以选择的设计方式主要有哪几种,各有什么利弊,从容的做出选择。

解构

恐怕有些人会说,你看着是一类的东西,我看怎么还是很不同啊?好吧,那说明你看设计作品的时候,还不会解构、反编译。

要逐渐练习「看山不是山」的能力,无论看一个 Logo 还是一个网页,不要只顾着欣赏,脑子里要试着分解它的形状是如何组成、用了哪几种排版方式、颜色的渐变、用了什么质感、加了怎样的投影、高光、描边等等。 (其实就像看优秀作品的原文件,用了哪些图层,分别添加了怎样的样式)

当最终你看朝霞晚霞就是一道渐变,朵朵云彩就是几个笔刷,说明你炼成了。

此时,归类设计也变得轻松,对比两个作品,你可以很快看出他们用了哪个相同的零件。

所以「归类」与「解构」也是相辅相成、共同增长的能力。而反复运用它们 的时候,你的审美能力也会不断提升。

总结

虽然不同于 Coding,是用简单的工具(只需要写啊写)做复杂的事情(逻辑…Orz),设计更多是用复杂的工具(顶尖设计师恐怕也搞不清 PS 的全部功能,AE 的按钮多到让你崩溃)做简单的事情(好的设计都很简单)。

但它们在深层其实是灵魂相通的,都有各自的法则,和各自的学习技巧。

跨界,可以帮助你建立对它们各自更深的认识。

 

作者:@李凯文-KevinLi

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

logoPSUI设计产品经理创业动画场景大数据字体心理学灵感理论经验经验分享观点视觉设计设计师话题
赞 (0)
CatherineCatherine
0
生成海报
关于微信聊天与朋友圈如何快速切换的小讨论
上一篇 2017-06-03 00:23
三招让你的APP假装“更快”
下一篇 2017-06-03 02:29

相关推荐

  • 交互设计

    你以为的交互,其实都有所出入

    任何职业的学习都是没有尽头的,只有越学越多,才能提高你的竞争力。多学各种知识才是王道。

    2017-05-21
  • 交互设计入门–了解交互设计 交互设计

    交互设计入门–了解交互设计

    之前写过类似的文章,想写的东西太多,结果什么都没讲明白。所以重新写一套入门的教程,分「了解交互设计」、「交互设计的职能范围」、「交互设计的常用方法」……几个章节把我对这门行业的理解和经验做个分享。

    2017-08-04
  • 移动端的时代要如何重塑网页设计流程? 交互设计

    移动端的时代要如何重塑网页设计流程?

    随着时代和技术的发展,网页设计 的流程正悄无声息地发生着巨大的变化。精准具体的设计交付列表不再是网页设计 的唯一标准,静态页面设计在整个设计流程中所占的比重也逐步降低,正如同Stephen Hay所说,我们所设计的不再是单纯的页面,而是包含诸多组件的一整个系统。

    2017-06-05
  • 反馈设计的七种形式,有助于向用户传递信息 交互设计

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

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

    2017-05-03
  • 如何向面试官介绍「交互设计」作品?这篇绝对是最全面的! 交互设计

    如何向面试官介绍「交互设计」作品?这篇绝对是最全面的!

    招聘季,无论新人还是交互老鸟,都将在「互联网公司鄙视链」上挣扎翻滚。面试官常会要求:介绍一下你的作品…..如何展示交互作品这件事,这篇文章系统总结一下。

    2017-05-25
  • 微信热点

    做完这5次Axure实操,0基础不仅做出高保真,还能提升产品交互

    众所周知,Axure是产品经理必备的工作软件。BAT对于产品工作2-3年的面试者,均要求熟练使用Axure。别让Axure阻碍你的高薪产品路!别等面试时,才发现自己掌握不够。“起点学院&腾讯课堂”联合打造6周Axure实战班,第7期开启报名!从第1期到现在,2000多位同学学习成长,好评如潮。花3-5分钟了解,很快Axure对于你,就不再是问题。(真诚地说)产品思维和交互贯穿全程,学完不仅能画出高保真,同时告别画图经理。具体来看,通过6...

    2018-04-07
  • 一个产品小白如何理解尼尔森交互原则的? 交互设计

    一个产品小白如何理解尼尔森交互原则的?

    上完培训课,又开始投入忙碌工作中,由于目前公司是做汽车后市场服务,并且近期在准备新产品开发事宜,因此每天跟产品经理、研发同事少不了一些探讨。与之前有所不同,现在工作过程中,可能会下意识地用Blues老师讲解的一些知识来思考、理解、验证产品。

    2017-06-01
  • 微信热点

    用户体验如何做到既简洁又安全?

    无可否认,这是最好的时代。移动支付如火如荼,人人只靠一部手机就能轻松走天下。但许多智能应用还没有跟上便捷的潮流,依然存在许多令用户抓狂的细节。比如当年春运抢票,逼死人的图形验证码让多少人大喊崩溃?还有,各种移动App那左等右等都等不到的短信验证码,也足以让用户“知难而退”。尤其是近些年来,随着手机取代钱包成为新一代支付手段,短信验证被大规模使用,注册APP或者付款,都绕不过短信验证这一关,但短信验证要耗时等待,还要手动输入,非常麻烦。许...

    2018-01-30
  • 【交互设计】选择时间设计 交互设计

    【交互设计】选择时间设计

    作者:Mufly 对于不少手机应用来说,都有一个选择时间的功能,那么从交互体验的角度来看,这个时间选择表格应该如何去设计比较理论呢?   时间选择,常见的一般分: 1、具体时间点选择,这种类型侧重于具体的…

    2015-09-07
  • 真诚的用户体验设计 交互设计

    真诚的用户体验设计

    不知道身为「用户体验设计师(UX Designer)」的诸位是否也有过和我一样的困惑:初入行时兴冲冲觉得自己就是那个为一切产品用户体验问题负责的「真命天子」,积极主动去搜集反馈访谈用户,可当真正卷起袖子打算为解决这些「体验问题」大干一场的时候,却发现有些无从下手。

    2017-05-26
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

Copyright © 2024 WPCOM 版权所有 粤ICP备000000000号 Powered by WordPress