众妙之门——网站UI设计之道

目录 版权信息 作者简介 版权声明 内容提要 序 言 第1章 现代网络应用中的用户界面设计 1.1 什么是用户界面（UI）? 1.2 可视界面设计的工具箱 1.2.1 布局和定位 1.2.2 形状和尺寸 1.2.3 颜色 1.2.4 对比 1.2.5 材质 1.3 制作有效用户界面的实用技巧 1.3.1 使用空白来构建联系 1.3.2 使用圆角来定义边界 1.3.3 用颜色来表达含义 1.3.4 引导用户的注意力 1.3.5 使用阴影 1.3.6 强调核心的动作 1.3.7 使用块状链接提高效率 1.3.8 用动词作标签 1.3.9 输入时自动/重新聚焦 1.3.10 使用悬浮控件进行简化和解构 1.3.11 动态扩展表单 1.3.12 输入框中的标签 1.3.13 上下文敏感的界面元素 1.3.14 图标 1.3.15 使用加载指示器 1.3.16 使用按钮状态提高响应性 1.3.17 帮助性的空白状态 1.3.18 宣传应用的特点 1.3.19 撤消操作 1.3.20 还原操作 1.3.21 确认对话框 1.4 结论 第2章 CSS布局的艺术和科学 2.1 固定宽度布局 2.2 自适应布局 2.3 动态网格布局 2.4 自适应的流式布局 2.5 弹性布局 2.6 混合布局 2.7 哪种布局最适合您的网站？ 第3章 排版：原则、方针和常见错误 3.1 传统排版和网站排版 3.2 基本的排版术语 3.3 相对和绝对的字体尺寸单位 3.4 空白是最好的空间 3.5 排版和网格 3.6 垂直节奏 3.7 分级（Hierarchy）和分度（scale） 3.8 段落样式 3.9 通过字体设定版式 3.10 CSS字体库（CSS Font Stacks） 3.11 文本替换技术 3.12 @font-face属性 3.13 选择正确的字体 3.14 不要穿舞鞋登山 3.15 尺寸很重要 3.16 OpenType、TrueType还是PostScript Type ? 3.16.1 你在追求什么：家常便饭还是美味大餐？ 3.16.2 衬线还是无衬线? …… 或者monospace或cursive? 3.16.3 美丽的字体就是它想要的东西 3.16.4 互补将令你无所不能 3.17 注意细节 3.18 对齐和连字符 3.18.1 突出 3.18.2 标点外伸 3.18.3 有格式的和号（&） 3.18.4 不要用连字符代替em破折号（em dash） 3.18.5 不要错误使用引号 3.18.6 句子之间不要使用两倍的空格 3.18.7 必要时使用重音符 3.18.8 把文本当做一种用户界面 3.18.9 引文 3.18.10 连字符和特殊符号 3.18.11 硬连字符用来在单词中......