1 / 14
文档名称:

UI界面设计规范.docx

格式:docx   大小:35KB   页数:14页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

文档介绍:UI界面设计规范
UI界面设计规范
UI界面设计规范












UI 设计 (流程 / 界面 )规范










一: UI 设计基本观点与流程




1正确有效的获得执行,进而提高产品的可用性,提高产质量量。










二: UI 界面用户体验设计原则与规范
UI界面设计规范
UI界面设计规范
UI界面设计规范




:应当依照的基来源则
UI界面设计规范
UI界面设计规范
UI界面设计规范






不论是控件使用,提示信息措辞,仍是颜色、窗口布局风格,依照一致的标准,做到真实的



一致。




这样获得的利处:




:使用户使用起来能够成立起精准的内心模型,使用娴熟了一个界面后,切换到此外一个界面能够很轻松的推断出各样功能,语句理解也不需要劳神理解




:降低培训、支持成本,支持人员不会行费劲逐一指导。




:给用户一致感觉,不感觉杂乱,心情快乐,支持度增添




做法:




项目组有经验人士,确定 UI 规范:




美工供给色彩配色方案,供给整体配色表




界面控制程序人员、用户体验人员提出合理一致使用的控件库。参照标准界面使用规范:




控件功能依照行业标准, windows 平台拜见《 Microsoft 用户体验》




控件款式在同意的范围内能够一致改正其款式、色彩




参照其余软件先进操作,提取对本项目实用的功能,以使用,绝对不可以盲从,漫无目的。




依据需要,设计特别操作控件,准则为:简化操作、达到必定功能目的




界面实行人员与美工商议控件可实现性 ,(如不推行此步骤,将会致使各自对对方工作不满



意,也会产生不一致的杂乱 )。重复叠代上述工作。
UI界面设计规范
UI界面设计规范
UI界面设计规范




成立合理化文档《 UI 标准》描绘上述规范,
UI界面设计规范
UI界面设计规范
UI界面设计规范






强行界面设计者理解之,并作为开发准则,




SQA 人员进行监控开发人员能否依照,实时劝告开发人员。




2 : (Color) 颜色使用适合,依照对照原则:




:一致色彩,针对软件种类以及用户工作环境选择适合色彩:




如:安全软件,依据工业标准,能够选用黄色,绿色表现环保,蓝色表现时髦、紫色表现浪



漫等等,淡色能够令人舒坦,暗色做背景令人不感觉累等




:假如没有自己的系列界面,采纳标准界面则能够少考虑此方面,做到与操作系通通一,读取系统标准色表




:色盲、色弱用户,即便使用了特别颜色表示重点或许特其余东西,也应当使用特别指示符, ?quot;! , ?侧重号,以及图标等




:颜色方案也需要测试,经常因为显示器、显卡的问题,色彩表现每台机器都不相同,应当经过严格测试,不同机器进行颜色测试




:依照对照原则:在淡色背景上使用深色文字,深色背景上使用淡色文字,蓝色文字以白



色背景简单辨别, 而在红色背景则不易分辨, 原由是红色和蓝色没有足够反差, 而蓝色和白



色反差很大。除非特别场合,根绝使用对照激烈,让人产生憎反感的颜色。 6 :整个界面



色彩尽量少的使用类型不同的颜色




itop 色表




详细标准参照美术学统计学术标准。 色表的建设,关于美工在图案设计、包装设计上起着
UI界面设计规范
UI界面设计规范
UI界面设计规范



标准参照作用,关于程序界面设计人员设计控件、窗体调色起到有章可循的作用。
UI界面设计规范
UI界面设计规范
UI界面设计规范






3 : (Resource) 资源




一个多姿多彩的人机交互界面,少不了精巧的鼠标光标、图标以及指示图片、底图等。




1 :也需要依照一致的规则 ,包含上述颜色表的成立,图标的成立步骤也应当尽可能的形成



标准,参照 itop 的 outlookbar 图标设计标准




2 :有标准的图标风格设计 ,有一致的构图布局,有一致的色彩、对照度、色阶,以及图片



风格




3 :底图应当融于底图 ,使用淡色 ,

分享好友

预览全文

UI界面设计规范.docx

上传人:飞行的振中 2022/5/19 文件大小:35 KB

下载得到文件列表

UI界面设计规范.docx

相关文档