多设备时代的UI设计法则 打造完美体验的用户界面PDF电子书下载

第1章 网站架构 10

垂直、水平、前后的空间架构 10

01链接带来的影响 10

02考虑网站的空间立体结构——垂直、水平、前后的关系 12

03四个元素判定“身在何处” 14

04视觉化页面的前后关系 16

05利用互动的表现形式呈现页面的前后关系 18

06通过视觉设计判断当前位置 20

07标签体现层次的深度与广度 22

页面版式 24

08什么是版式？ 24

09一栏式版式 26

10变化丰富的一栏式版式 28

11 两栏式版式 30

12 三栏式版式 32

13两栏式与三栏式版式的变化 34

14 网格式设计 36

15响应式网页设计 38

导航栏 40

16导航扮演的角色 40

17导航栏的类型 42

18常驻于页面的页首与页尾 44

19面包屑导航代表位置和路径 46

20面包屑导航的类型 48

21全域导航栏与区域导航栏 50

22可从其他地方返回的关联性导航栏 52

23垂直型与水平型的区域导航栏 54

24层次可以通过区域导航栏来显示 56

25系统可以通过区域导航栏来显示 58

26树状区域导航栏的位置 60

27主要内容区域的位置 62

28固定导航栏的位置与内容 64

一致性 66

29一致性与灵活性的关系 66

30一致性的效果 68

31为什么会“迷路”？ 70

第2章 设备界面 74

物理性限制 74

32什么是设备的多元性 74

33屏幕大小的影响 76

34用户与屏幕距离的影响 78

35屏幕的方向性影响 80

36输入方式造成的影响 82

软性限制 84

37文字资料的特性 84

38图片文档的特质 86

39图片文档的纯文字化与矢量化 88

40浏览平台不同而产生的差异 90

滚动的方向性 92

41什么是自然的滚动方向 92

42滚动文字造成的影响 94

43屏幕形状对页面滚动的影响 96

44元素形状对页面滚动的影响 98

45元素间距对页面滚动的影响 100

46垂直与水平方向并存的滚动方式 102

47页面滚动与翻页的关系 104

与设备互动 106

48互动与反馈的关系 106

49鼠标操作产生的反馈 108

50由触摸屏产生的反馈 110

51由遥控器操作产生的反馈 112

无缝界面 114

52什么是无缝界面？ 114

53覆盖式界面 116

54嵌入式界面 118

55滑动式界面 120

56加载滚动界面 122

57加载翻页界面 124

58加载平移界面 126

59滚动播放式界面 128

60无缝步骤 130

第3章 体验设计 134

理解与体验 134

61平面结构与立体结构的差别 134

62从平面考察 136

63用立体的视角了解网站的结构 138

64利用局部原型进行体验 140

65真机体验 142

设计的讲究 144

66将界面变得简明 144

67可以自然操作的界面 146

68活用共通概念 148

69运用颜色来辨别效果 150

70标准化版型与页面元件 152

71避免冗长 154

72运用精简的方法创造丰富的内容 156