郑州名气大的UI交互设计培训机构名单榜首公布

　　郑州名气大的UI交互设计培训机构名单榜首公布，郑州北游教育汇聚经验丰富技术组成师资团队，并引进北美技术和实训经验，结合企业的现状，定制培养国际技术人才，采用“EPE”实训方式，颠覆了培训行业“填鸭式”的教学模式，产、学、研、创一体化，以真实的企业级项目打造高薪技术人才。

　　UI设计师如何上手B端设计

　　一、初识B端

　　B端设计，从承接载体来看就是网页设计，只是因为行业属性、用户群体的不同而赋予的代名词。

　　1.C端和B端的区别

　　C端：Consumer，通常为了满足消费者、个人终端用户其某个场景下的需要而使用的客户端。如：微信、美团、京东等；

　　B端：Business，通常为了前台业务体系更好的为用户服务而做的，主要企业内部用户使用或商家使用的管理系统，如CRM、ERP、OA、工单系统等。

　　2.视觉体验设计的差异

　　C端产品需要兼顾“用户体验”和“商业化变现”的平衡，所以会额外重视在视觉体验上的设计。不仅要让用户有好的体验，更要用趣味性的设计引起用户共鸣，用户的要求就是好看、好用、好玩。

　　B端产品注重操作者的使用效率、成本、管控，追求服务的稳定性、增加能力、安全性，所以在视觉体验上多是保持干净简单的简洁风。

　　二、了解B端组件库

　　组件化对于设计师来说相信已经不陌生了，简单的说，组件化即是产品中的通用模块进行元素拆解、整理、重组为一套「多维度」的解决方案，组件化在运营设计、UI、交互、动效、开发等多方面都能用上，一套完整的组件库无论对于产品、设计还是开发来说，无疑都大大提高设计品质、提高工作效率与减少沟通成本。

　　1.了解UI框架

　　在B端后台开发过程中，前端同学都是基于UI框架进行开发的，引入一些开源的UI框架或者公司自建的UI框架，使用这些框架开发可以把一些通用的模块用代码封装起来在项目中重复使用。

　　因此在设计时就要求我们掌握主流UI框架的设计规范，然后基于这套框架的规范进行设计及延展。比如Ant Design、Element、iview、Layui等这些前端常使用的UI框架。

　　Ant design等平台的这些组件只是覆盖了通用场景，对于一些定制化的产品需求是无法满足的，无论是单个产品或产品线，因品牌差异性在不断成熟过程中都有属于自己的组件库（UI KIT）。

　　以下是我基于组件的类别与使用场景的不同进行了分类，组件的应用上每个产品不一样，我们需要根据项目实际情况需要进行增加和删除。主要包括7个部分：基础组件、布局、导航、数据录入、数据展示、反馈、数据可视化等。

　　每个组件都有自己的应用场景，总之不能盲目借鉴其他产品，要根据用户使用场景去选择适合的组件，以提示设计为例：界面设计中我们什么时候需要强提示什么时候弱提示呢？

　　2.搭建UI组件库-原子设计理论

　　原子设计理论，常用来搭建出统一且层次丰富的设计系统的一套方法论，由原子、分子、组织、模板和页面这五个层面组成。

　　原子：界面中不可再细分基本的元素，例如：颜色、文字、图标、分割线、阴影等；

　　分子：由多个原子构成的简单UI组件，例如：按钮、弹窗、标签栏、搜索框等；

　　组织：由【原子+分子】构成一个模块，例如：商品卡片、信息流卡片等；

　　模板：由【原子+分子+组织】组合构成了模板，类似于原型图，例如：资讯列表原型、订单管理原型等；

　　页面：将实际内容（图片、文字等）放置在特定模板内形成页面，即视觉稿；

　　以下为原子设计理论的示例图，就是将界面中的元素、组件、模块、原型图、视觉稿进行归纳、整理、重组整理成通用的规范。