UI设计自学有哪些途径？

今天来谈谈这个话题，学UI到底要掌握哪些知识和技能。

一、自学UI设计，你应该知道的事

学习UI设计到底该学些什么？简单来说：UI设计的知识体系中包括：软件技术，交互设计，设计规范、图标设计、界面设计、动效设计几个部分。

1、软件技术（大部分时间都会与软件打交道）

软件技术，也就是绘制界面或图形设计的能力。常用到的工具有PS、Sketch、XD、AE、Principle等，但你并不需要把所有的软件都学得滚瓜烂熟，因为在一个完整的APP或Web项目开发中，你只会用到软件的部分功能。

做界面通常会用到PS、sketch，做动效可用Principle、AE，做交互原型可用sketch、或XD。建议先把PS软件学精通后，其他软件就是接触旁通的事了。所以有了一个思维上的高度，你就不会觉得要学的软件太多而打退堂鼓。

 

二、交互设计（满足功能需求，产品是否好用的基础）

交互设计确定了用户与界面的交互逻辑，以及沟通方式。通常包括了界面中的图像、文字、icon按钮的布局，以及页面间的来回跳转逻辑。

 

三、设计规范（细致活儿）

产品经理把线框图画好后，作为设计师的你，得根据线框图及不同平台设计规范，去确定页面的视觉风格，以及视觉元素的具体尺寸、按钮宽高，绘制界面中的矢量图标，选好标准字、标准色、确定字体、字号、颜色、行距等具体的事宜。

 

四、图标设计、界面设计（视觉范畴）

icon就是图标，图标的应用场景包括：APP的启动图标、APP Store的战士图标，APP页面内的功能性图标、装饰图标等。图标的风格可以说有千万种，是很能反应一个APP产品的调性的，所以图标设计，也一直是UI设计师最热衷的点。

界面设计按照UI设计规范的一致性，将错综复杂的线框图，完善并优化为一幅幅视觉设计稿，确保观感舒适，逻辑层次清晰。UI设计师的大部分时间都耗费于此。

 

五、动效设计

把静态的界面，按一定的规则、逻辑通过相关软件动态的展示出来，让其他借口人员更直观理解UI设计师的成果和理念。