2018UI课程总结（UI理论篇）

2018UI课程总结（UI理论篇）

一、平面设计基础
（1）平面构成

1. 点线面
   
   点：
   在平面构成中，点的概念是相对的，在对比中，不但有大小还有形状。就大小而言，越小的“点”，作为“点”的感觉就越强烈。能不能成为“点”，并不是它本身的大小所决定的，而是由它的大小和周围元素的大小两者之间的比例所决定的。面积越小的形状越能给人以“点”的感觉；反过来，面积越大的形体，就越容易呈现“面”的感觉。
   
   线：
   点的移动轨迹形成了线；当长度和宽度形成非常非常悬殊的对比的时候，也能形成线。线游离于点和形之间，在空间里是具有长度和位置的细长物体。从数学上来说，线不具有面积只有形态和位置。在构成中，线是有长短、宽度和面积的。
   
   面：
   面的构成形式：a. 偶然形的面，自由、活泼而富有哲理性。指的是自然或者人为偶然形成的形态，它难以预料也无法重复。b. 人造形的面，有较为理性的人文特点。它是人为创造的自由构成形，可以随意运用各种自由的线来构成形态。具有很强的造型特征和个性表现，给人随意、亲切的感性特征。
   面的表现形式：a. 分离：面与面之间互相没有接触，保持一定的距离，各自独立。
   b. 接触：面与面之间的边缘刚好相互接触。
   c. 覆叠：面与面之间的位置比接触更进一步，互相之间有重叠的部分。重叠部分的位置不同会形成不同的形象，并产生上与下、前与后的空间关系。
   d. 差叠：两个面之间互相重叠，重叠部分为新的形象，同时去掉不重叠的部分。
   e. 透叠：两个面之间互相重叠，去掉重叠的部分，留下剩余部分，产生一个新的形象。
   f. 减缺：两个面之间互相重叠，在上一层的面及两个面重叠部分消除，保留剩余部分。
   g. 联合：两个面之间互相重叠，一个面完全覆盖另一个面，形成完全重合的形象。
   
2. 骨骼，重复
   骨骼：
   概念：骨骼是形态结构的基本框架，是规定、管辖限制基本形的区域线，是基本形在二次元空间排列组合的编排指导，是对空间分割的一种形式。
   组成：骨骼通常由骨骼框架、骨骼线、骨骼线之间的骨骼点、点线之间分割出来的骨骼单位五部分组成。
   
   重要性：a. 设计中常借助骨骼来构成某种图形。
   b. 骨骼有助于我们在画面中排列基本形，使画面形成有规律、有秩序的构成。
   c. 骨骼支配着构成单元的排列方法，可决定每个组成单位的距离和空间。
   
   （2）色彩构成
   色彩三要素：色相、饱和度、明度
   计算机中的颜色：RGB、HSV、CMYK、Lab
   
   （3）立体构成
   
   立体是面连续运动产生的轨迹，或是面连续叠加的效果。具有长、宽、厚度的特点，特征是占据空间。

2、UI理论
（1）导航栏设计
根据人们的视觉习惯，人们短期记忆每次能处理5~9件事情，所以导航栏的元素尽量限制在7个以内。
（2）交互原则
在页面功能切换的时候，将时间控制在2秒内，用户等待时间越短，用户体验更佳！
3、交互设计

（1）系统状态的可见性
在合理的时间内反馈，最好控制在2秒内。
（2）系统与现实世界的匹配
使用用户熟悉的语言，单词、短语、图形，而不是系统导向的术语；遵循现实世界的惯例来呈现信息。
（3）操作可控、可逆
在用户操作是提供取消和重做的功能。
1、可撤销/返回
2、不可逆的操作要给用户提示
（4）一致性和标准化
将所有的设计的产品统一风格、统一规范，确保能让用户知道这是同一款设计产品。
1、和用户的使用习惯保持一致
2、产品规范化
（5）防错原则
在做用户体验的时候，适当的设计一些限制和明确的规则，防止用户进行错的操作。
1、范围限制
2、提供提示
（6）确认而不是记忆
设置快捷方式，减少用户实际操作的机率，为用户提供最快捷的操作方式。
1、让用户选择而不是输入
2、自动读取、记录信息，减少操作路径
3、内容可预期
（7）灵活性和使用效果
好的产品需要同时兼顾新用户和资深用户的需求。
1、提供快捷入口
2、允许用户重复操作
3、提供默认选项
（8）简约设计
不要在页面中包含不相关或低频次的信息/操作。页面中的每个额外信息都会降低主要内容的相对可见性。
1、建立清晰的视觉层级
2、降低页面的干扰
（9）帮助用户识别、诊断和修复错误
错误消息应以简单的语言表示，准确指出问题，并提出解决方案。
1、错误提示要直观
2、提供解决方案
（10）提供帮助文档
帮助性内容有一次性提示、常驻提示和帮助文档。
1、一次性提示
2、常驻提示
3、帮助文档

4、原型和架构设计
原型图

（1）关注要点
对原型图的制作，首先考虑的因素是对逻辑性的设计，因为当你要去见客户的时候或者向开发人员沟通交流的时候，原型图的逻辑性设计就起到很大作用；其次就是原型图的高保真，实现一种“写实”的效果，提高辨析度。
（2）色彩的使用
一般原型图的色彩设计以黑白灰为主，通过颜色深浅来呈现每个功能图标的交互。
（3）规范
将字体，间距统一规范，可以使页面更加简洁和统一，这是原型图的第一印象。详细的设计规范，每款设计的风格都不同，按个人理解。
（4）工具选择
在原型图制作工具的选择方面，本人比较喜欢使用PS软件制作，无论是制作草图或线框图，PS应该都可以兼顾。

构架设计
模块构架设计可以从程序的运行时结构和源代码的组织结构方面考虑。

（1）程序的运行时结构方面的考虑：
1、需求的符合性：正确性、完整性；功能性需求、非功能性需求；
2、总体性能（内存管理、数据库组织和内容、非数据库信息、任务并行性、网络多人操作、关键算法、与网络、硬件和其他系统接口对性能的影响）；
3、运行可管理性：便于控制系统运行、监视系统状态、错误处理；模块间通信的简单性；与可维护性不同；
4、与其他系统接口兼容性；
5、与网络、硬件接口兼容性及性能；
6、系统安全性；
7、系统可靠性；
8、业务流程的可调整性；
9、业务信息的可调整性；
10、使用方便性；
11、构架样式的一致性；
注：运行时负载均衡可以从系统性能、系统可靠性方面考虑。
（2）源代码的组织结构方面的考虑：
1、开发可管理性：便于人员分工（模块独立性、开发工作的负载均衡、进度安排优化、预防人员流动对开发的影响）、利于配置管理、大小的合理性与适度复杂性；
2、可维护性：与运行可管理性不同；
3、可扩充性：系统方案的升级、扩容、扩充性能；
4、可移植性：不同客户端、应用服务器、数据库管理系统；
5、需求的符合性（源代码的组织结构方面的考虑）。

如何使用Oracle视图？
什么是Java算数运算符？
令程序员泪流满面的瞬间，实在忍不住笑了
Oracle约束怎么写？
AE基础界面设置和旋转加载案例
《酒店管理系统——桑拿、沐足模块》项目研发阶段性总结
Oracle 基础知识汇总
PS快捷键