UI自学宝典 —— 如何零基础进行UI设计的学习?

虽然我以前是通过培训进行UI设计的学习,但经过这些年的工作发现如果在有合理的规划下对UI设计的学习进行自学也是不错的方法,前提是你必须有充足的时间和足够自制力。身边不乏有很多自学成才的大神,有时候很佩服他们的自学能力,更多的是对他们眼光和自制力各方面的敬佩。要说自学我觉得从以下这些方面来考虑:

一、了解行业

进行UI设计的学习之前必须知道这行做什么,身为UI设计师负责哪些,工作形式怎样,该具备怎样的技能才可以胜任,这样带着目标去学效率会高很多。如果做什么都不知道稀里糊涂学了都不知道学的东西是不是自己喜欢的或者对以后的工作有没有帮助,那就是无用功了。

首先你得知道UI设计师的日常工作就是根据产品经理提供的原型做出预期目标的界面,界面长啥样我就不说了,你随便打开你手机上的APP,或者登陆某个网站,看到的界面效果就是需要设计师来设计的。原型的话比较复杂,我做了张图可以看下面这个效果:

第一种是比较理想的原型,看上去非常清晰美观,一般很少能遇到把原型做到这么细腻的;第二张是比较普遍的情况,很多产品经理或交互设计师做出的原型大概率长这个样子;第三张是空白的,很多小公司的产品经理直接跟你口头描述下,没有原型或者得你来画原型,所以你得脑补原型这种东西……

除此以外,有些公司UI设计师是在做交互设计师的工作,就像上面提到的画原型理清产品流程这些工作;还有一些公司UI设计师也会兼顾一些零零散散的平面设计工作,比如平时的海报、宣传单页、线下物料等等;还有一种是公司产品功能搭建的比较完善了,这部分设计师就很少会输出界面设计了,公司工作重点也是放在运营上,就会频繁去做一些营销类的设计,比如H5或促销广告这些,这部分视觉要求一般会更高。

二、软件基础

工欲善其事必先利其器,所以了解UI做什么工作内容之后还是得从软件学起。UI设计的学习软件大概有Photoshop、illustrator、Sketch、XD、Axure RP、XMind、After Effects 、MarkMan、CINEMA 4D、principle等,乍一看这么多不知道该从哪个学起,大概说下这些软件吧。

Photoshop:这是但凡是个设计师必会的软件,尽管现在在UI设计的学习中已经没几个人用Photoshop输出界面了,但不排除小部分公司还是在用,或者说其实用什么软件都可以只是Photoshop在效率上稍微低点。但还是会优先推荐你学习Photoshop,因为这个软件不仅在UI输出会用到,其他用到的场景太多了,设计师没这个真不行。还有会这个软件再去学其他的会轻松很多。

Illustrator:矢量绘图软件,跟Photoshop和Sketch兼容性都不错,建议在入行前掌握基础功能,但顺序可以放在Photoshop之后去学。

Sketch:这才是当前最主流的UI输出软件,但很无奈的是只支持苹果系统,如果有条件最好掌握学起来很快,一两天就能学会。如果没有苹果电脑可以学学XD,XD跟Sketch界面相似功能也差不多。

Axure RP:这是最主流的原型制作软件,功能非常强大,但有一部分功能比较难学,如果时间紧迫可以掌握基础操作,抛开变量、中继器哪些还是很容易的,两三天就能掌握。

XMind:看别人提了就顺便说下,脑图软件,1小时掌握。

After Effects:动效软件,并不一定要求你必须得在入行前掌握,但如果你入行之后还没掌握后续可以花精力继续学习。

MarkMan:配合Photoshop的标准软件,1小时掌握。

CINEMA 4D:建模软件,同After Effects。

Principle:动效交互软件,也只支持苹果电脑,非必学,可以根据自己情况决定。

以上UI设计的学习软件,PS、AI最好熟练掌握基础操作,并不建议设计师执着于软件操作,但是连基础操作都不能熟练运用,还谈什么设计。

三、临摹练习和审美提升

前面都在说操作,这一步才进入设计环节,其实说是第三步不一定要等第二步学完才进行,可以每天花点时间找些好作品看看,培养美感。哪怕一开始就可以找一些看看,多收藏整理,附上我以前整理的素材库,图一是大的分类,图二是06素材点进去的素材细分。整理和收集对学习还是有很大帮助的。

等到中后期UI设计的学习软件用的差不多就找一些不错的作品开始练习,这里我推荐先多上上站酷和UI中国,记得一定要找2火和3火的作品看,这些作品因为足够有些被平台推荐是不错的接件作品。另外可以去Behance看看整套项目的作品怎么包装,还有Dribbble上看看别人怎么做练习和炫技,这些对整个过程的学习、美感的提升以及后期作品准备都有非常大的帮助。

四、读书

在进行UI设计的学习过程中,理论的知识还是得有,理论和实践相结合,建议至少读三本书,一本产品方面的、一本UI方面的、一本用户体验方面的,其他方面的根据自己实际情况去选择,还可以看看站酷、知乎、简书上面别人整理分享的文章,文章会缩短你读书的时间,这都别人总结出来的精髓,遇到重点信息还可以做笔记。这些东西不仅能加强你的理论知识,还可以在面试和工作中来加强自己的论点表达,让别人觉得你比较专业,而不是动不动就我觉得怎样怎样,或者出了还行、太丑、空等说不出其他术语来。

五、积累、整理作品

做这行没作品就别想找到工作了,所以作品从哪里来就得自己平时积累了,平时做得多最后面试的时候随便选一些都满满一封作品集了。平时就应该注意对不同类型的作品的积累:

1、图标:包括拟物化、扁平化、线性图标、面形图标等,最好每样都练习一部分,工作中每种都会遇到的。

2、界面:前期可以是单个的页面,后期有点基础了最好自己从原型做起,规划整套的项目,然后独立完成整个项目的交互和UI,面试非常看重你的整套项目作品的,因为这反映的是你的工作能力,值得指出的是UI有很多规范,而且还在不断更新,这些规范应该熟知,那么练习这些项目的过程中应该熟知一套规范怎么去定以及怎么运用;

3、视觉设计:建议练练插画,现在插画用的范围太广、启动页、广告banner,甚至连图标都是小插画,这需要很深的美术功底,但还是要去练习,不然永远不会,顺便在练习的过程中积累作品;

4、手绘,其实UI平时用手绘不多,但是手绘反映的是你的美术功底和设计师的个人魅力,专业程度,身份象征这些通过手绘给人感觉就很不一样。

5、其他作品,动效作品、建模作品这些视情况而定吧,每个人情况不一样,还有有些人会前端直接写了个人网站,这些都不是硬性要求,虽然技多不压身但是一开始得有侧重点,一定要针对性去学习,有些技能可以后期拓展,有些是一开始就得必备的。

六、制作简历和作品集

前面的都完成就差最后这一步了,设计师最好还是做个作品集去面试也比较好携带,文件夹过于琐碎,PPT得全屏,还是pdf体验稍微好些,也可以一个个项目整理好传站酷、UI中国。另外简历的制作也很讲究,这些都可以去站酷看看,找些带2火3火推荐的作品集看看,如果有需要我后期再补充点,大概就先说这些。

以上就是小编对自学UI设计的学习分析。其实自学并不容易,不仅有足够的自制力坚持下去还得有专业的方向保障,希望你多去找找,选择靠谱的自学教程,多找些群和站酷这种平台的设计师交流,多把自己的作品拿出去,早日找出自己的不足早作纠正,尽最大程度避免走弯路,最后祝你自学成功。

这篇内容分享到这里就结束了,对第三部分我个人整理的素材感兴趣的小伙伴可以 +小编 VX:2752194649 小编都可无偿共享给大家,共同学习!!

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,240评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,328评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,182评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,121评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,135评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,093评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,013评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,854评论 0 273
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,295评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,513评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,678评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,398评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,989评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,636评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,801评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,657评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,558评论 2 352