UI设计师入门指南
来源:站酷 作者:Biscer
职业发展篇
为什么?
经常有人问到这样的问题:UI设计师怎么入门啊?首先我想问:为什么你想成为一名UI设计师?为什么不是交互设计师?为什么不是工程师?这是一个非常实际的问题,我问过很多人这样的问题,有的人觉得这个行业火、工资高这样的理由,也有人只是想找个过度的职业,如果你是这样的一些人,我想你是不是该好好考虑一下,因为真的会浪费你的时间,明明不喜欢的事情去逼着自己去做,生理和心理上都备受煎熬。也许你的理由会成为你接下来的不断超越、不断前进的动力。
怎么办?
当把为什么想通了,那么你就可以全身心的投入了,一万小时告诉我们,只要坚持你就会成为这个领域的专家。我们在接下来的课程中继续为大家奉献关于成为一名UI设计师的更多精彩内容。
有人会问难道我会做一辈子UI设计师吗?有的人真的会这样,但如果你是一个非常具有上进心的人,那么未来也许你会转向交互设计师、用户体验设计师、设计总监之类的职位。当然随着时间的推移,你也会在这个行业变得为人所知。这并不是绝对的路是自己走出来的,具体看你想要什么吧!
职业特色
由于UI设计师这个职位现在非常火,而且是一个比较新的职位,所以保持一个永远学习的心态是最好的了,每年各种界面设计规范满天飞,没有这个能力怎么跟上职业的要求呢?
薪资待遇
这个的话完全看能力吧!工作4-5年的人都在7K-15K左右,1-2年的差不多4K-6K左右,这个不一定,不同地区、个人能力都决定着你的薪资水平。
概念
UI:用户界面 User Interface
- UI设计师则指从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人。UI范围更广这其中包括了GUI、ID、UE。
ID:交互设计 Interaction Design(与工业设计Industrial Design区分开)
-指设计师对产品与它的使用者之间的互动机制进行分析、预测、定义、规划、描述和探索的过程。
GUI:图形用户界面 Graphical UserInterface
-是指采用图形方式显示计算机操作用户接口。就是界面美工,只管软件视觉界面,比UI范围窄。目前国内大部分的UI设计师其实做的是GUI。
UE:User Experience
-关注的是用户的行为习惯和心理感受,就是琢磨人会怎么用软件或者硬件才觉得顺心就手的。2012年会做这个的设计师不太多。
技能篇-基础
工具:PS、AI、FL、DW等为主,当然某些公司还要求你从事一些交互方面的工作,这时候必不可少的就是Axure等了。
要求:从上面百度百科上的要求,可以看到对于UI设计师的职位要求还是蛮高的,当然某些要求太高了,起码要会HTML、CSS之类的,目前我所认识的UI设计师中极少人会。更别说JS和Ajax了,这个我也不会。可能有的公司需要吧!看公司具体要求是怎样的。
PS
首先说明一下,基础性的PS课程大家可以上网看,教程也非常多,大家可以去网易云课堂看看李涛的PS课程,因为PS软件太强大了,想把它讲完简直是开玩笑。先来张图:
这是我的一个工作界面,也是我用的最多的一个工具,就应该把它设置成自己认为最舒服的、感觉最好的界面,形成一个习惯这样看起来就有点“砖家”的样子了。然后就是修改一下它默认的一些设置吧!ctrl+k就行了。
去掉使用shift键切换工具的勾,这样切换工具只需要直接按字母就行了,速度就提升上来了。
工作界面的颜色自己调节,也就四种给你选,挑一个最喜欢的,就这么用着。
如果说使用PS有点卡的话,可以在这里修改一下性能,将内存使用情况减小或者暂存盘全部勾选,用箭头将C盘移动到最下面,这样默认的缓存盘就会变成DEFC了,不用担心C盘被塞的满满的了。
修改单位,UI设计使用的就是像素了,这个不解释。
智能参考线和参考线选自己喜欢的吧!最好能够很好的显示着,不会在作图时受到界面颜色的干扰。
编辑-键盘快捷键-图层,这是三个非常实用的快捷键,能够快速的将图层样式拷贝、复制、删除。
还有就是缩放了,看见非常多的新手会按住alt键用滚轮缩放,你不感觉超慢吗?我一直用ctrl(alt)+空格+按住左键左右划,这样缩放速度超快。
但是细微缩放一定要勾选,快捷键Z看顶部菜单栏,才能保证快捷键有效。
在PS中我用的最多的工具就是A、U、P、T、V、M即小白小黑箭头、矢量工具、钢笔工具、文字工具、移动工具、框选工具
,其他工具要么没用过,要么用的太少了。
还有就是优秀网页设计的PS白皮书2013版了,很多实用的东西,大家可以去看看 ,最好记住这些吧 http://hao.uisdc.com/ps/
Ai
这个工具,我用的非常少,简直是少的可怜,除非需要做一个非常难得造型。当然业内也有人一直用这个工具做UI,但是个人觉得他的效果太假了,当然,如果大家想学,可以去网上看点课程,毕竟工作中是要求会的。
Fl
学过这个工具,不过我至今没有用过,不过大家还是要去学的,毕竟如果你想做一个页面怎样跳转的效果,直接做出来给工程师,一看就明白了,就不会两个人商量半天,都没听懂想说什么(这就是工程师和设计师)。
DW
这个工具最好要会,因为你可能去一家公司,可能就你一个设计,这样的话移动端的、网页端的都是你了,还有一点是现在有非常多的小型APP会使用PhoneGap或者APPcan打包,只需要一个懂HTML5、CSS3、会点JS的人了,这样非常节省项目时间,而且维护起来超好,但是个人觉得用这两个工具做的APP在体验方面不敢恭维了。还有就是网页端,目前大部分的网页都是用div标签,因为它好控制,没有任何属性,要什么加什么。
全教程完,学完记得交作业。如果本教程对您有所帮助,请推荐给你的朋友。
推荐教程
-
UI知识,UI设计师技能加点
xk520 -
教大家做倒角样式的icon底板
丁艳祥 -
ps设计橘子icon图标教程
1250575 -
教你用ps临摹一个icon图标
上清若铭 -
图标设计,在PS里制作小清新风格的天气图标
小苏打 -
玉石效果,通过PS制作太极主题玉石图标制作
PS制作小教程 -
设计圆形渐变icon
akanelee -
UI图标教程,用PS制作一个音乐图标
云中帆设计汇 -
玉石效果,通过PS制作太极主题玉石图标制作
PS制作小教程 -
图标设计,设计一款心形的APP图标
小苏打 -
图标设计,在PS里制作小清新风格的天气图标
小苏打 -
图标制作,用PS制作时尚的邮件图标
梦梦_喵喵星人 -
ps设计APP应用相机图标
飞特网