这是我参与「第五届青训营 」伴学笔记创作活动的第 7 天，因为我选择的是后端，又因为我还没有学习到和前端有关的内容，但是作为一个小队的队长，我需要考虑到前后端，于是我在网上学习了一点，希望能对相关同学有所帮助。
UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网常用的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。
UI设计流程：
1.理解需求： 重点去理解交互设计的输出，查看产品使用的每一个流程以及每一个界面的具体细节，其中包括功能、操作、反馈以及信息呈现逻辑等。
2.明确设计目标： 设计目标，直接会联系到产品目标、运营目标以及用户目标等，在了解到具体的需求细节以后，要明确本次设计在整个项目中的定位是什么，通过设计需要带来的收益以及用户对于设计的诉求有多大。 另外在设计过程中，还要明确的是设计目标最核心的点在哪里，这样的话就可以针对设计内容的输出重点方向有所了解。
3.制定计划： 包括时间计划和执行计划。设计师最重要的一个能力就是针对于任务的评估，将一个完整链条的任务拆解成为小段，然后再比较每一段任务的优先级，高优先级的先完成，低优先级的后完成，因此也直接衍生出时间计划的编排。另外，还要在每一个时间节点和里程碑，确认对接沟通的角色，以及要输出的物料有哪些。时间节点和里程碑是工作进度的外在表现，具体可以使用的工具其实蛮多，但是最基本的是整体团队对于设计进度要达成共识，确定在那个时间点上，大家能够有什么样的预期——看到的内容和听到的结论等。
4.进入分析阶段： 此时对于需求已经了解过，明确自己工作地意义所在以及制定了相应的计划，那么就要进入到详细的分析阶段。 分析阶段会包含三个主要的部分：市场分析、竞品分析和用户需求分析。
5.定义视觉风格： 此时，做完了分析就可以来定义视觉风格，包括设计元素的大方向。 色彩范围、质感、细节、突出信息、图标设计方案、插画设计思路以及动效等，这些都可以在定义视觉风格的阶段进行思考，并有所结论。 整体性是非常必要的，以及和其他产品的差异化，也同样是视觉分格会涵盖其中的。
6.批量输出界面： 在确定了设计方向以后，就可以批量输出具体的界面。以及补充设计规范或者 UI KIT，针对于一些设计公司，还要补充设计说明等。 这一步这就是 UI 设计师的核心了，PS 是使用最广泛的，用 Sketch（Mac）和 XD（Windows）的也很多，Sketch/XD 比较轻量级，基本能满足 UI 设计师的日常工作需要，如果想在插画方面深入学习的话，可以学 AI。
7.开发支持： 接下来就要进入开发支持的阶段，输出切图和 Layout ，并且此时要跟开发同事保持非常频繁的沟通，在他们完成设计方案后，要给出对应的走查，找到开发成果对于设计的还原程度达不到100%的位置。
8.收集反馈： 产品进入测试阶段，以及到后面的上线，设计师就要抽出一部分精力关注一下自己的设计在市场上或者用户那里的反馈。
前端开发是网站开发视觉与功能连接的核心；是网站产品与用户沟通的窗口。前端页面可以将文字、图片、视频等内容信息，通过程序语言整合到一个前端页面中，作为视觉和功能的核心连接，支撑整个项目的顺利完成，HTML+CSS+JavaScript是相关语言，Sublime Text3、Visual studio Code、hbuilder等可作为开发工具。前端开发有利于提高用户体验，现在互联网市场对用户的视觉以及使用体验越来越重视，也因此前端开发工程师在互联网产品中的地位也越来越重要。
