UI培训.pptVIP

（1）、构成软件应用的界面进行划分 将所有的功能进行归类(没有统一的标准) --划分窗体\页面\屏(列表) 将所有功能的细节演绎成UI元素(控件) --多种表达方式(最佳表达方式) UI控件元素编排在窗体\页面\屏 --编排合理,不松不紧，间距、对齐方式 --巨多(巨少) （2）、UI布局的基本原则 黄金分割原则 空间切割原则 平衡对称原则 视线切割原则(主视线,辅助视线-横纵切割) 异形切割原则 2、UI色调设计 （1）、UI颜色规范 颜色种类不宜过多(2-3,3-4) 颜色反差(反差颜色的配色表) 颜色持久性(刺激性,配色方案-蓝色系,灰色系) 颜色搭配的方法(Windows 7) --色阶的使用(主色调,使用灰黑白进行进行色阶处理) --层次感\由远及近 --避免过渡生硬 3、UI文字设计 （1）、UI字体字号选择策略 无棱角,等粗细的字体适合于显示 --雅黑\黑体\丽黑\等线体 字号选择(磅值) --8.5-12-14-16 --不同年龄的使用者,对字号的要求是不一样 --使用者解耦(一线员工,中层领导,高层领导) 总结 1、研究用户需求 2、UI元素 3、UI工具完成设计 4、遵循UI设计十大原则 5、符合相关的视觉效应 6、用户心理三合一 7、用户习惯 UI原型工具 善于发现UI工具 驾驭UI工具 UI框架 技术框架 --加入框架的UI部件（接口） --框架管理UI部件的生命周期 --框架实现美的算法 体验框架 --用户体验的五大原属 --框架体验界面布局 UI设计原则 UI设计原则的核心-用户 UI设计元素的关键-交互 UI设计十大原则的理解 UI视觉效应 视觉的聚焦效应 视觉的刺激效应 视觉效应切割 感觉效应 UI心理效应 理解用户的期望 理解心理模型、系统模型、实现模型。 利用心理效应说服用户 UI鉴赏 切割元素 获取UI风格 量化欣赏 版本对比 建立个人知识库 谢谢！ UI设计 2011-09-01 一个优秀的UI设计是怎样炼成的？ 1、以用户为中心的目的（IBM）。 2、用户交互（用户体验架构师）。 3、真正理解用户需求，设计时考虑用户习惯，用户的工作环境，用户的年龄。 4、需要优秀的UI架构师。 5、需要优秀的编程人员。 怎样定位一个好的UI设计？ 1、美。 2、符合当前流行界面风格。 3、易操作性。 4、从未有过的感觉（创新-产品价值）。 5、稳定不出错，高可靠性。 6、响应时间段（秒杀 视觉设计 感觉设计）。 怎样实现一个好的UI设计？ 1、设计角度。（需求分析师） 2、设计步骤。（软件架构师） 3、设计工具。（软件详细设计师） 4、设计成果。（程序员、用户体验师） UI设计的层次有哪些？ 1、企业级项目型软件。（windows型UI OSX、Linux） 2、产品型软件 --适应用户的不同需求 --Web类型 3、SAAS型软件 --适应不同区域的文件与语言 --无处不在的访问软件（移动） 一、UI设计准备 1、UI原型与工具 2、UI架构模型 3、UI设计基本原则 4、UI视觉效应设计 5、UI与用户心理 6、UI风格习惯设计 1、UI原型与工具 （1）、读懂软件需求规格说明书 --读懂用例图 --读懂用例规格 --质量决定“感觉设计” --环境决定“界面风格” --面对不完整、简单的、模糊的需求规则书，只能是浮想联翩（经验），再就是要掌握思考的角度。 （2）、思考的角度，12个角度（内四外八） 内四 --业务属性字段 --业务属性规则 --业务属性时间 --业务逻辑算法 外八 --前置业务-业务-后置业务 --表单外观 --业务权限 --业务检索 --业务后续处理 --业务质量要求 --业务环境要求 （3）、原型工具选择 --动态运行 --支持不同的界面风格 --支持工作流程 --易用性 常见UI工具 --动态运行工具 GUI Design Studio（脱机安装） --线框图工具 Balsamiq Mockups --界面流程工具 Propertype Composer 2010 --IDE工具 UIDesigner --PS --画图板 需求阶段的原型与设计 --使用UI原型工具设计并与用户确认需求 --UML+UI原型 UI原型向开发阶段UI转化的方式 --UI原型切割方法（图像-贴图） --UI原型转化为控件（不同IDE提供不同的空间外观） UI原型与UI测试的关系 --依据UI原型来标注测试用例 --依据UI规范进行检查测试 --依据边缘学科进行UI的测试 2、UI架构模型 （1）、架构模式MVC --《面向模式的软件体系结构》1-5 （2）、独立UI的框架 --UI可以进行切割,部件,组装 --UI容器中来完成 --UI之间的导航基于UI框架来完成动态导航 （3）、Web架构模式