Design Specification for Benlai
This project is put forward by me. I am mainly responsible for it. Through outputting written materials of design specifications, standardize different ends‘ design, including H5, M stations, WeChat Applet and apps. It will enable subsequent designers to facilitate design and interactive design.
MY ROLE
Project Manager
Layout Designer
RESPONSIBILITY
This project was proposed by me. I worked as PM and XD. I mainly responsible for designing this document's structure and outputting all the layout. I defined the UX Specification part, one of UI designer help me about color part.
I generated a Component Library.
SKILL
Layout Design
UI / UX Design
Project Management
SOFTWARE
01 Background
"Standardize the existing interaction and visual design ."
"Standardize the existing interaction and visual design ."
Why we need it?
本来生活有多端产品，包含H5、M站、App、以及小程序。7年的产品存在很多历史遗留问题。因此，UED团队希望能够将设计规范化。
-
帮助设计团队提高设计质量、工作效率。
-
减低各方沟通成本，统一设计标准及工作方法。
-
支持模块化设计，减低开发成本、加快产品开发迭代的生产速度。
-
逐步提高交互体验，更好的服务于用户体验工作。
02 Define
For who?
Designer
快速复用，准确套用
Design Goal
PM
原型参考
Developer
快速查找标注，调用样式参数
-
定义清晰，描述完整，场景准确
-
快速认知、快速记忆，降低认知成本。
-
进阶标准，情感化设计体现、产品品牌印象传播。
-
高效设计，优质的购买体验、保持专注、简约流程。
03 Design
进入设计阶段我组织了两次产品、开发和UED团队的workshop。打印了文档框架的初稿，强调了规范的重要性。希望参加成员能够帮助一起完善文档的组成部分，统一各类图标的名称规范等。
*由于内容过多与保密协议等，不适合展示全部文档内容，只每小节选择一张进行展示
File Structure
基本信息
项目人员
文档目录
更新日志
视觉部分
色彩规范
字体规范
页面框架布局
基本布局
卡片布局
交互部分
手势介绍
动效类
加载类
反馈类
弹出类
录入类
组件库
按钮类
默认状态
Tab分类
Color & Type
Layout
案例分析
Interactive
Icons,Buttons,Tabs
