视觉设计规范.ppt

竭诚为您提供优质文档/双击可除视觉设计规范.ppt篇一：webui设计规范内蒙古万德系统集成有限公司webui设计(流程/界面)规范目录一：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设计流程的可操作性。