多设备时代的UI设计法则-打造完美体验的用户界面

第1章 网站架构 垂直、水平、前后的空间架构01 链接带来的影响02 考虑网站的空间立体结构——垂直、水平、前后的关系03 四个元素判定“身在何处”04 视觉化页面的前后关系05 利用互动的表现形式呈现页面的前后关系06 通过视觉设计判断当前位置07 标签体现层次的深度与广度 页面版式08 什么是版式？09 一栏式版式10 变化丰富的一栏式版式11 两栏式版式12 三栏式版式13 两栏式与三栏式版式的变化14 网格式设计15 响应式网页设计 导航栏16 导航扮演的角色17 导航栏的类型18 常驻于页面的页首与页尾19 面包屑导航代表位置和路径20 面包屑导航的类型21 全域导航栏与区域导航栏22 可从其他地方返回的关联性导航栏23 垂直型与水平型的区域导航栏24 层次可以通过区域导航栏来显示25 系统可以通过区域导航栏来显示26 树状区域导航栏的位置27 主要内容区域的位置28 固定导航栏的位置与内容 一致性29 一致性与灵活性的关系30 一致性的效果31 为什么会“迷路”？第2章 设备界面 物理性限制32 什么是设备的多元性33 屏幕大小的影响34 用户与屏幕距离的影响35 屏幕的方向性影响36 输入方式造成的影响 软性限制37 文字资料的特性38 图片文档的特质39 图片文档的纯文字化与矢量化40 浏览平台不同而产生的差异 滚动的方向性41 什么是自然的滚动方向42 滚动文字造成的影响43 屏幕形状对页面滚动的影响44 元素形状对页面滚动的影响45 元素间距对页面滚动的影响46 垂直与水平方向并存的滚动方式47 页面滚动与翻页的关系 与设备互动48 互动与反馈的关系49 鼠标操作产生的反馈50 由触摸屏产生的反馈51 由遥控器操作产生的反馈 无缝界面52 什么是无缝界面？53 覆盖式界面54 嵌入式界面55 滑动式界面56 加载滚动界面57 加载翻页界面58 加载平移界面59 滚动播放式界面60 无缝步骤第3章 体验设计 理解与体验61 平面结构与立体结构的差别62 从平面考察63 用立体的视角了解网站的结构64 利用局部原型进行体验65 真机体验 设计的讲究66 将界面变得简明67 可以自然操作的界面68 活用共通概念69 运用颜色来辨别效果70 标准化版型与页面元件71 避免冗长72 运用精简的方法创造丰富的内容