一個人的產(chǎn)品：寫給非設計師的設計書

目錄
第一部分　規(guī)劃
第1章 研究
什么是用戶研究
用戶研究不等于可用性
設計術語：人種志
從用戶的角度開始
案例研究：快速結賬
讓發(fā)現(xiàn)更有意義
總結
第2章 靈感
像藝術家一樣偷師學藝
如果以上方法都行不通……
總結
第二部分　設計思維
第3章 繪制草圖
設計思維――開發(fā)者式的設計
繪制草圖――一切設計由此開始
草圖的優(yōu)點
何時繪圖
繪制草圖的工具
應用流的基礎
創(chuàng)建一個應用流
故事板的作用
何時使用故事板
創(chuàng)建故事板
不知道從何處入手？從模板開始吧
總結
第4章 信息架構
究竟什么是信息架構
可用性的成本
信息架構設計的交付物
角色、用戶場景和故事板
內(nèi)容模型
應用流
線框圖
手勢庫
信息架構的一切都與內(nèi)容相關
讓一切更有意義
信息架構設計的五個步驟
步驟1 ：定義主題、目標和需求
步驟2 ：選擇一種版式
步驟3 ：為相似項目分組
步驟4 ：保持一致
步驟5 ：精簡
總結
第5章 線框圖．
了解線框圖
線框圖101
應該在什么時候創(chuàng)建線框圖
解析線框圖
你是在說線框圖嗎
注意事項
好用的線框圖工具
線框圖技巧
線框圖技巧#1 ：創(chuàng)建基本的線框圖
線框圖技巧#2 ：采用灰度圖和一種顏色
線框圖技巧#3 ：采用逐幀表達法
線框圖技巧#4 ：使用氣泡
線框圖技巧#5 ：放大細節(jié)
總結
第6章 原型設計
什么時候需要原型
交流新想法
驗證概念
進行基本可用性測試
決定創(chuàng)意是否值得投資
什么是有效的原型
用聰明的方法進行偽造
“小賭”一把
好用的原型設計工具
微軟的SketchFlow
Adobe Edge
Adobe After Effects
Keynote 與PowerPoint
HTML /JavaScript/ CSS3
Axure RP
Arduino、Openframeworks 與Processing
原型設計方法
方法#1 ：紙面原型
方法#2 ：交互式線框圖
方法#3 ：視頻設計原型
總結
第三部分　視覺設計
第7章 顏色
顏色的基本理論
顏色的相關術語
顏色模型
冷暖色
顏色心理學
對比度
應用顏色：一些經(jīng)驗法則
只使用兩到三種顏色
以純色開始，然后轉(zhuǎn)為漸變色
使用暗色的色調(diào)
綠色意味著可行
如何創(chuàng)作一個好調(diào)色板
灰度圖
五種調(diào)色板，你不能用錯
顏色的技巧
顏色技巧#1 ：用照片生成一個調(diào)色板
顏色技巧 #2 ：利用代碼生成顏色
顏色技巧 #3 ：使用Photoshop
我私藏的顏色技巧：使用算法來找到平均顏色
總結
第8章 數(shù)字化排版設計
重中之重
字體排版基礎知識
理解樣式術語
字體和字型有什么不同
字體的分類
襯線字體
無襯線字體
8種方法改善你的字體
1． 選擇了一種字體比例后就堅持用下去
2． 使用一致的間距
3． 一致的行寬
4． 稍做變換就能分出視覺層次
5． 選擇合適的正文字體
6． 使用一個字體族群
7． 組合使用兩到三種字體
8． 使用好看的“＆”符號
總結
第9章 視覺傳達
沒那么簡單
1． 就像在為自己而設計
2． 保持一致
五種方式闡明你的設計
1． 使用一個適合的網(wǎng)格
2． 建立層次
3． 刪除無用的東西
4． 檢查并行性
5． 建立清晰的功能可見性
總結
第10章 動作
動畫看起來很酷，但是它們真的能讓應用更好嗎
過渡、動畫和時機原則
動畫和過渡之間有什么區(qū)別
不要太快，不要太慢，也不要太多
什么時候需要使用動作
什么時候應該避免動作
漸隱、滑動和縮放――動畫的超級工具
漸隱
滑動
縮放
動作的原則
慢進和慢出
擠壓和伸展
預期
跟隨和重疊
弧線
緩動函數(shù)
高級運動技術
跟隨
認知錯覺
總結
第四部分　交互設計
第11章 交互設計的原則
交互設計的介紹
沉入心流
促進心流的方法
易學性 vs． 易用性
可用性設計
易學性設計
人體工程學
肌肉疲勞
視野和周邊視覺
環(huán)境和光照條件
最優(yōu)的觸摸目標
遮擋
總結
第12章 設計模式
為什么使用設計模式
其他設計模式資源
模式
自動對焦
拖放
自動保存
空白狀態(tài)
進度指示器
選用合適的目標尺寸
按鈕就是按鈕
如非必要，避免使用模態(tài)聲明
直接操作
為相似項目分組
連續(xù)滾動
根據(jù)重要性調(diào)整元素的尺寸
全景儀表盤
防錯控件
退出方式
居左/ 右對齊
超級搜索
簡單任務用簡單UI，復雜任務用復雜UI
同步位置
利用字體反差
總結