在我们的UI QQ群里有很多刚入门的童鞋,经常听到他们说感到很迷茫,不知道UI设计从哪里开始学起。网上的海量信息,全是教程,都不知道先看什么,后学什么,非常的无助。希望把自己这些年的经验分享给刚入门的小伙伴,让大家少走一些弯路!
我们先来划分一下啊,学UI要分几个阶段来学:
入门阶段 ——> 中级阶段 ——> 高级阶段
我们这篇教程只给大家分享入门阶段的必备知识,学完了算UI入门了,基本处理日常工作时没有问题的,但是如果想要真正达到中高级阶段,说实话要学的还很多很多,比如人机的交互知识、产品知识、手绘课程、创意灵感等等很多很多,毕竟靠一篇文章大家都成了高手那也是不现实的,下面我们就开始分阶段给大家详细的讲解每个阶段需要学的东西和知识点:
先来说个UI设计入门的朋友都会比较纠结的问题:“很多UI设计入门的小伙伴在群里问,学UI设计是自学还是报班啊?”
答:你如果定性比较弱,需要人逼着才学的进去,又不差钱。那么就报班吧,这样入门比较快。选择学校的时候一定要先去试听下课程,看看他们老师的作品,在问问大家,不要被忽悠~!如果你自学能力还不错,又差钱。那么还是自学好了,毕竟Ui设计的话也没有传说中得那么难。
好啦,下面我们开始进入正题:讲一讲UI设计入门都要学什么:
第一步:知道什么是Ui设计、了解UI设计的工作流程、了解UI设计的行业现状,给大家分享一些好的学习方法和习惯,还有我们需要树立的学习态度。
上边这些文章看完以后,你是不是大致明白了一些什么了。
第二步:学习UI设计必备的软件——Photoshop。
刚入门的时候你肯定听说过什么PS/AI /CDR/FLASH/Sketch一堆的软件,是不是都要学啊?
对于入门阶段的童鞋来说,不要纠结那么多,先把Photoshop玩熟练再说吧。因为在日常工作中,用的最多的就是PS了,可以这么说,做UI界面基本上用它就够用了。所以入门阶段的你,不要瞎操那么多心了,专心学习PS吧.
软件安装:(建议安装PS CC以上版本)
《Photoshop CC(安装文件+破解教程+破解补丁)》
《Photoshop CC安装失败(安装遇到错误)的解决办法》
photoshop视频教程
photoshop必看的使用技巧
第三步:开始做一些简单的UI练习,提升自己的PS技法。
好了,软件也安装好了,PS基本上也入门了,工具都会用了。下面你是不是感觉自己已经会Ui设计了那,那我们就来做个练习吧,下面是个百度的界面,现在你就开始把他做出来,做完以后和原来的界面对比一下吧。有人说了,这有什么好画的啊。你还别不服。很多入门级的新人,还真是做不出来。
好了做好了,看看吧有人连字体都做不出来,宋体12号 ,这个地方选无,就好了。
然后输入框的效果放大看看,用了内阴影。
然后是搜索按钮,用到了什么效果了。
渐变+描边+投影+内阴影做的白色高光(一个图层样式完成)
怎么样,一个小小的按钮,竟然有这么多学问在里面,这就是UI的魅力所在。Photoshop的知识点太多了,用了10年都不敢说精通。每个不同的设计领域用到PS的知识点也不一样。比如做CG原画的,做网页设计,照相馆处理照片的等等用到PS功能都不太一样。
那么接下来我们就给大家讲一些UI设计经常用到的PS技法!(纯干货分享哦)
图层样式
上面做的百度这个页面,看着简单,却用到了好几种的图层样式。那么像下边这样的按钮。
用到的就更多了。所以想打怪升级,还是要把图层样式玩的很熟悉,入门阶段要分析的出来,用到了什么效果。
看到什么好的界面或是ICON,就立马分析一下,它用到什么图层样式?
图层的混合模式
形状工具之布尔运算
第四步:搞明白一些常规的界面尺寸和视觉规范
《最新移动App界面尺寸规范-APP设计尺寸大全-iOS设计尺寸-安卓设计尺寸》
《app设计怎样一稿适配iPhone5/iPhone6/iPhone6 Plus》
《iPhone SE与iphone5系列屏幕尺寸分辨率对比》
第五步:学会切图和标注
第六步:色彩的学习
第七步:开始临摹——不断的练习
软件熟练了,常用的技巧效果也学会了,尺寸规范也都看了,那么可以说你已经入门了,接下来就是不停的做东西、做练习,这里借用以为UI大神的一句名言:“神枪手是拿子弹喂出来的,设计大神是拿稿子练出来的!”看得文章再多,不去做练习,你永远不知道做的过程中会遇到什么问题,可以说UI设计最快的进步方法就是做练习,做图标的练习!配色的练习!app的练习!等等,自己那一块弱就多花些功夫!相信你一定能成为Ui大神的!
马上关注公众号:随性学堂
免费获取教程、开始学习!
学习交流扣扣群:613488979
老师微信:13556175874