用户界面设计

数字媒体艺术为艺术设计领域的新兴专业，该专业涵盖了设计、艺术、科技的前沿领域，适应时代趋势下与艺术领域结合的新媒体技术、数字信息传播与视觉转化、移动通讯终端研发、交互媒体设计与人机工程设计等方面所需要的人才的培养。本丛书的宗旨是在日趋繁荣的数字媒体艺术市场的背景下，培养适应社会主义现代化建设和科学技术发展需要，能满足市场经济需求，能从事数字媒体艺术与设计行业的相关人才。 本丛书主要从用户界面设计、动态图形设计、数字影像艺术设计、信息与服务设计等多媒体设计的领域着手，研究并发展出具有独立审美价值的、有时代特色的新艺术形式，指导读者创作用各种数字、信息技术制作的新形式的艺术与设计作品。本丛书还将配套数字资源，植入书中相关讲解的部分，将更好、更全面、更直观地展示数字媒体艺术的案例或者内容拓展。

当今多种设备终端并用的环境对用户界面设计提出了更高的要求，用户界面设计不仅需要考虑不同大小的屏幕尺寸，同时还要呈现出统一的风格和完善、合理的功能需求。本书从信息构架的梳理与建构、界面设计的形式表达、屏幕的物理特性等角度对用户界面设计的方法进行了梳理。本书将视知觉的基本原理与设计思维、用户的使用体验相结合，意在探索更合理、好用的设计方法，使读者能更全面深入地理解用户界面设计。本书适合高等院校艺术设计相关专业师生阅读和使用，也可作为设计爱好者的参考用书。

杨兆明，讲师，任职于鲁迅美术学院大连校区视觉传达设计学院。作品曾入选第12届日本富山国际海报三年展、香港国际海报三年展、第24届捷克布尔诺国际平面设计双年展、第七届首尔—亚洲海报展、“GDC09平面设计在中国”等国际设计赛事；从事专业教学10余年，主要研究方向为标志与VI视觉系统（涵盖动态设计及UI用户界面设计），版式与书籍设计，图形与海报设计。

第一章交互设计与用户界面001
第一节沟通技术和用户的操作界面002
一、从功能面到社群面003
二、优良的交互设计系统003
第二节交互设计的发展005
一、鼠标与桌面系统开发005
二、个人计算机时代009
三、电脑多样化011
四、周边产品开发012
五、智能手机的整合013
第三节实体用户界面和虚拟用户界面014
一、图形用户界面015
二、物理感知用户界面015
第四节交互设计的程序016
一、从设计师的角度出发：交互设计的标准模式016
二、理解交互设计的角度017
三、交互设计程序018
第五节交互设计的核心及领域019
一、交互设计的核心019
二、隐性知识019
三、应用领域020

第二章提升用户界面设计质量的方法023
第一节格式塔原理在用户界面设计中的运用024
一、格式塔原理024
二、格式塔原理的综合运用026
第二节优化视觉结构和层次030
一、通过结构关系的建立来优化信息的识别030
二、数据专用控件有利于信息的高效识别030
三、视觉层次的建立有助于信息的高效阅读030
第三节影响阅读质量的因素分析032
一、阅读模式032
二、影响阅读质量的因素032
第四节认识视觉的原理034
一、认识我们的色觉034
二、大脑的减法处理034
三、区别颜色的局限性034
四、色彩使用准则035
第五节关注阅读的黄金区域：中央与边界视野比较分析036
一、中央凹的分辨率与边界视野的分辨率比较036
二、边界视觉的作用037
三、电脑用户界面举例037
四、信息清晰可见的处理方法039
五、加重强调的功能041
第六节记忆力和注意力对用户界面设计的影响042
一、记忆力042
二、注意力045
第七节响应度049
一、响应度的定义049
二、大脑的时间常量049
三、响应度对交互设计的意义050
四、高响应度的表达方式051

第三章信息的架构空间与阅读053
第一节链接带来的逻辑关系054
一、静态网站和动态网站054
二、网络编程语言054
第二节信息的横向空间、纵向空间以及相互关系056
一、结构与内容体系056
二、超链接056
第三节视觉画面背后的信息技术058
一、层叠样式表058
二、超文本预处理器058
三、JavaScript编程语言058
四、矢量动画软件058
第四节网页的建构模块与视觉元素之间的关系060
一、网页建构模块060
二、图片的应用060
三、网络中的色彩关系构建060
四、网络安全字体061
第五节树状架构062

第四章承载架构的导航栏065
第一节导航栏的位置及类型066
一、导航栏的角色066
二、导航栏的类型066
第二节面包屑导航栏067
一、概述067
二、面包屑导航栏的分类067
第三节全局性导航栏和区域性导航栏068
一、全局性导航栏068
二、区域性导航栏068
第四节相关性导航栏069
第五节导航栏与层次关系：水平与垂直070
一、分析比较两种类型070
二、在导航栏中表达层次070
第六节固定导航栏与灵活导航栏072
一、固定不变的位置072
二、固定起点072

第五章交互的信息结构与视觉表现075
第一节横向、纵向的空间架构076
一、虚拟的空间关系076
二、掌握和理解空间位置关系076
三、视觉元素有助于体现页面的前后关系077
四、利用交互带给用户的潜意识来定位框架关系077
五、框架结构的深度与广度077
第二节版式设计在用户界面设计中的应用080
一、栅格080
二、用户界面中的视觉元素080
三、分栏及页面编排084
四、信息层次体系086
五、观众阅读时的视线变化086
第三节响应式网页设计088
第四节交互设计的一致性与灵活性090
一、交互设计的一致性090
二、交互设计的灵活性090
三、一致性与灵活性的整合091
第五节图示与图标092
一、矢量图形092
二、图形的概括与简化092
三、图标的形象性093
四、从单个元素图标到复合元素图标096
五、两个元素图形在固定单元背景中的位置关系098
六、发生重叠关系的轮廓线特征099
七、图标表现语言101
八、图标中图形构成方式106
九、图标表现风格借鉴108
十、多元图标114

第六章用户界面设计中的影响因素121
第一节设备终端的物理性122
一、屏幕尺寸122
二、输入方式123
第二节视觉元素的123
一、文字资料的特性123
二、图片的特性124
三、图片的矢量化趋势124
第三节滚动的方向性与翻页128
一、滚动的方向性128
二、页面滚动与翻页129
第四节与设备互动的方式及反馈130
一、鼠标的操作与反馈130
二、触摸屏与反馈130
三、遥控器与反馈131
第五节无缝界面131
第六节界面衔接的表达技巧132
一、滑动式界面设计132
二、覆盖式界面设计133
三、嵌入式界面设计134
四、滚动式界面设计136

第七章交互设计体验139
第一节易于理解的、愉快的交互设计体验140
一、二维平面结构与多维交互结构140
二、运用原型进行用户体验141
三、真机测试141
第二节用户界面设计的评价标准144
一、没有烦琐和冗余144
二、用户界面自然流畅144
三、应用共识性的交互准则144
四、视觉设计的一致性144
五、色彩的运用147
六、标题字体及图形字体设计149
第三节多元的网络交互平台150
一、商品类网页150
二、信息类网页151
三、时尚类网页151
四、趣味性网页152
五、个性网页152
第四节电子读物154
第五节经典案例分析155
一、Frog团队案例分析155
二、分享未来“视界”158

参考文献160