好吧，我承認(rèn)第一次做標(biāo)題黨有點(diǎn)緊張，一開始就招了。

其實(shí)這只是一本書的讀后感——《寫個(gè)大家看的設(shè)計(jì)書》。在“產(chǎn)品經(jīng)理必讀書目”、“設(shè)計(jì)師入門必讀”之類的書單中見到過很多次，前段時(shí)間花了幾天的時(shí)間讀了一遍，確實(shí)有所收獲。

一開始是想用自己的文字，將這本書的精華壓縮成一片“五分鐘內(nèi)看完，并輕松理解”的文章。不過似乎高估自己的能力，道行太淺還是別獻(xiàn)丑了，就希望有需要的朋友，能有所獲，如果看了我寫的能有興趣去看看這本書，也算是達(dá)到目的了。

這本用通俗易懂的語言，配以直觀風(fēng)趣的插圖，闡述了初級(jí)設(shè)計(jì)工作需要掌握的基本設(shè)計(jì)原理和字體設(shè)計(jì)技巧。這些原理和方法論同樣可以應(yīng)用于生活的其他方面。

涉及到的設(shè)計(jì)原理總結(jié)為“九個(gè)字”——親密性、對(duì)齊、重復(fù)、對(duì)比。

親密性：

What？

親密性是將相關(guān)的項(xiàng)組織在一起，使他們的物理位置相互靠近，從而相關(guān)項(xiàng)將被看作凝聚為一體的一組，而不再是彼此無關(guān)的片段。

Why？

其根本目的是實(shí)現(xiàn)頁(yè)面的“組織性”，只利用簡(jiǎn)單的空間親密性關(guān)系，就能自動(dòng)實(shí)現(xiàn)條理性和組織性，使得所表達(dá)內(nèi)容更容易閱讀和被記住。

How？

利用親密性建立關(guān)聯(lián)主要是物理上位置靠近，空間關(guān)系的遠(yuǎn)近或者留白劃分區(qū)域、將信息分組，使相互間關(guān)系密切的內(nèi)容自然地聯(lián)系在一起，關(guān)系相對(duì)獨(dú)立的內(nèi)容各自分開。

一個(gè)簡(jiǎn)單的檢驗(yàn)方法是將眼睛瞇起來看你設(shè)計(jì)的畫面，統(tǒng)計(jì)眼睛停留的次數(shù)來觀察界面上有多少元素能真正吸引你的注意力。如果有過多次停留，如超過5次（視具體內(nèi)容而定），則說明孤立元素或干擾信息過多，需要將其中一些建立更親密的聯(lián)系。

Attention！

避免畫面中過多孤立元素；

不同層級(jí)元素間不要使用相同大小的空白；

同分組中在很有親密性的元素間建立聯(lián)系，如不屬于同一分組一定要分開。

對(duì)齊：

What？

對(duì)齊是指任何元素都不能在頁(yè)面上隨意安放，每一項(xiàng)都應(yīng)當(dāng)與頁(yè)面上的某個(gè)內(nèi)容存在某種視覺聯(lián)系。包括居中對(duì)齊、左對(duì)齊、右對(duì)齊。

Why？

對(duì)齊的目的是使得界面設(shè)計(jì)產(chǎn)生“統(tǒng)一性”，使得界面元素看上去統(tǒng)一而有聯(lián)系，存在某種視覺紐帶。人眼喜歡看到有序、整齊的東西，給人以平靜、舒適、安全的感覺，不過也不排除產(chǎn)生打破規(guī)則的不對(duì)齊設(shè)計(jì)。

How？

對(duì)齊提供了把內(nèi)容組織在一起的依靠，雖然那些對(duì)齊線是不可見的，但是確實(shí)使得內(nèi)容產(chǎn)生了一種強(qiáng)有力的邊界。設(shè)計(jì)時(shí)特別注意元素的安放，為所有元素在頁(yè)面中找到與之對(duì)其的元素。瞇上眼睛看，找到頁(yè)面中明確的線。

Attention！

避免在頁(yè)面上使用多種對(duì)齊方式，尤其是居中對(duì)齊和左、右對(duì)齊的混用；

著力避免居中對(duì)齊，除非想創(chuàng)建正式、穩(wěn)重、莊重的感覺；

可以刻意的打破對(duì)齊規(guī)則，產(chǎn)生突出效果，不過在打破規(guī)則之前一定要清楚規(guī)則是什么，也就是說，要讓界面符合某種規(guī)則，才能在局部打破規(guī)則。

重復(fù)：

What？

重復(fù)是指設(shè)計(jì)的某些方面需要在整個(gè)作品中重復(fù)多次的出現(xiàn)，可以是粗體、線條、符號(hào)、顏色、設(shè)計(jì)要素、空間關(guān)系等等，為表現(xiàn)設(shè)計(jì)的“一致性”。重復(fù)是設(shè)計(jì)的基礎(chǔ)。

Why？

重復(fù)可以將作品的各個(gè)部分連在一起，從而統(tǒng)一并增強(qiáng)作品。為了使頁(yè)面保持“一致性”，以及增強(qiáng)視覺效果。重復(fù)是一種控制讀者視線的視覺技巧，可以提高信息的清晰度，使得內(nèi)容易于閱讀，還可為作品帶來一種專業(yè)性，權(quán)威性，讓人感覺到，設(shè)計(jì)是經(jīng)過深思熟慮的。

How？

有意識(shí)的進(jìn)行設(shè)計(jì)元素的重復(fù)出現(xiàn)，或者增加一點(diǎn)設(shè)計(jì)上的變動(dòng)，使得一個(gè)重復(fù)元素的不同變體更明顯、生動(dòng)的出現(xiàn)?？梢哉业浆F(xiàn)有的重復(fù)、如標(biāo)號(hào)、圖標(biāo)、線條，并將它加強(qiáng)。

Attention！

避免過多的重復(fù)同一元素，讓用戶產(chǎn)生厭惡感；

避免同一頁(yè)面出現(xiàn)太多種重復(fù)元素，造成混亂。

對(duì)比：

What？

如果兩個(gè)元素不同，就會(huì)產(chǎn)生對(duì)比，但是如果存在某種不同，但有差別不大，則是沖突。對(duì)比可以增加視覺效果，但是沖突往往會(huì)造成混亂，所以如果兩項(xiàng)不完全相同，那就讓他們截然不同。

Why？

對(duì)比是增加視覺效果最有效的途徑之一，可以吸引讀者注意，同時(shí)還能在不同元素之間建立一種有組織的層次結(jié)構(gòu)。人類的眼睛喜歡看到有對(duì)比的東西，對(duì)比可以增加信息的趣味性、可讀性。

How？

可以通過字體的選擇、線寬、顏色、形狀、大小、留白等產(chǎn)生對(duì)比效果。但是一定要產(chǎn)生強(qiáng)烈的對(duì)比。

Attention！

重要的話說第三遍，如果要對(duì)比，就不要畏畏縮縮，讓他們截然不同！

避免使用過多的對(duì)比造成界面信息混亂。

后話

以上介紹了書中主要講述的四大基本設(shè)計(jì)原則，他們是相輔相成共同產(chǎn)生效果的。比如使用對(duì)比產(chǎn)生分區(qū)的同時(shí)也在利用親密性原理，文章小標(biāo)題的加粗同時(shí)用到了對(duì)比和重復(fù)等等。我們自己也可以在生活中找到很多良好的設(shè)計(jì)，那么就可以看看是不是利用了這四個(gè)基本的原理，才會(huì)讓你感覺到“這個(gè)設(shè)計(jì)真好”的。

書中之后的部分還講到了顏色的運(yùn)用和字體的設(shè)計(jì)，不過同樣離不開親密性、對(duì)齊、重復(fù)以及對(duì)比四大基本原則。內(nèi)容較多，感興趣的朋友可以去找個(gè)電子版看看。書圖片較多，文字很少，讀起來很輕松快速?？赡軙?huì)給人留下沒什么東西的印象，不過如果認(rèn)真去體會(huì)，或許會(huì)發(fā)現(xiàn)，這本書其實(shí)就是一個(gè)利用了其闡述的設(shè)計(jì)原則的好作品。

其實(shí)不僅僅是做平面設(shè)計(jì)，生活中的很多事與物都會(huì)涉及到這樣那樣的基本原則，只是更加抽象了。比如做演講時(shí)需要分段落組織內(nèi)容，運(yùn)用到了廣義的親密性原理，展覽時(shí)作品都對(duì)齊擺放，闡述方案時(shí)會(huì)進(jìn)行方案對(duì)比，穿衣打扮時(shí)會(huì)有配飾之間的風(fēng)格重復(fù)和呼應(yīng)。

提高視覺敏感度、才能越來越多的發(fā)現(xiàn)身邊好的設(shè)計(jì)靈感，從而提升自己的眼界與水平。

以下是在看書之前和之后我的簡(jiǎn)歷的對(duì)比，效果還是挺明顯的（忽略內(nèi)容吧，跟某產(chǎn)品大牛學(xué)的，把關(guān)鍵信息都打上碼，把臉摳掉）。

本文由 @迷糊 原創(chuàng)投稿，并經(jīng)人人都是產(chǎn)品經(jīng)理編輯。未經(jīng)許可，禁止轉(zhuǎn)載。