小白学APP设计:自学UI设计手册与职业规划

从严肃的角度的来说,学习一项新技能,尤其是已经有一定沉淀并在各行各业有广泛应用的技能,就一定要对它先有充分的认知。下面就跟随25学堂的小编来一起看看小白学APP设计之如何自学UI设计以及职业规划吧!

coloristic-ui-kit-for-sketch-preview

UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。代表作品就是window系统和mac系统上的界面设计。

移动APP设计,就是指在智能手机等移动终端上的界面UI设计。属于UI设计的一部分。

 

小白学APP设计的完全自学手册如下:

第1步:多看,多欣赏优秀的UI设计作品。

这里25学堂主要以手机移动app界面欣赏为主。

app-ui-kit-psd

下面就是25学堂之前跟大家分享一些好看优秀的移动APP界面设计欣赏:

1、2015、8月最好看的APP界面设计欣赏

2、2014.12月最好看的APP界面设计欣赏

3、四款精美的国产APP界面设计效果图欣赏

4、精选13张Android安卓手机APP UI界面设计欣赏

5、优秀的APP界面设计欣赏课堂—运动类APP设计

当然,大家还可以去一些专门的移动APP设计灵感酷站寻找自己的一些好的美学基础和提升自己的UI设计灵感的地方。

比如:花瓣APP、APPUI、UI4app、Reeooiphone界面网站等等。

reeoo-iphoneUI设计

上图就是专门分享一些国内外游戏的UI界面设计的酷站:http://iphone.reeoo.com/

另外,有时间也要去看下一些UI设计方面的知识和理论。包括移动APP设计规范、相关设计的指导原则和美学基础。

如果你非常对UI设计感兴趣,想要学好移动APP设计,可以从画画开始。

25学堂推荐的读《30天学会画画》百度网盘免费下载PDF,并且每天花半小时练习画画。

UI2

 

第2步:学会使用 Photoshop 和 Illustrator

现在你在视觉设计与使用者经验上已经有相当的基础,可以朝下一步迈进了。就是去开始学习一些设计软件。

无论你是从 Illustrator 开始学,还是先去学 Photoshop,都是取决于你想要达到什么的设计目的。如果你想要快速进行移动APP界面设计,25学堂推荐你学习使用sketch,是Mac电脑上专门的APP设计工具。容易简单上手。

1、手机APP设计师易上手的Sketch自学手册

2、快速进行APP界面设计的工具:Sketch3 MAC破解版

设计师通常使用 Illustrator 来製作商标或图示,而 InDesign 则在製作传单或名片等印刷品时非常好用。

另外25学堂推荐2个非常适合学习Photoshop的网站,也是目前国内很多设计大神推荐的酷站。

http://design.tutsplus.com/和PS图象处理设计教程和PS精品资源站-PSDBox

另外25学堂重磅推荐下 :李涛老师视频的前三课:李涛PS教程(全集)

 

 

第3步:学会专业技能和自己的作品集

到了这个阶段,你就要不断的去练习和临摹一些优秀的移动APP界面设计作品。可以从APP设计模板开始学习。

20多套优秀的移动APP界面设计模板,就在这里。

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

ui_kit_rainyseason_800x600_1x

等你开始已经熟悉整个UI设计流程和一定的ui设计作品的时候,就要开始根据自己定制的职业规划来学习相应的知识。

25学堂对各位要自学UI设计的小白的6点忠告:

1、先培养眼光,才能在临摹的时候发现自己的不足。只有和顶尖的人学习,才能成为优秀。

2、有耐心,对齐像素比较恶心。

3、有态度,做东西一定不要草草了事,比如临摹必须做到95%的相似,甚至超过原版效果。

4、有想法,没事自己画点东西,做点东西。参见好作品的方法做一个自己的东西。有自己的东西才能成为顶级的嘛,跑远了。

5、在工作中学习更好。

6、站酷,追波,UI中国、花瓣,在微博上关注他们更好。当然你可以去看下5个优质的设计师导航网站汇总,体验的话,去搜各个门户的用户体验中心,比如腾讯的cdc。另外500px虽然是摄影的但也很推荐,提高审美。

如果你想要认真的来学习移动APP界面设计,25学堂是你的最佳选择。

 

下面是就是25学堂罗列的一名UI设计需要经历的五个阶段。

手持iphone 展示素材

需要的基础就是一些简单的美术基础和平面设计基础,要求也不算高,你这个情况应该没问题,编程不太需要。一般流程是这样的,大致5个阶段,都会培训你一些基本需要的基础。PS ,Illustrator , DW,InDesign都会用到。

UI设计职业发展的第一阶段:

UI用户设计基础(UI行业发展及UI设计师职业规划,美术基础,平面设计基础,图形与创意设计,网页设计基础,交互式网站),软件:Photoshop、Illustrator、Dw、firework、sketch、axure

UI设计职业发展的第二阶段:

移动界面设计(图标创意思路与方法,图标的创作设计,主题图标设计,Ios系统Android系统Windows phone系统,UI设计实训课程)

UI设计职业发展的第三阶段:

交互类(UCD,交互设计高级技术)

UI设计的职业发展第四阶段:

流程设计(界面开发对接,流程管理,移动媒体综合开发实训)

UI设计职业发展的第五阶段:

综合项目实训及就业阶段(根据所学内容,选择一种移动平台(IOS/Android/Winphone),软件界面,WUI类型设计,完成初稿设计。依据项目初期确定的需求进行验收,并签署验收报告。)

之前的小白学习APP设计课系列程有:

1、小白学习APP设计:5步让你设计出漂亮的APP

2、小白学习APP设计教程:改正你的PS设计习惯

3、小白学习APP界面设计,从设计APP首页开始

每天更新,
全站高品质素材免费下载!