其實前端工程師也要懂點設計，畢竟還要與上下游的人打交道，說不定看到設計給你的設計稿時，還可以提點建設性意見呢。這本書我也是在豆瓣上看到別人寫的web前端工程師必讀書目清單裡看到的，書的作者是一位世界級的設計師。讀到本書的第一部分真的是讓我有點震驚，設計這麼抽象的東西竟然可以抽象成4個原則，並且這4個原則一說人人都懂，然後看了裡邊很多例項，真的是很佩服作者。如果大家有興趣也可以看看，讀下來也就一兩天時間。

《寫給大家看的設計書》pdf下載連結: https://pan.baidu.com/s/1gJftnTRY0SYw1rO4i2zGlA 密碼: rykv

第一部分 設計原則

第1章 引言

（1）約書亞樹

一旦能夠說出什麼東西的名字，就會很容易注意到它。你就會掌握它，擁有它，讓它受你所控。

（2）4大基本原則

對比、重複、對齊、親密性

第2章 親密性

將相關的項組織在一起

第3章 對齊

任何元素都不能在頁面上隨意安放，每一項都應當與頁面上的某個內容存在某種視覺聯絡。

第4章 重複

設計的某些方面需要在整個作品中重複。

第5章 對比

頁面上的不同元素之間要有對比效果，達到吸引讀者的對比效果。

第6章 4大基本原則複習

第7章 顏色運用

（1）不同凡響的色輪

（2）顏色關係

互補、三色組、分裂互補三色組、類似色、暗色和亮色、單色、暖色和冷色

第8章 更多提示與技巧

 

第二部分 字型設計

第9章 字型的基本規則

（1）標點後面一個空格、引號、撇號、連線號、特殊符號、重音符號、大寫字母、下劃線、字距調整、寡婦和孤兒

第10章 字型（與人生）

協調、衝突、對比

第11章 字型類別

Oldstyle（舊式體）、Modern（現代體）、Slab serif（粗襯線體）、Sans serif（無襯線體）、Script（手寫體）、Decorative（花體）

第12章 字型對比

（1）大小、粗細、結構、形狀、方向、顏色

（2）排字對比有一個原則，要求必須選取兩個不同字型類別中的字型。

 

第三部分 其他

第13章 你掌握了嗎

（1）過程

從中心點開始->將資訊分組->明確對齊->建立重複->對比

第14章 測驗答案和建議

第15章 本書所用字型