上海青浦区哪里有UI培训机构

全能UI成长之路
一、UI设计基础图标精修阶段
1. UI设计师技术基础
2. 软件操作练习
3. 设计基础理论
4. 设计基础练习
5. UI设计基础理论
6. 建立UI设计思维
7. 图标设计理论基础实操
8. 图标基础实战
9. *图标设计理论实操
10. *图标实战
二、移动UI基础交互设计
1. 移动UI设计基础
2. 移动UI设计考核
3. 移动UI设计规范
4. 移动UI设计实战础
5. 交互设计基础
6. 交互设计之原型设计
三、产品经理 web端 cs端界面设计
1. 产品经理概论和主要职责
2. 产品经理进阶
3. 用户体验设计概论和实操
4. webUI设计

ui设计怎么做组件库

我将使用参与“FishDesign企业级UI组件库”项目为例，通过网易七鱼产品中的应用，来介绍一个企业级 UI 组件库的设计原则，内容构成中包括类型和元素，以及在分类和设计过程中如何考虑每种组件类型。

顾名思义，“企业级”是 FishDesign所服务的业务都是具备一定体量的，它可能服务于大型复杂产品，包括多个独立的子业务系统，如网易七鱼。它还可以同时服务于多种产品，如网易七鱼和网易定位等。

1.设计原则

基于FishDesign，目前主要是帮助构建B端企业级产品，而B端业务的产品目的决定了它所采用的设计模式，所以我们将使用以下四点作为组件库塑造的设计原则:

1)简明:如果没有必要，不要添加实体，仔细筛选客户当前需要的信息。

2)直接:在用户操作后提供直接反馈，以确保用户的操作结果符合预期。

3)优雅:设计方案追求优雅，给用户一种有质感的操作的感觉。

)适应性:设计方案应该提供可扩展能力和适应性，以适应不同的企业使用模式。

2.颜色

产品将根据自身的产品目标和受众群选择产品的配色方案，如前所述，有效的组件库需要满足通用性、灵活性和可重用性的要求。例如，配色方案应灵活定制，以满足不同的需求。以网易七鱼为例，设置一种主色、四种辅助色和六种中性色，打造一致的外观。

1)主色:选择蓝色传达智能服务、信任可靠、技术创新的品*形象。

2)辅助色:除了品*的主色蓝色之外，同样的蓝色也存在于辅助色中，因为蓝色是一种相对通用的颜色体系，用于产品中的主操作按钮、文本按钮或icon等。红色会引起注意并指示危险，因此通常用于小心操作和错误警告;黄色通常用作警告信息，提醒用户操作可能带来的风险和后果;绿色可以传达安全健康的情感，用于积极的反馈提示或成功操作的指导。

3)中性色：一般采用黑灰色调来显示产品的文本信息、背景和边框颜色，代表层次结构。