現(xiàn)代社會中，各種文化在無形地影響著我們。 除卻“衣食住行”這四大傳統(tǒng)，設(shè)計與文化無時無刻不在滲透著我們的生活與工作體驗的各個細(xì)小分支中。
《黑客與設(shè)計：剖析設(shè)計之美的秘密 》面向各種喜愛設(shè)計的人們，通過解構(gòu)設(shè)計來幫助讀者理解某些設(shè)計之所以卓越的原因，并解說完美設(shè)計背后的經(jīng)典原理和技巧。本書作者是備受贊譽(yù)的設(shè)計師David Kadavy，他通過“逆向分析”來為網(wǎng)頁設(shè)計師解析經(jīng)典的設(shè)計原理和技巧，著重強(qiáng)調(diào)了互動媒體。本書內(nèi)容涵蓋顏色理論、比例與幾何圖形在設(shè)計中的作用、媒介和形式間的關(guān)系。含有大量獨(dú)特的逆向工程設(shè)計示例，包括龐貝古城上的涂鴉、畫家莫奈作品中對于黑色的缺色處理、iPhone的風(fēng)格和流線型設(shè)計等。鼓舞你發(fā)現(xiàn)和創(chuàng)造各種形式的美并為你提供靈感，娓娓道來網(wǎng)頁設(shè)計、移動應(yīng)用及其他數(shù)字作品應(yīng)用極具特色的設(shè)計原理。
作者簡介
David Kadavy
Kadavy公司總裁，兼500 Startups種子基金導(dǎo)師。Kadavy公司提供用戶界面設(shè)計咨詢服務(wù)，客戶包括oDesk、PBworks和UserVoice等。早先，David曾領(lǐng)導(dǎo)過兩家硅谷創(chuàng)業(yè)公司和一家建筑公司的設(shè)計部門，在大學(xué)教授過印刷課程。在愛荷華州立大學(xué)攻讀平面設(shè)計專業(yè)美術(shù)學(xué)士學(xué)位期間，他曾在羅馬學(xué)習(xí)古代印刷術(shù)。Communication Arts雜志刊登過他的設(shè)計作品，他曾在South by Southwest（SXSW）互動大會上做過演講。你可以訪問kadavy.net，閱讀其關(guān)于設(shè)計和創(chuàng)業(yè)的文章，也可在Twitter上通過關(guān)注@kadavy，或借由david@kadavy.net與他聯(lián)系。
目錄：
第一部分 理解設(shè)計
第1章 為什么需要設(shè)計 2
1.1 設(shè)計到底是什么 2
1.2 設(shè)計不是什么 4
1.3 設(shè)計的“層次” 5
1.3.1 目的 5
1.3.2 載體和技術(shù) 6
1.3.3 審美選擇 6
1.4 小結(jié) 7
第2章 設(shè)計的目的 8
2.1 視覺設(shè)計與用戶體驗設(shè)計的關(guān)系 9
2.1.1 用戶體驗設(shè)計基礎(chǔ)要素 9
2.1.2 視覺設(shè)計對比 10
2.2 有時視覺設(shè)計夠用即好 11
2.3 視覺設(shè)計有時是產(chǎn)品優(yōu)勢 11
2.4 Twitter 用戶體驗?zāi)嫦蚬こ獭 ?3
2.4.1 用戶角色 13
2.4.2 用例 14
2.4.3 線框圖 16
2.5 小結(jié) 16
第二部分 媒介和形式
第3章 排版的媒介和樣式 18
3.1 誤用的悲劇：Comic Sans 字體緣何惹人厭 18
3.2 排版的束縛：不變的文字 23
3.3 字母表的組成 24
3.4 字母起源 27
3.4.1 羅馬帝國的“推特” 27
3.4.2 羅馬排版的巔峰之作 28
3.5 經(jīng)久不衰的字體 35
3.5.1 印刷誕生發(fā)展簡史 36
3.5.2 制作字范：不變文字的搖籃 36
3.5.3 威尼斯與文藝復(fù)興 37
3.5.4 法國和 Garamond 字體 38
3.6 Garamond 字體現(xiàn)狀：為什么不在網(wǎng)絡(luò)上使用 Garamond 字體 38
3.6.1 “網(wǎng)絡(luò)字體”的誕生 38
3.6.2 大躍進(jìn) 39
3.6.3 縮小差距 40
3.6.4 包容局限性——即使會很拙劣 42
3.7 小結(jié) 43
第4章 技術(shù)與文化 44
4.1 潮流興起的原因 44
4.1.1 印象主義的誕生 44
4.1.2 Web 2.0 平面設(shè)計 48
4.2 SEO 也是設(shè)計 55
4.2.1 理解 SEO 的重要性 57
4.2.2 選擇恰當(dāng)?shù)年P(guān)鍵字 58
4.2.3 頁面內(nèi)容與代碼 59
4.3 小結(jié) 63
第三部分 排版
第5章 騙人的黃金比例：認(rèn)識比例 66
5.1 什么是比例 66
5.2 比例與設(shè)計 68
5.3 揭開黃金比例的傳奇面紗 69
5.3.1 黃金比例與斐波那契數(shù)列：類似卻不相同 70
5.3.2 人體中的黃金比例 71
5.3.3 黃金比例的誤區(qū) 73
5.4 其他一些賞心悅目的比例 75
5.4.1 根號 2 矩形 76
5.4.2 2∶3 矩形 76
5.4.3 3∶4 矩形 77
5.5 世界中的比例 77
5.5.1 音樂和舞蹈 77
5.5.2 自然界 78
5.5.3 計算機(jī)和移動設(shè)備 80
5.6 設(shè)計中的比例 81
5.7 小結(jié) 85
第6章 吸引眼球：設(shè)計構(gòu)圖與設(shè)計原則 86
6.1 構(gòu)圖關(guān)系 86
6.1.1 閱讀方向 86
6.1.2 以構(gòu)圖方式引導(dǎo)用戶視線 88
6.1.3 前景 / 背景的關(guān)系 91
6.2 設(shè)計原則 93
6.2.1 顯性優(yōu)勢 93
6.2.2 相似性 94
6.2.3 節(jié)奏感 95
6.2.4 質(zhì)感 97
6.2.5 方向感 98
6.2.6 對比關(guān)系 101
6.3 為什么 MailChimp 的 Logo 如此漂亮：設(shè)計構(gòu)成和設(shè)計原則的運(yùn)用 102
6.3.1 前景 / 背景關(guān)系 103
6.3.2 顯性優(yōu)勢 104
6.3.3 相似性 104
6.3.4 節(jié)奏感 105
6.3.5 質(zhì)感 106
6.3.6 方向感 107
6.3.7 對比關(guān)系 107
6.4 小結(jié) 108
第7章 激活信息：建立視覺層次結(jié)構(gòu) 109
7.1 什么是“層次結(jié)構(gòu)” 109
7.1.1 層次結(jié)構(gòu)富有表現(xiàn)力 110
7.1.2 影響層次結(jié)構(gòu)的諸多視覺因素 111
7.2 層次結(jié)構(gòu)因素 111
7.2.1 空白區(qū)域 112
7.2.2 字體粗細(xì)和字號 115
7.2.3 顏色 119
7.2.4 視覺裝飾元素 119
7.3 設(shè)計中的層次結(jié)構(gòu) 122
7.4 小結(jié) 124
第四部分 色彩
第8章 色彩學(xué) 126
8.1 色彩是什么 127
8.2 眼睛的騙局 128
8.2.1 同色異譜 128
8.2.2 色彩恒常性 128
8.2.3 殘留影像 129
8.3 視覺系統(tǒng)的工作機(jī)制 130
8.3.1 視錐細(xì)胞 130
8.3.2 三基色原理和對抗色覺理論 131
8.3.3 主波長組合和色輪 132
8.3.4 色盲 133
8.4 定義顏色 134
8.4.1 蒙賽爾色卡 135
8.4.2 色相、飽和度和亮度 136
8.4.3 Lab 色彩模型 136
8.5 顏色模型和數(shù)據(jù)驅(qū)動圖形 137
8.5.1 顏色和定性數(shù)據(jù) 137
8.5.2 顏色和定量數(shù)據(jù) 138
8.5.3 連續(xù)調(diào)色板與離散調(diào)色板 141
8.6 十六進(jìn)制顏色的思考：理解 Web 中的顏色 141
8.6.1 理解 RGB 142
8.6.2 RGB 的十六進(jìn)制表示法 144
8.6.3 神游十六進(jìn)制“立方體” 144
8.6.4 未來：HSL 147
8.7 色彩模型實踐： 為什么名片色彩和網(wǎng)站色彩（永遠(yuǎn)）不相配 148
8.7.1 RGB 顯示與 CMYK 彩色印刷的不同 148
8.7.2 色域 149
8.7.3 跨媒體設(shè)計和色彩管理 150
8.8 小結(jié) 153
第9章 色彩理論 154
9.1 對色彩的反應(yīng)貫穿著整個人類歷史 154
9.2 色彩反應(yīng)和人類生物學(xué) 155
9.3 紅色的魔力：為什么你根本贏不了“Target 挑戰(zhàn)” 155
9.3.1 紅色對大腦的影響 156
9.3.2 前額葉皮層與理性思考 156
9.3.3 襲擊前額葉皮層 157
9.3.4 前額葉皮層與決策 158
9.3.5 色彩和情境 158
9.3.6 這對你意味著什么 159
9.4 其他顏色的研究 159
9.5 顏色和文化 160
9.6 配色和色輪 161
9.7 選色和 Web 設(shè)計約定 162
9.7.1 背景 162
9.7.2 圖像與文本 163
9.7.3 強(qiáng)調(diào)色 165
9.8 顏色的相互作用：為什么莫奈從不使用黑色 166
9.8.1 印象派畫家：色彩大師 166
9.8.2 色彩理論：印象派的發(fā)現(xiàn) 167
9.8.3 莫奈的用色技法 170
9.8.4 像莫奈那樣用色 171
9.9 配色方案 173
9.9.1 單一配色方案 173
9.9.2 相似配色方案 174
9.9.3 互補(bǔ)配色方案 175
9.9.4 分散互補(bǔ)配色方案 177
9.9.5 三色系配色方案 178
9.9.6 四色系配色方案 180
9.9.7 任意配色方案 181
9.10 用顏色營造氣氛 182
9.10.1 神秘或獨(dú)特 182
9.10.2 活潑動感 183
9.10.3 柔和安靜 184
9.10.4 自然清新 185
9.11 設(shè)計調(diào)色板和配色方案的工具 186
9.12 小結(jié) 188
附 錄
附錄A 字體的選擇和搭配 190
A.1 字體分類 191
A.1.1 襯線字體 192
A.1.2 非襯線字體 193
A.1.3 展示字體 193
A.2 觀察字母結(jié)構(gòu)：骨架的樣式 194
A.2.1 人文主義字體 194
A.2.2 幾何字體 194
A.2.3 現(xiàn)實主義字體 195
A.3 字體配對 195
A.3.1 法則 195
A.3.2 例外情況 196
A.3.3 為什么有些字體搭配效果良好 197
A.3.4 終極技巧：相信字體設(shè)計師的選擇 201
A.4 常用字體 201
附錄B 排版規(guī)范 204
B.1 不要篡改字體 204
B.1.1 仿粗體 205
B.1.2 仿斜體 205
B.1.3 仿小型大寫字母 206
B.1.4 拉伸字體 207
B.1.5 勾勒字體輪廓 208
B.1.6 帶圖片或者紋理的字體 208
B.2 正文設(shè)置 209
B.2.1 顯示段落間的變化 209
B.2.2 避免等距調(diào)整 211
B.2.3 避免寡行和孤行 211
B.3 注重排版細(xì)節(jié) 212
B.3.1 并非所有的引號都是相同的 212
B.3.2 大膽地使用破折號 212
B.3.3 句點(diǎn)后面使用一個空格，不是一對 213
B.3.4 使用連筆將字母連在一起 213
|
