UI设计(流程界面)规范
：UI设计基概念流程
11 目
规范公司UI设计流程UI设计师参产品设计整环节中产品易性进行全流程负责UI设计流程规范化保证UI设计流程操作性
12范围
l 界面设计
l 文档界面设计文档读者象项目理员售前服务员UI界面设计员界面评审员配置测试员
13 概述
UI设计包括交互设计户研究界面设计三部分基三部分UI设计流程产品立项开始UI设计师应根流程规范参需求阶段分析设计阶段调研验证阶段方案改进阶段户验证反馈阶段等环节履行相应岗位职责UI设计师应全面负责产品户体验中心UI设计根客户（市场）求断提升产品性规范明确规定UI设计环节职责求保证环节工作质量
14 基介绍
A需求阶段
软件产品然属工业产品范畴然离开3W考虑（Whowherewhy）者环境方式需求分析设计软件产品前应该明确什(户年龄性爱收入教育程度等)什方（办公室家庭厂房车间公场）（鼠标键盘遥控器触摸屏）面元素改变结果会相应改变
外需求阶段类竞争产品必须解类产品提前问世作更存价值单纯界面美学考虑说没客观评价标准说更合适更合适终户
B分析设计阶段
通分析面需求进入设计阶段方案形成阶段设计出套风格界面选
C调研验证阶段
套风格必须保证等设计制作水明显出差异样户客观真实反馈
测试阶段开始前应该测试具体细节进行清楚分析描述
调研阶段需问题出发：
户套方案第印象
户套方案综合印象
户套方案单独评价
选出喜欢
选出次喜欢
方案色彩文字图形等分分
结出请户说出受欢迎方案优缺点
需图形表达出直观科学
D方案改进阶段
户调研目标户喜欢方案解户什喜欢什遗憾等样进行步修改时候精力投入方案方案做细致精美
E户验证阶段
改正方案推市场设计没结束需户反馈设计师应该产品市站柜台零距离接触终户户真正时感想升级版积累验资料
面设计程描述家清楚发现界面UI设计非常科学推导公式设计师艺术理解感悟绝仅仅表现设计师绘画强调工作程设计程UI界面设计存美工
2 UI设计流程
21 概述
根述原分析公司产品特点制定符合软件产品（项目）生命周期UI设计流程产品（项目）生命周期中UI设计师应该严格流程完成环节职责确保流程准确效执行提高产品性提升产品质量
二：UI界面户体验设计原规范
1：应该遵循基原
控件提示信息措辞颜色窗口布局风格遵循统标准做真正致
样处：
1：户起够建立起精确心里模型熟练界面切换外界面够轻松推测出种功语句理解需费神理解
2：降低培训支持成支持员会行费力逐指导
3：户统感觉觉混乱心情愉快支持度增加
做法：
项目组验士确立UI规范：
美工提供色调配色方案提供整体配色表
界面控制程序员户体验员提出合理统控件库参考标准界面规范：
控件功遵循行业标准windows台参见Microsoft 户体验
控件样式允许范围统修改样式色调
参考软件先进操作提取项目功绝盲漫目
根需设计特殊操作控件准：简化操作达定功目
界面实施员美工商榷控件实现性(实行步骤会导致方工作满意会产生致混乱)重复叠代述工作
建立合理化文档UI标准描述述规范
强行界面设计者理解作开发准
SQA员进行监控开发员否遵循时告诫开发员
2：(Color)颜色恰遵循原：
1：统色调针软件类型户工作环境选择恰色调：
：安全软件根工业标准选取黄色绿色体现环保蓝色表现时尚紫色表现浪漫等等淡色舒适暗色做背景觉累等
2：果没系列界面采标准界面少考虑方面做操作系统统读取系统标准色表
3：色盲色弱户特殊颜色表示重点者特东西应该特殊指示符quot着重号图标等
4：颜色方案需测试常常显示器显卡问题色彩表现台机器样应该严格测试机器进行颜色测试
5：遵循原：浅色背景深色文字深色背景浅色文字蓝色文字白色背景容易识红色背景易分辨原红色蓝色没足够反差蓝色白色反差非特殊场合杜绝强烈产生憎恶感颜色 6：整界面色彩量少类颜色
itop色表
具体标准参考美术学统计学术标准 色表建设美工图案设计包装设计起着标准参考作程序界面设计员设计控件窗体调色起章循作
3：(Resource)资源
姿彩机交互界面少精美鼠标光标图标指示图片底图等
1：需遵循统规包括述颜色表建立图标建立步骤应该形成标准参考itopoutlookbar图标设计标准
2：标准图标风格设计统构图布局统色调度色阶图片风格
3：底图应该融底图浅色 低量少颜色
4：图标图应该清晰表达出意思遵循常标准者户机器容易联想物件绝允许画出莫名奇妙图案
5：鼠标光标样式统量系统标准杜绝出现重复情况例某软件中手形状4钟样子
4：(Font)字体
统字体字体标准选择操作系统类型决定
中文采标准字体宋体英文采标准 Microsoft Sans Serif 考虑特殊字体(隶书草书等特殊情况图片取代)保证户起显示正常
字体根系统标准字体例 MSS字体8磅宋体五号字(9磅）五号字（105磅)
控件量统字体属性特殊提示信息加强显示等例外情况
ITop采BCB控件默认 parent font允许修改样利统调整
·系统字体属性改变处理
Windows系统桌面设置设置字体属性界面设计者常常恼火果设计时遵循微软标准全部相作控件设置切换字体时候相会什特殊问题
常常方便点阵作窗口设计单位导致改变字体出现版面混乱问题
情况应该做相应处理：
1：写程序动调节点阵值相应例
2：全部采点阵作单位理会系统字体调节样减少调节字体带麻烦BCBDELPHI中采种方法必然结果系统统
5：(Text)文字表达
提示信息帮助文档文字表达遵循准：
1：口语化客气您请少专业术语杜绝错字
2：断句逗号句号顿号分号法 提示信息较话应该分段
3：警告信息错误 应表示方法
4：统语言描述例关闭功钮描述退出返回关闭应该统规定
5 根户采相应词语语气语调专软件出现专业属户童：语气亲切蔼老年户应该成熟稳重制定标准遵循
6：(STYLE)控件风格错误控件控件功专
设计风格控件果没力设计出套控件标准控件绝伦类杂乱章
·错误控件例：
Button样式做TTable功菜单条显示版权信息
·统类型控件操作方式相例控件双击执行某动作样控件双击没反映
·控件做单功复
写程序方便喜欢控件情况做功户初次理解增加难度户熟悉理解 例
改变红色选项左边参数代表设置节省控件者编程量熟练户回种情况解决方法：
1分组双份控件
2：TABLE页户明显视觉变化
总结起：
1 产品制作写产品计划书
2 户体验研究员作调查分析
3 信息建构师设计产品架构
4 互动设计师作出互动流程
5 视觉设计师户界面设计师作出页面视觉设计
6 前台工程师前台开发
7 台工程师台开发
8 户体验研究员做户测试确保质量
1确认目标户
软件设计程中需求设计角色会确定软件目标户获取终户直接户需求户交互考虑目标户引起交互设计重点例：科学户电脑入门户设计重点
2设计目标致
软件中存组成部分（组件元素）组成部分间交互设计目标需致例：果电脑操作初级户作目标户简化界面逻辑设计目标该目标需贯彻软件（软件包）整体局部
3元素外观致
交互元素外观影响户交互效果（类）软件采致风格外观保持户焦点改进交互效果帮助遗憾确认元素外观致没特统衡量方法需目标户进行调查取反馈
7性原
71理解
软件户户必须理解软件元素应功果户理解需提供种非破坏性途径户通该元素操作理解应功例：删操作元素户点击删操作钮提示户删操作者否确认删操作户更加详细理解该元素应功时取消该操作
72达
户交互中心交互元素应户需功交互元素必须户控制户诸键盘鼠标类交互设备通移动触发已交互元素达前见者交互交互元素注意交互次数会影响达效果功深深隐藏（般说超4层）户达该元素率降低达效果界面设计关复杂界面会影响达效果（参考简单导原）
Quote
[阶段：分析]
1 户需求分析
2 户交互场景分析
3 竞争产品分析两者说相辅相成
较正规项目言必然户需求分析容中户UI需求重组成部分果说UI设计原UI设计出发点话户UI需求次设计出发点UI设计建立户深刻解户交互场景分析重部分项目组说许没时间精力实际勘查户现交互制作完善交互模型考察UI设计员分析时候定站户角度思考：果户里会需什竞争产品够市UI设计者知道必然长处谓三行必师意思设计者思维局限性设计会触类旁通处然时候参考定竞争产品
[阶段二：设计]
采面场景面事件驱动面象设计方法 UI设计着重交互必然终户交互场景进行设计软件交互产品户作软件事件响应触发软件置事件面事件设计现程序开发流采面象设计面象设计效体现面场景面事件特点设计四素：交互象数象事件（交互事件异常）动作
[阶段三：开发]
通：户交互case图（说明户系统间联系）户交互流程图（说明交互事件间联系）交互功设计图（说明功交互应关系） 终UI设计产品
[阶段四：验证]
正UI交互设计原探讨文中提UI产品验证面方面入手：
1 功性UI设计需求致
2 实性部测试UI设计重点实性
3 户焦点组UI设计否优秀重衡量说点问题现认交互式设计终UI效果设计截然分开说需求设计截然分开
Quote
UI设计流程设计师参环节
工作中总结出条结：拥完善规范流程决定着项目走成功失败关键
UI设计工作流程觉根市场分析－户分析－架构－原型－界面－输出－完善条线制定环节UI设计师应参中
1产品定位市场分析
类工作新产品研发部门市场需求完成UI设计师应解产品市场定位产品定义客户群体运营方式等
2户研究分析
程非常重设计师应该找合适方法完成环节搜集相关资料分析目标户特征情感惯心里需求等提出户研究报告性设计建议部分工作团队配合完成时间项目需求允许情况更制定实景户分析
3架构设计
里涉较界面交互流程设计根性分析结果制定交互方式操作跳转流程结构布局信息元素
4原型设计
觉里应该阶段标志前面工作加设计方面实施根进度成原型控制手绘－图形－FLASH视频质量范围原型质更倾DEMO需全部功体现出设计象基特性
5界面设计
果倾图形界面设计喜欢部分定结合循环讨分析结果做设计否作品难信服色调风格界面窗口图标皮肤表现环节关键
6界面输出
作设计师部分工作配合开发员完成相关界面结合
7完善工作
环节部门参包括性循环研究户体验回馈测试回馈时UI员应该行性建议进行完善设计师做东西喜欢改忌
流程会部门参完成UI设计师团队配合发挥应作非常重名合格UI设计师应该贯穿整UI流程进行工作非单纯图形界面设计
文档香网(httpswwwxiangdangnet)户传
《香当网》用户分享的内容，不代表《香当网》观点或立场，请自行判断内容的真实性和可靠性！
该内容是文档的文本内容，更好的格式请下载文档
UI设计(流程界面)规范
：UI设计基概念流程
11 目
规范公司UI设计流程UI设计师参产品设计整环节中产品易性进行全流程负责UI设计流程规范化保证UI设计流程操作性
12范围
l 界面设计
l 文档界面设计文档读者象项目理员售前服务员UI界面设计员界面评审员配置测试员
13 概述
UI设计包括交互设计户研究界面设计三部分基三部分UI设计流程产品立项开始UI设计师应根流程规范参需求阶段分析设计阶段调研验证阶段方案改进阶段户验证反馈阶段等环节履行相应岗位职责UI设计师应全面负责产品户体验中心UI设计根客户（市场）求断提升产品性规范明确规定UI设计环节职责求保证环节工作质量
14 基介绍
A需求阶段
软件产品然属工业产品范畴然离开3W考虑（Whowherewhy）者环境方式需求分析设计软件产品前应该明确什(户年龄性爱收入教育程度等)什方（办公室家庭厂房车间公场）（鼠标键盘遥控器触摸屏）面元素改变结果会相应改变
外需求阶段类竞争产品必须解类产品提前问世作更存价值单纯界面美学考虑说没客观评价标准说更合适更合适终户
B分析设计阶段
通分析面需求进入设计阶段方案形成阶段设计出套风格界面选
C调研验证阶段
套风格必须保证等设计制作水明显出差异样户客观真实反馈
测试阶段开始前应该测试具体细节进行清楚分析描述
调研阶段需问题出发：
户套方案第印象
户套方案综合印象
户套方案单独评价
选出喜欢
选出次喜欢
方案色彩文字图形等分分
结出请户说出受欢迎方案优缺点
需图形表达出直观科学
D方案改进阶段
户调研目标户喜欢方案解户什喜欢什遗憾等样进行步修改时候精力投入方案方案做细致精美
E户验证阶段
改正方案推市场设计没结束需户反馈设计师应该产品市站柜台零距离接触终户户真正时感想升级版积累验资料
面设计程描述家清楚发现界面UI设计非常科学推导公式设计师艺术理解感悟绝仅仅表现设计师绘画强调工作程设计程UI界面设计存美工
2 UI设计流程
21 概述
根述原分析公司产品特点制定符合软件产品（项目）生命周期UI设计流程产品（项目）生命周期中UI设计师应该严格流程完成环节职责确保流程准确效执行提高产品性提升产品质量
二：UI界面户体验设计原规范
1：应该遵循基原
控件提示信息措辞颜色窗口布局风格遵循统标准做真正致
样处：
1：户起够建立起精确心里模型熟练界面切换外界面够轻松推测出种功语句理解需费神理解
2：降低培训支持成支持员会行费力逐指导
3：户统感觉觉混乱心情愉快支持度增加
做法：
项目组验士确立UI规范：
美工提供色调配色方案提供整体配色表
界面控制程序员户体验员提出合理统控件库参考标准界面规范：
控件功遵循行业标准windows台参见Microsoft 户体验
控件样式允许范围统修改样式色调
参考软件先进操作提取项目功绝盲漫目
根需设计特殊操作控件准：简化操作达定功目
界面实施员美工商榷控件实现性(实行步骤会导致方工作满意会产生致混乱)重复叠代述工作
建立合理化文档UI标准描述述规范
强行界面设计者理解作开发准
SQA员进行监控开发员否遵循时告诫开发员
2：(Color)颜色恰遵循原：
1：统色调针软件类型户工作环境选择恰色调：
：安全软件根工业标准选取黄色绿色体现环保蓝色表现时尚紫色表现浪漫等等淡色舒适暗色做背景觉累等
2：果没系列界面采标准界面少考虑方面做操作系统统读取系统标准色表
3：色盲色弱户特殊颜色表示重点者特东西应该特殊指示符quot着重号图标等
4：颜色方案需测试常常显示器显卡问题色彩表现台机器样应该严格测试机器进行颜色测试
5：遵循原：浅色背景深色文字深色背景浅色文字蓝色文字白色背景容易识红色背景易分辨原红色蓝色没足够反差蓝色白色反差非特殊场合杜绝强烈产生憎恶感颜色 6：整界面色彩量少类颜色
itop色表
具体标准参考美术学统计学术标准 色表建设美工图案设计包装设计起着标准参考作程序界面设计员设计控件窗体调色起章循作
3：(Resource)资源
姿彩机交互界面少精美鼠标光标图标指示图片底图等
1：需遵循统规包括述颜色表建立图标建立步骤应该形成标准参考itopoutlookbar图标设计标准
2：标准图标风格设计统构图布局统色调度色阶图片风格
3：底图应该融底图浅色 低量少颜色
4：图标图应该清晰表达出意思遵循常标准者户机器容易联想物件绝允许画出莫名奇妙图案
5：鼠标光标样式统量系统标准杜绝出现重复情况例某软件中手形状4钟样子
4：(Font)字体
统字体字体标准选择操作系统类型决定
中文采标准字体宋体英文采标准 Microsoft Sans Serif 考虑特殊字体(隶书草书等特殊情况图片取代)保证户起显示正常
字体根系统标准字体例 MSS字体8磅宋体五号字(9磅）五号字（105磅)
控件量统字体属性特殊提示信息加强显示等例外情况
ITop采BCB控件默认 parent font允许修改样利统调整
·系统字体属性改变处理
Windows系统桌面设置设置字体属性界面设计者常常恼火果设计时遵循微软标准全部相作控件设置切换字体时候相会什特殊问题
常常方便点阵作窗口设计单位导致改变字体出现版面混乱问题
情况应该做相应处理：
1：写程序动调节点阵值相应例
2：全部采点阵作单位理会系统字体调节样减少调节字体带麻烦BCBDELPHI中采种方法必然结果系统统
5：(Text)文字表达
提示信息帮助文档文字表达遵循准：
1：口语化客气您请少专业术语杜绝错字
2：断句逗号句号顿号分号法 提示信息较话应该分段
3：警告信息错误 应表示方法
4：统语言描述例关闭功钮描述退出返回关闭应该统规定
5 根户采相应词语语气语调专软件出现专业属户童：语气亲切蔼老年户应该成熟稳重制定标准遵循
6：(STYLE)控件风格错误控件控件功专
设计风格控件果没力设计出套控件标准控件绝伦类杂乱章
·错误控件例：
Button样式做TTable功菜单条显示版权信息
·统类型控件操作方式相例控件双击执行某动作样控件双击没反映
·控件做单功复
写程序方便喜欢控件情况做功户初次理解增加难度户熟悉理解 例
改变红色选项左边参数代表设置节省控件者编程量熟练户回种情况解决方法：
1分组双份控件
2：TABLE页户明显视觉变化
总结起：
1 产品制作写产品计划书
2 户体验研究员作调查分析
3 信息建构师设计产品架构
4 互动设计师作出互动流程
5 视觉设计师户界面设计师作出页面视觉设计
6 前台工程师前台开发
7 台工程师台开发
8 户体验研究员做户测试确保质量
1确认目标户
软件设计程中需求设计角色会确定软件目标户获取终户直接户需求户交互考虑目标户引起交互设计重点例：科学户电脑入门户设计重点
2设计目标致
软件中存组成部分（组件元素）组成部分间交互设计目标需致例：果电脑操作初级户作目标户简化界面逻辑设计目标该目标需贯彻软件（软件包）整体局部
3元素外观致
交互元素外观影响户交互效果（类）软件采致风格外观保持户焦点改进交互效果帮助遗憾确认元素外观致没特统衡量方法需目标户进行调查取反馈
7性原
71理解
软件户户必须理解软件元素应功果户理解需提供种非破坏性途径户通该元素操作理解应功例：删操作元素户点击删操作钮提示户删操作者否确认删操作户更加详细理解该元素应功时取消该操作
72达
户交互中心交互元素应户需功交互元素必须户控制户诸键盘鼠标类交互设备通移动触发已交互元素达前见者交互交互元素注意交互次数会影响达效果功深深隐藏（般说超4层）户达该元素率降低达效果界面设计关复杂界面会影响达效果（参考简单导原）
Quote
[阶段：分析]
1 户需求分析
2 户交互场景分析
3 竞争产品分析两者说相辅相成
较正规项目言必然户需求分析容中户UI需求重组成部分果说UI设计原UI设计出发点话户UI需求次设计出发点UI设计建立户深刻解户交互场景分析重部分项目组说许没时间精力实际勘查户现交互制作完善交互模型考察UI设计员分析时候定站户角度思考：果户里会需什竞争产品够市UI设计者知道必然长处谓三行必师意思设计者思维局限性设计会触类旁通处然时候参考定竞争产品
[阶段二：设计]
采面场景面事件驱动面象设计方法 UI设计着重交互必然终户交互场景进行设计软件交互产品户作软件事件响应触发软件置事件面事件设计现程序开发流采面象设计面象设计效体现面场景面事件特点设计四素：交互象数象事件（交互事件异常）动作
[阶段三：开发]
通：户交互case图（说明户系统间联系）户交互流程图（说明交互事件间联系）交互功设计图（说明功交互应关系） 终UI设计产品
[阶段四：验证]
正UI交互设计原探讨文中提UI产品验证面方面入手：
1 功性UI设计需求致
2 实性部测试UI设计重点实性
3 户焦点组UI设计否优秀重衡量说点问题现认交互式设计终UI效果设计截然分开说需求设计截然分开
Quote
UI设计流程设计师参环节
工作中总结出条结：拥完善规范流程决定着项目走成功失败关键
UI设计工作流程觉根市场分析－户分析－架构－原型－界面－输出－完善条线制定环节UI设计师应参中
1产品定位市场分析
类工作新产品研发部门市场需求完成UI设计师应解产品市场定位产品定义客户群体运营方式等
2户研究分析
程非常重设计师应该找合适方法完成环节搜集相关资料分析目标户特征情感惯心里需求等提出户研究报告性设计建议部分工作团队配合完成时间项目需求允许情况更制定实景户分析
3架构设计
里涉较界面交互流程设计根性分析结果制定交互方式操作跳转流程结构布局信息元素
4原型设计
觉里应该阶段标志前面工作加设计方面实施根进度成原型控制手绘－图形－FLASH视频质量范围原型质更倾DEMO需全部功体现出设计象基特性
5界面设计
果倾图形界面设计喜欢部分定结合循环讨分析结果做设计否作品难信服色调风格界面窗口图标皮肤表现环节关键
6界面输出
作设计师部分工作配合开发员完成相关界面结合
7完善工作
环节部门参包括性循环研究户体验回馈测试回馈时UI员应该行性建议进行完善设计师做东西喜欢改忌
流程会部门参完成UI设计师团队配合发挥应作非常重名合格UI设计师应该贯穿整UI流程进行工作非单纯图形界面设计
文档香网(httpswwwxiangdangnet)户传
《香当网》用户分享的内容，不代表《香当网》观点或立场，请自行判断内容的真实性和可靠性！
该内容是文档的文本内容，更好的格式请下载文档