Hi,这里是小z。
新的一周又开始啦~
小z又针对零基础想入门UI的小白们整理了一些清晰易懂的基础教学。
UI最基础的软件很多想入门ui行业的新人都摸不着门道,都在想学习UI设计到底该学些什么?
小z告诉你,UI设计的知识体系中包括:软件技术,交互设计,设计规范、图标设计、界面设计、动效设计几个部分
▲UI界面
所谓软件技术,也就是绘制界面或图形设计的能力。
我们常用到的工具有PS、XD、AE、c4d等,但你并不需要把所有的软件都学得滚瓜烂熟,因为在一个完整的APP或Web项目开发中,你只会用到软件的一部分功能。
▲adobe软件
做界面通常会用到PS、AE做动效可用AE、做交互原型可用XD。建议先把PS软件学精通后,其他软件就能很轻松的上手了。
如果你是小白,软件也不会用,那就先学软件,从PS开始,先看基础的教程,或者买书
先掌握一些核心的功能:
- 形状工具和布尔运算(学会做线框图标,和一些简单的图形,比如齿轮啊、坐标等等
- 图层样式(可以通过临摹写实图标练习)
- 蒙版(做一些遮罩、图像合成啥的)
- 抠图(钢笔抠图、魔术棒等)
- 基本的排版(先临摹界面开始)
- 字体的认识(安装一些字体,学会认识一些常用的字体,一看就知道是啥字体)
- 在网上学习一些调色、抠图技巧自己加强练习,效果会非常好。
当你学好软件技术后,切记不可粗心大意噢~
在工作中,当产品经理把线框图画好后,作为设计师的你,得根据线框图及不同平台设计规范,去确定页面的视觉风格,以及视觉元素的具体尺寸、按钮宽高,绘制界面中的矢量图标,选好标准字、标准色、确定字体、字号、颜色、行距等具体的事宜。
▲海报欣赏
打印要使用CMYK模式噢~
字体
非衬线体——相比衬线体醒目、庄严、现代…
衬线体——很有历史感、文化感、气质、韵味…
楷体——历史、文化、传统的常用字体
宋体——端庄秀丽、贵族气质、很唯美偏女性向
黑体——现代字体、游戏、刚挺稳中、有力量感、现代小资精致耐看偏男性向
行距
行距是字体大小1.5倍-2倍!一定要好好检查!
03掌握设计规范和设计思维掌握了基本的软件操作以后,这一部分才是重中之重
取其精华,同样的先别学啥花哨的什么字体设计啊色彩啊3d啊
全部吃透可能还是需要点时间,这段时间能掌握多少还是看个人的努力和学习能力了。
最后再找一些自己特别感兴趣的东西看看试试做一做。也可以临摹一些其它的UI,边临摹边思考,为什么他们这样设计、什么目的、最后是什么效果、还有改进的空间吗?还可以多下载一些源文件来看别人是如何做的。
最后小z觉得所谓“师傅领进门修行在个人”,只有通过自己的积累与实战,才能成为一名好优秀的UI设计师!