3.1UI是学设计的设计艺术学原理
3.1.1 设计美学原理
1.人与界面的关系
2.界面功能与形式的关系
3.UI视觉设计的主观创造性与客观约束性的关系
3.1.2 产品语义学、符号学原理
1.图像符号
2.指示符号
3.象征符号
3.1.3 设计色彩学原理
1.色彩心理效应
2.色彩情感
3.色彩的功能性
(1)识别性
(2)指示性
(3)注目性
(4)记忆性
3.1.4 认知心理学原理---UI视觉设计的三个层面
1.本能(感官)层面
2.行为(效能)层面
3.反思(情感)层面
3.1.5格式塔视知觉原理
1. 什么是格式塔
答:格式塔是德文Gestalt的译音,意思是"模式、形状、形式。"
2. 格式塔中的视觉关系
3. 格式塔视知觉原理的应用
(1) 接近性
(2) 相似性
(3) 封闭性
(4) 连续性
(5) 主体与背景(图底关系)
(6) 简洁性
1 偏向于整体并且和谐的视觉感受
2 对形象的认知遵循先整体后局部的规律
3 习惯将观察到的事物进行组织和简化
3.2UI的可用性与视觉设计
3.2.1提高可用性的UI视觉设计原则
1. 研究目标用户
2. 界面视觉设计的一致性
3. 习惯遵从
4. 善用隐喻
5. 视觉反馈
6. 自然的过渡
3.2.2 界面美感对可用性的提升
3.3UI视觉设计与情感
3.3.1 界面的美感
3.3.2界面的趣味化
3.3.3界面的拟人化
3.3.4界面的个性化
3.4UI视觉设计的风格
3.4.1 拟物化设计
1.拟物化设计对交互和体验的影响
2.UI拟物化设计的局限性
3.4.2 扁平化设计
1.少即是多
2.信息为主体的设计理念
3.UI扁平化设计的局限性
4.移动互联网发展对UI设计风格的影响
5.简洁、高效的界面交互需求
6.响应式界面的需要
7.从新技术普及的层面看UI扁平化设计
3.4.3小结
1. 两种设计风格的选择取决于用户的需求、产品的定位和使用的情景
2. 超越风格和类型
重点:
1. 认识UI设计跨学科的特征,了解与UI设计相关的视觉设计原理,并将其应用到设计中
2. 明确视觉设计与可用性的关系以及提高可用性的视觉设计方法
3. 理解界面人性化设计中的情感因素以及为界面注入情感的方法
4. 理解扁平化和拟物化设计的特征、区别与联系,对界面交互的影响,以其应用范围和场景
小结:
本章主要介绍了UI视觉设计的设计美学原理、语义学符号学原理、色彩学原理、认知心理学原理、格式塔视觉原理。阐述了界面视觉与可用性、情感化的关系及原则的方法。分析了扁平化与拟物化设计的特点和联系。
,