内蒙古万德系统集成有限公司WEB UI设计(流程/界面)规范目录一：UI设计基本概念与流程................................................................................................................................................................................................................ - 3 -1.1 目的......................................................................................................................................................................................................................................... - 3 -1.2范围.......................................................................................................................................................................................................................................... - 3 -1.3 概述......................................................................................................................................................................................................................................... - 3 - 二：UI界面用户体验设计原则与规范 ................................................................................................................................................................................................ - 4 - 1：应该遵循的基本原则 ............................................................................................................................................................................................................... - 4 - 2：页面外观规范........................................................................................................................................................................................................................... - 4 -②宽带页面 ........................................................................................................................................................................................................................... - 5 -③自适应 ............................................................................................................................................................................................................................... - 5 -④其他页面 ........................................................................................................................................................................................................................... - 5 -基本结构 ................................................................................................................................................................................................................................. - 6 - 页面版式： ............................................................................................................................................................................................................................. - 6 - 版块基本元素：所谓基本元素就是将其中任意几块元素拼接起来形成所需网页版块。
.............................................................................................. - 6 - 版块组合形式 ......................................................................................................................................................................................................................... - 7 - 3：色彩规范................................................................................................................................................................................................................................... - 8 - 4：字体规范................................................................................................................................................................................................................................. - 10 -①文字格式 .......................................................................................................................................................................................................................... - 10 -②标题类 ............................................................................................................................................................................................................................. - 12 -④功能类 ............................................................................................................................................................................................................................. - 15 -⑤注释类 ............................................................................................................................................................................................................................. - 16 -正文类 ................................................................................................................................................................................................................................... - 16 - 5：图片规范................................................................................................................................................................................................................................. - 16 - 主要图片 ............................................................................................................................................................................................................................... - 16 - 图片规格 ............................................................................................................................................................................................................................... - 17 - 6：表单规范：............................................................................................................................................................................................................................. - 17 -①按纽 ........................................................................................................................................................................................................................... - 17 -②输入框 ....................................................................................................................................................................................................................... - 17 -③文本框 ....................................................................................................................................................................................................................... - 18 -④复选框 ....................................................................................................................................................................................................................... - 18 -⑤菜单 ........................................................................................................................................................................................................................... - 18 -一：UI设计基本概念与流程1.1 目的规范公司UI设计流程，使UI设计师参与到产品设计整个环节中来，对产品的易用性进行全流程负责，使UI设计的流程规范化，保证UI设计流程的可操作性。