上海宝山区实力排名好的UI设计培训学校

***就业UI设计培训，课程内容紧跟设计发展趋势和企业实际就业需求，不断升级更新。学生可以接触从基础设计软件应用到大型全案例设计项目的设计过程，学习视觉设计、品牌运营设计、电商运营设计、产品交互UI设计、UI项目实战等多项技能，成长为真正的UI设计人才。

***的就业课程涵盖丰富的知识点，坚持理论基础和实践操作。

Mac系统操作、美术基础、插画绘图、设计理论基础、平面媒体设计、品牌创意思维、项目提案、网页设计、电商设计、三维平面设计、电商综合、店铺装修、UI设计、智能电视界面设计、智能可穿戴交互界面设计、产品交互设计、用户体验设计、H5营销设计、跨平台界面设计、前端代码、UI动态设计、项目实战。

不同的班级，你可以选择。

普通封闭类

0!没有专业背景！全科和封闭式教学！

就业促进班

刚毕业/工资低/想转行，渴望高薪！这是你的盟友！

周末轮班

平日里，我想利用周末学习新技能，追求更高的职位和更多的薪水！那就别过来！

企业直接就业类

与洛可可设计集团合作，让你可以亲自参与名企项目，毕业后有机会保留或推前500名。

用户界面交互设计规范

APP设计规范是指统一APP界面的样式，对界面元素的样式、颜色、大小设置统一的规范和使用原则。与设计和前端就统一的设计规范达成一致非常重要。商定的设计规范可以降低产品、设计和前端之间的通信成本。可以使界面设计整齐统一，减少界面元素的重复设计；您可以减少设计材料并控制安装包的大小。

APP设计规范主要包括界面布局、背景色、字体颜色大小、界面元素间距、弹性层、加载、图标、按钮正常点击状态等的统一排序和规范。

一、页面布局规范

在页面布局和交互规范方面，建议尽量统一安卓和ios，避免分别为安卓和ios设计一套文稿。当然，本土公司可以忽略这个建议，安卓和ios分开设计当然更好。对于中小型项目，如果设计资源紧张，可以考虑对安卓和ios使用相同的稿件，并进行相应的微调，输出对安卓和ios不同的尺寸要求。

推荐使用Mac矢量设计工具“草图”。ios平台的iPhone5设计的标准尺寸是640*1136px。界面设计完成后，可以进行相应的微调，导出ios和安卓大小的文稿。在这里，我们可以首先统一设计草案的输出规范:

安卓(720*1280px)

界面预览图、界面坐标图和标准界面图标png文件

IOS(640*1136px)

界面预览图、界面坐标图、1-3倍图矢量图标pdf文件

PS:界面坐标图是指设计中已经定型的界面预览图，标注界面元素的间距、文字的颜色、文字的字体大小、图标的大小、不同状态下按钮的颜色、按钮的大小等。

二、标准颜色规范

标准颜色规格:重要、一般、弱。

重要标准色:重要颜色一般不超过三种。在这个例子中，其中一个重要的颜色，红色，需要在小区域使用，用于文字、按钮和图标；这一点需要特别强调和突出。而黑色用于重要的文本信息，如标题、文本等。

标准色很常见:都是相似的颜色，比重要色弱。它们通常用于一般信息，引导词，如暗示性文案或次要文本信息。

弱标色:一般用于不需要显眼的背景色和边角信息。

三、标准字规范

是文字APP主要信息的表达，尤其是***阅读、社区APP等标准制定的设计规范和良好的排版方式。非常重要的是，用户在使用APP时不会感到疲劳。

标准字符是重要的、通用的和弱的。

这里主要是规范标准词的大小，标准词要结合以上标准颜色，突出APP的重要信息，弱化次要信息。

重要标准字符:大字号常用于标题和顶部导航，小字号用于分段模块的标题。

标准词通用:主要用于大多数词，如文本。

弱标字:一般和弱标色的组合用于一些次要文案说明等辅助字。

四.界面元素间距

APP界面要给人简洁、整洁、清晰的感觉，依靠界面元素的布局和间距设计。这里，间距设计也要考虑适应不同的屏幕分辨率。一般的解决方法是根据屏比放大或缩小间距，或者固定一些界面元素的间距，让其他空停留空拉伸。为了满足大屏分辨率设备的需求，有时甚至需要改变APP界面的页面布局。

动词 （verb的缩写）炸弹层规格

弹性层规范要注意分别设计Android和ios的弹性层。比如ios的大部分操作弹性层都是从底部弹出的，而安卓直接在页面***显示操作。这种交互应该遵循各自平台的设计要求。根据不同的功能设计不同的款式。例如，操作弹性层——右上角的更多按钮触发；提示弹性层:弱提示应用系统的令牌浮动提示足够；如果需要强提示，可以使用取消确认的模块弹层；如果子弹层比较提示，需要承担一定的操作，使用强引导子弹层，右上角提供关闭操作，或者可以点击非子弹层区域关闭子弹层。

不及物动词装载规格

页面加载动画是APP界面必不可少的元素。增加加载可以给用户一个功能正在加载的明确反馈，减少用户等待功能响应带来的烦躁。另外，除了常规的菊花，加载动画也可以考虑使用npc，让APP更加生动活泼；或者用logo口号来强化APP的品牌形象。

七.图标/按钮的规格

图标规范要注意安卓和ios平台所需的不同大小和文件格式:比如安卓需要720*1280px标准页面的png图标格式；Ios需要3个图标pdf文件，大小为320*(1-3)倍。图标也要根据不同的功能需求设计成不同的状态，如正常状态、选中状态、点击状态等。

按钮规格分为正常状态、点击状态和非点击状态。按钮规格针对不同的功能和场景设计了不同的风格和颜色，也有长、中、短三种尺寸；而且不同手机平台的长度、中短尺寸也不一样。

八.页面加载失败，页面显示为空。

加载页面失败，页面为空，可以标准化为NPC、文案、按钮。注意根据不同的场景展示不同的NPC和文案。

设计规范主要是通过设计童鞋来整理的，但是需要与前端开发和产品经理达成共识，严格遵守约定的规范，否则这个设计规范就没有意义了。在制定设计规范的过程中，产品经理要积极充当桥梁设计师和前端开发一起制定设计规范，从而增加设计规范的考虑，使其更加实用、全面、完整。