我的UI设计自学之路

北京/概念设计师/8年前/1268浏览
我的UI设计自学之路
jennieKM

一直有个设计师的梦想,作为一个工科女把设计当作爱好,从零开始自学设计,从海报设计到APP制作,分享个人经验,希望对某些人有所帮助。

首先,我本科学的是数字媒体技术,从所学的课程上来看,有素描水粉、平面设计、摄影等,有C语言、JAVA、数据结构等,还有maya、3dmax等,所以其他专业的学生都很羡慕我们,连上课都那么有意思,但最后选择工作的时候又有些许尴尬。很多人不知道数字媒体是什么,你一句话两句话又解释不清楚,别人就认为你专业基础不牢固,把你pass掉了,宝宝心里苦但是宝宝没法说。

我本来是想学广告设计的,但种种原因吧,没有走那条路,但一直有个设计师的梦,心想不管什么领域的,只要跟设计有关就行。大一的时候学Premiere,学剪辑,挺有意思的,就想以后去剪片子也挺好;大二的时候接触photoshop,图书馆借了本教程,就是那种多少天学会photoshop的书,上百个例子,傻瓜式教程,照着做,也就做了几十个就有感觉了,ps快捷键什么的已经用的很6了。工具会用了, 就要实战,就各种找设计资源,找自己觉得好看的海报临摹,其实不用做很多,不同类型的做一个就够了,有些图你一看就知道怎么弄那就不用做了,这时候ps的作图水平才有了稍微大点的提升。

下面推荐一些设计常用网站:

视觉中国:http://shijue.me/

站酷:http://www.zcool.com.cn/

Dribble:Show and tell for designers https://dribbble.com/

花瓣网:http://huaban.com/

UImaker:http://www.uimaker.com/

25学堂-专注APPUI界面设计,分享移动互联网优秀产品:http://www.25xt.com/

破洛洛:标识logo欣赏 http://www.poluoluo.com/xinshang/brand/logo/

设计在线; http://www.dolcn.com/

Arting365:https://tianchi.shuju.aliyun.com/video.htm?spm=5176.100258.1234.7.cFO6fn

配色:http://www.peise.net/

http://qrohlf.com/trianglify-generator/

      http://colorhunt.co/

      adobe kuler

设计工具:photoshop;illustrator;coredraw;Axure;dreamweaver等。(推荐学习的第一本书是下面列出的《更优秀的APP:31个APP 用户界面设计经典案例》学完前两个软件的功能都学的差不多了)

我个人在设计时候的一大弱点是配色,所以期间看了很多关于配色的书籍、文章等,还是有所帮助的。还有关于个人定位的问题,我在接项目作图的时候曾很不自信,觉得再怎么设计也比不上那些专业学设计的人,后来我想明白了,专业学设计的人比如学美术的大多感性,视觉美感的要求大于功能要求,而且学起设计软件来比较吃力(对不住了),而我给自己定位的UI设计是理性大于感性的,设计出来的东西不仅要好看还要好用,作为理工科的学生在这一点把握的要更好,而且工具用的好了,都不是事儿。

下面推荐一些我看过的不错的书籍:

0fa35816f66fa84a0d304f3684e6.jpg c20a5816f6b0a84a0e282b99cb1a.jpg 75d55816f6e8a84a0d304fefd72a.jpg 66535816f710a84a0d304f06ab0c.jpg 275a5816f729a84a0d304fddecad.jpg cb1b5816f748a84a0e282b407cec.jpg

如果对logo设计感兴趣的话,推荐一本《干净的错误》

baf55816f79ba84a0e282bf93324.jpg

学完这些基础以后,就对自己的设计能力有点自信了,对自己的要求就不止于会设计海报了。理工科尤其计算机系,本科的时候对做一个APP充满好奇,也觉得挺有挑战性的,13年大三的时候我就加入了一个创业团队,负责设计一款APP,从头开始,从什么都不会,到最后基本做完了一组高保真原型图,到现在也挺佩服自己的。。

一定要注意APP设计规范(比如图标大小、按钮大小、圆角大小、界面尺寸比例等,安卓与苹果手机设计规范也不同,安卓机之间也会有不同,比如小米手机有自己的设计规范等)。(可以去25学堂找安利)

个人很讨厌那种看一眼设计稿或者比对图就很有自信的说很简单很快就能做出来的人,一定要注意规范,拒绝“凭感觉作图”,我们做出来的图最后是要给开发人员使用的,他们编写的程序中各组件是规定好尺寸的,绝对不能按自己的标准来作图。

关于审美的问题,我合作过三个产品经理,不同的项目,第一个合作的很愉快,一般你设计完一个稿子,稍微修改几个细节PM直接就通过了,皆大欢喜对不对,但是,跟第三个PM合作的时候就出现了很多问题,PM个人没有设计基础,也没有编程基础,半路出家,(说真的,人人都是产品经理这句话非常对),合作起来就很困难,他不知道设计和开发用语,还很坚持自己的审美,一组图标的样式配色来来回回修改好多次,非要你按他的意思作出图来让他看才能决定用还是不用(后来觉得此人就是想象力不行),这时候怎么办,我有几个选择,可以先去找一些类似的图给对方看,如果对自己的设计稿满意了,可以多给几个伙伴看,看大家的选择。还有,PM做决定不仅看美感,还要看是否有用是否好用,那就是用户体验和交互的问题了,这时候要尊重PM的意见,可以舍弃些设计上的偏执,毕竟好的用户体验才能体现产品的使用价值,所以我觉得UI要具备判别一个设计是否具有良好用户体验的能力。

推荐一些APP相关书籍:

2fb35816fbb9a84a0e282be0f570.jpg cad15816fbd1a84a0d304fcf3760.jpg 32875816fb94a84a0e282b6b42cb.jpg 47905816fba8a84a0e282b5b9bb1.jpg  08e05816fbe5a84a0e282bcfb8f3.jpg9a1a5816fc34a84a0d304faf3d06.jpg

然后是网站设计,推荐网站w3cschool,就html+css,熟能生巧,而且现在很多设计好的资源都能直接用,推荐一本教程书:

66005816fceca84a0d304fefee08.jpg

暂时就这么多了。我从13年开始入门的,所以有些资料可能不是最新的,但入门足够了。

20
Report
|
35
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
水墨动物插画日历
Homepage recommendation
大家都在看
Log in