文章列表 > 零基础入门学习UI设计指南
零基础入门学习UI设计指南
  作者:uipower  发布时间:2016-10-27 17:06:34  

\

第一步:认识设计启蒙必备知识

学习一项技能,尤其是已经有一定沉淀并在各行各业有广泛应用的技能,就一定要对它先有充分的认知。在开始正式学习前,你需要花足够的经历去了解和查阅它的起源、发展、应用、未来。

UI作为平面设计的一部分,再往上又从属与美术学这一大类。因此,首先要先去了解整个美术史的发展。从人类起源各个阶段中,美术经历了什么样的变化,在各自的时代发挥了什么作用,近代美术史又经历了哪些波折,平面设计艺术是如何发展壮大走进千家万户,并且有哪些经验成功过度到后来的UI设计中。那些享誉中外的艺术大师有何过人之处,他们为美术学发展做出了哪些贡献,他们的名作到底有何动人之处。
在今天的UI设计群体中,我们作为专业的设计人员,可以和别人侃侃而谈雷军的创业心得,罗胖子的工匠情怀,滴滴快滴的商业模式以及BAT在传统行业的布局等等,各种其实并不太相干的话题,却说不出半点艺术见解。
我们看不懂博物馆展览那些画作,不知道梵高画了什么作品,抽象派到底在闹腾些什么,更甚者连扁平化的推动有什么深层次的原因都不明白。如果说最近很火的二月河说大学生不看《红楼梦》是耻辱尚有争议性,那么设计师无法理解前人艺术成就是绝对的悲哀,无法去辩驳的事实。
了解美术史,学会入门的美术鉴赏,目的是以正视听。学会用多个纬度去思考美学,学会用更深入的方法来看待问题,学会从更宏观的视角审视行业……这样,你才能更客观的去理解UI的发展历程。这些知识和思想,将为你的职业生涯做出启蒙,才更容易成为一个有内涵有深度的设计师,这当中还有诸多优点,就得靠你们自己慢慢体会。

下面是必看推荐书目:

《写给大家看的设计书(第4版)》(适合快餐族看 行业外者)
配色设计原理》 (大学在读   0基础  抽一段时间看完)
《平面设计完全手册》 (大学在读  实习生 基础薄弱者  平面是UI设计前身经验基础 必看)

《设计中的设计》(大学在读  实习生 基础薄弱者 即将进入设计工作 看)
《设计心理学1:日常的设计》(已经毕业 进入社会工作 可快速长期看 必看)
《设计心理学2:与复杂共处》(已经毕业 进入社会工作 可快速长期看 必看)
《设计心理学3:情感设计》 (已经毕业 进入社会工作了 可快速长期看 必看)
《设计心理学4:未来设计》(已经毕业 进入社会工作 可快速长期看 必看)

哲学有三大哲学问题,“你是谁?”“你从哪里来?”“你要到哪里去?”,构成了哲人在探索人世真理时的基础框架。我们也一样,要在阶段给自己提出三个问题,并花至少一个月的时间寻找答案:
设计是什么?设计是如何产生的?设计可以做什么?

第二步:学习绘画技巧曾经和很多同行争论过,UI设计,到底需不需要手绘训练。想必大家都知道,目前国内知名的追波上的大神们,很多都是草根出身,从其它行业空降来的,他们的出色是有目共睹的,似乎从某种层面上证实,不需要有绘画基础,也可以做好UI,也可以当大神?
我们来说说绘画的问题。
美术高考主要考的三大项:素描、速写、色彩
就是绘画入门的三大基础课题,我们学习的过程也是以这个顺序逐步覆盖的。如果你已经在第一部看完了那些书籍,就会知道,学习基础绘画的过程中,我们在纸张上对现实世界的物体进行细致准确的描绘,也就需要我们更仔细的观察事物。光照射的角度是如何的,在对应的形状中表现出什么明暗分布,在透视原理下杯口厚度的弧形是怎么变化的。随着绘画的深入你就会逐渐培养一双洞察细节的眼睛,你会对所有设计和形体做出本能的反应,分析它们的美丑,找出核心所在。
\

这批国内的大神,其实就是在远超常人的勤奋中积累了观察的经验,以此可以复制一定的风格,并能发现设计中的细节而不断做出改正。但这就完了么?当然不是。
你们可以仔细去观察这些没有绘画能力的UI设计师,他们的作品存在着很强的局限性,虽然可以很好完成熟悉领域和流行风格的设计,但是形势是很单一,并且缺乏真正的创造力。强大的手绘能力,除了提高洞察力以外,就是为你将来创作的多元化提供更多可能,

那么学习绘画要到什么程度呢?直到你觉得可以正确绘出静物为止。推荐去报一些高考培训的机构,和高三孩纸们一块儿学画,你会提升的相当快,这个过程只需要两三个月的时间。不要觉得可以跳过,将来成为出色设计师的成本将远低于不学习绘画的其他人。
最重点要掌握的一个绘画技能,是结构素描

手绘将贯穿你整个职业生涯,在今后的学习工作中要保持这个习惯,相信我,每到一个合适的时机,它总会给你带来意想不到的惊喜。

第三步:学习设计软件

这一步就正式开始进入学习软件的步骤。如果学习的是UI,那么以下几种软件是必不可少的:

Photoshop、illustrator、coraldraw、Sketch、Axure 、After Effects、Flash软件(下载)
其余的根据爱好自己补充
这里要先和大家谈谈美工,有点小理想的有志青年们都对这个称谓充满鄙夷,但我得给大多数人泼冷水,因为大多数设计师连一个合格的美工都够不上。
我们知道美工代表的是一种技师的称谓,有一定技巧但没有创造力。可偏偏就是绝大多数人都没有掌握足够的技巧,这就是当前设计行业所需要面对的事实。

很多设计师没有经过前两个步骤的熏陶的,在学习软件的过程中很容易自满,他们的视角是狭隘的,只认为学会了PS这些工具,就学会了设计,也忽略了自己远远没有达到美工门槛的界限。

下面我来谈谈怎么学习这些软件:
1-先看PS教程:
只需要先看UI设计行业培训里最基础的知识点,光、色、分辨率、色彩模式,连这些都没有掌握你就不要想精通设计软件和掌握它们的原理。

再有时间看看其余的PS教程
那软件要学到什么程度?学到你可以用它临摹出任何使用这种软件设计的图形。

如果你看到一张图片,如果基本谈不上临摹出来,那么你的学习PS程度未到经常自己做一些练习来测试自己对软件掌握度在哪里,就很容易发
好好去理解每个软件可以实现什么,优势是什么,极限在哪里。然后你就再也不跑去群组里问:请问这是什么软件做的,软件只是一种手段,你还并不懂设计!
其余所有软件按照PS教程一一搜索。

第四步:进一步实践广义上来说,到这步才是真正开始学习设计,也是让一、二两点作用开始充分发挥的时候。

因为看过艺术史,所以你会知道,每个时代流行的艺术创作有各自的手法特点,有共性,所以可以被归纳和总结,也就可以教授,培养出相同的作家。换句话说,美术家是可以被量产的。在理论不断被完善的今天,要做出好的设计一样是可以通过理论学习——实践产生,一定不要认为这是天赋上的差距,别人比自己就更有艺术细胞。

前面的几点都为你提供了足够的实践基础,所以在这部才能让你正确看待自己的潜力,不会轻易停下追求进步的脚步。只有最伟大的设计师才需要较量天赋,而成为一个优秀的设计师靠的是努力。设计是勤行,不是设计人,不入设计门
那么第二步实践理论知识我们该学习什么呢?

首先是基础中的基础:三大构成(基础含义)
每个方向都需要阅读相应的教材,重要性无以复加,你需要在观看的时候一边做练习。然后才是具体设计类的书籍,记得不要再买那些无用的通篇告诉你软件操作的书籍。
还有个差点被我忽略,本来想单当一个步骤说得,后来想想还是归纳到这里来,那就是对于字体的认识。UI设计师普遍对字体缺乏敬畏,尤其在扁平化盛行的今天,字体的作用更加突出。只有掌握了字体的奥义,才能设计出有力的排版,才能对可读性和观赏性文字符号有充分的了解。比如日本二十四节气网站就是运用字体的优秀案例:日本二十四节气网站(原网站好像打不开了,只有图)。推荐书目:

《商业字体设计》(方茜)一定要看!!
《好字体》(向玫玫)
《文字设计的原理》([日]伊达千代,内藤孝彦)

\

接着就是关乎排版,栅格化_百度百科网页布局栅格化设计,这也是UI设计师必须掌握的基础技巧之一。对栅格化有充分理解,就可以设计出足够安全而和谐的页面,下面书目:
《栅格排版法》
《版面设计的原理》([日]伊达千代,内藤孝彦)
《超越平凡的平面设计 版式设计原理与应用》([美]麦克韦德(John McWade))

还有一些相关的基础推荐书籍,
《形式感+:网页视觉设计创意拓展与快速表现》(晋小彦)(重点推荐)
《在你身边,为你设计:腾讯的用户体验设计之道》

\
设计的理论书籍教会你怎么设计,你需要在不断接受知识的同时,马上对它们做实验,不停的练习,不停的产生问题并解决。在你的设计观念足够成熟前,建议不要没事上网看设计的XX法则,如何做好网页设计你需要掌握的XX个技巧,完全就是设计界的鸡汤文,它们看着其实挺有道理,但完全没办法给新人提供实践指南,是用来遗忘的,即使看再多这类鸡汤文,你也做不好设计。

学习过程在每个方面都要系统而有调理,书籍比零碎的阅读可以给你带来更多的帮助和进步。

第五步:平衡涉猎-前端开发
在我这个回答:视觉设计师是怎样让前端工程师 100% 实现设计效果的?
已经说很详细了,作为UI设计师,是必须掌握前端的对应技能的,这不是可以完全无限制的发挥设计技艺的地方,你就要有取舍,要跟的上前端开发的逻辑,做出稳定可以被实现的设计稿。
学会HTML5 CSS3 JQ的入门,安卓、IOS的实现规范!
\
第六步:鉴赏模仿与超越你要学会如何辨别优秀的作品,可以从多个渠道收集优秀作品和案例,首推使用:
Behance
花瓣网
Pinterest

学会看优秀的案例,然后你要做的就是借鉴,用你学过的设计理论在实现中对案例进行分析,只有发现了它们的优点并自己动手实践实现了,才对你的提升有实际帮助。你每天一个案例,BANNER、ICON、APP界面,那么不出几个月,你就能对现有的设计形式套路了如指掌,可以设计出安全问题不大的UI设计稿。

必须提醒一点就是,我们在设计过程中对美的追求和实际实现、用户需要很多时候是不一致的,这是一个坑,需要有足够的经验去判断什么样的设计已经足够了,什么样的是过度设计,没有实际意义。你不止要在网上搜索优秀的案例,一定要持续关注这些那些最简单,但是最受欢迎的网站和应用。

第七步:对设计生涯思考

真正的设计大师绝对不会只是孤陋寡闻而只专注在手中的PS,他们不断在认识世界,不断在研究感兴趣的知识和见解,这也就是知乎存在所要满足的需求。

成熟的设计不只是你个性技巧的表达,还有你对解决问题所展示出来的理性和洞见。很多设计师和同层次的其它专业人员比较起来显得太幼稚和粗浅,症状也在这里。不要只用设计的角度去看世界,去涉猎更多的专业,让眼界更宽广,有更多的角度去理解世界,得到的感悟将给你带来难以估量的升华和进步。
这是可以持续一生的事业和技艺,在正确的方法下,越积累越成熟,老而弥坚。请不要再用肤浅的思想认为它是吃青饭的过度阶段!设计是一门需要沉淀的技艺,却恰巧遇见了日新月异的互联网文化。这让大家对流行极具敏感度,而开始追赶潮流,轻视正统和法则。这整个流程需要或许需要1整年的时间,但我相信,只要有足够的耐心,是可以让一个新手成长成为一名合格的UI设计师,请放慢你的角度不要急于求成。

  • 上海(总部)
  • 北京
  • 深圳

邮箱:uipower@uipower.com

电话:400-660-9989

UIPower公众号
  • CopyRight©2004-2017
  • 上海勇进软件有限公司
  • 沪ICP备05028907号