界面設計的編碼實現

第1章 介紹界面設計
1.1 用戶分析：設計前的準備
1.1.1 與客戶和用戶交談
1.1.2 由談話轉向最初的草圖
1.1.3 獲取原始草圖的思路
1.1.4 解釋最初的草圖形狀
1.1.5 從原始的草圖轉換到布局草圖
1.1.6 進一步規(guī)劃布局草圖
1.1.7 由布局草圖轉向布局示例
1.2 在設計的同時制定需求規(guī)范
1.2.1 產品目標
1.2.2 客戶. 消費者以及其他股東
1.2.3 產品用戶
1.2.4 強制約束
1.2.5 命名約定和定義
1.2.6 相關的事實及假設
1.2.7 外觀和使用感受
1.2.8 可用性需求
1.2.9 性能需求
1.3 界面設計的公理
第2章 設計規(guī)則簡介
2.1 對平衡的理解
2.2 突出重點
2.3 對風格的理解
2.3.1 垂直的風格
2.3.2 矩形風格
2.3.3 三角形風格
2.3.4 圓形風格
2.3.5 對角線風格
2.3.6 曲線風格
2.4 對一致性的理解
2.5 理解對比
2.6 設計原則的公理
第3章 項目1：建立一個開放源碼的門戶站點
3.1 為開放源碼的門戶站點創(chuàng)建小型需求規(guī)范
3.1.1 產品目標
3.1.2 客戶. 消費者以及其他股東
3.1.3 產品用戶
3.1.4 強制約束
3.1.5 命名約定和定義
3.1.6 相關的事實和假設
3.2 檢查代碼
3.2.1 解決實現過程中的問題
3.2.2 設置界面選項
3.3 項目1的公理
第4章 實現設計的元素：線條. 字形與形狀
4.1 利用線條
4.2 利用線條組合
4.3 利用字形
4.3.1 使用字形傳達含義
4.3.2 將字形用作圖形元素
4.3.3 利用字形吸引用戶的注意
4.3.4 利用字形支持背景
4.3.5 設置運動的字形
4.4 形狀的應用
4.4.1 傳達抽象的設計
4.4.2 傳達情感與回憶
4.5 設計元素的公理
第5章 實現設計的元素：紋理. 空間. 大小. 明度和布局
5.1 利用紋理
5.2 利用空間
5.3 設置尺寸
5.4 理解明度
5.5 設計布局
5.6 繪制草圖原型
5.7 創(chuàng)建導航元素
5.8 創(chuàng)建數字原理
5.9 設計元素的公理
第6章 項目2：建立在線資源中心
6.1 為在線資源中心建立小型需求規(guī)范
6.1.1 設計在線資源中心的目的
6.1.2 客戶. 消費者和其他股東
6.1.3 技術傳播資源中心的用戶
6.1.4 強制約束
6.1.5 命名約定和定義
6.1.6 相關事實及其假設
6.2 考慮設計元素
6.2.1 繪制草圖原型
6.2.2 從設計到布局的轉變
6.2.3 建立工作原型
6.3 項目2的公理
第7章 使用內容和排版
7.1 理解內容設計
7.1.1 在布局草圖上顯示內容
7.1.2 排版技術的應用
7.1.3 選擇字體
7.1.4 表示內容的含義
7.2 展示內容以及字形的示例
7.2.1 小型案例分析1：Morgan California House Plans
7.2.2 小型案例分析2：Innovative Projects in Socioeconomic Emergence IPSE
7.2.3 小型案例分析3：EyeStockArt
7.3 內容以及排版的公理
第8章 色彩的使用
8.1 對色彩和敘述性內容的理解
8.2 對色彩基礎的理解
8.2.1 對色相（Hue）的理解
8.2.2 對飽和度（Saturation）的理解
8.2.3 對明度（Value）的理解
8.3 簡單的方法
8.4 尋找補色
8.5 16進制顏色的使用
8.6 為圖形著色
8.7 網站顏色和內容的更新
8.8 使用顏色的公理
第9章 項目3：建立網上雜志
9.1 為網上雜志創(chuàng)建簡單的需求規(guī)范
9.1.1 產品的目的
9.1.2 客戶. 消費者以及其他股東
9.2 調試代碼
9.2.1 創(chuàng)建導航頁
9.2.2 創(chuàng)建內容頁
9.2.3 創(chuàng)建論壇頁
9.2.4 建立存檔頁
9.2.5 創(chuàng)建聯系頁
9.3 項目3的公理
第10章 網站問題和可訪問性
10.1 將工作外包給設計人員
10.2 網站設計的更新和重新設計
10.3 編輯已棄用代碼
10.4 創(chuàng)建技術性設計
10.5 可用性的實現
10.6 可訪問性：幾何學和SVG
10.6.1 集成多種訪問方式
10.6.2 展示具備良好可訪問性的產品
10.7 可訪問性的公理