一個(gè)人的產(chǎn)品：寫給非設(shè)計(jì)師的設(shè)計(jì)書

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