前一段時間砚殿，新東方因為年會上的一首歌上了熱搜啃憎，歌詞寫的網(wǎng)友們感同身受。里面有一句歌詞就是似炎，干的累死累活辛萍，有成果那又如何，到頭來干不過寫ppt的羡藐。一個ppt寫的好不好贩毕，內(nèi)容還是其次，首先是寫的能不能讓用戶有良好的閱讀體驗仆嗦。其實不光是ppt辉阶，宣傳冊，論文，網(wǎng)頁設(shè)計睛藻，廣告設(shè)計等等都需要排版启上。那么怎么才能讓你的設(shè)計看上去更專業(yè)，更有條理店印，更統(tǒng)一冈在，也更有趣呢？今天我來給大家簡單講一下四大基本原則按摘，相信大家看過之后包券，會對自己的作品有更深層次的理解。
親密性（proximity）
親密性原則是：將相關(guān)的項組織在一起炫贤，移動這些項溅固，使它們的物理位置相互靠近，這樣一來兰珍，相關(guān)的項將被看作凝聚為一體的一個組侍郭，而不再是一堆彼此無關(guān)的片段。
看起來是不是很繞掠河，其實用通俗的話講亮元，就是要把相關(guān)聯(lián)的內(nèi)容，放在一起唠摹，挨的近一些爆捞。就像很多人一起開一個party，你一眼看過去會發(fā)現(xiàn)有很多一坨一坨的人分散在各個角落勾拉，而那挨的近的一坨人肯定是比較親近的關(guān)系了煮甥。排版也是一樣，你要能先理解哪一部分是應(yīng)該放在一起的藕赞，讓它們之間的關(guān)系近一些成肘，而一部分一部分的內(nèi)容應(yīng)該相對離的遠一點，這樣閱讀的人就會知道斧蜕，這是下一個部分了艇劫。
大家看看這張名片，是不是感覺看完這張名片的內(nèi)容惩激，需要很長時間。先看中間蟹演，然后再從左往右风钻，從上往下的順序觀看，看完以后還會確認(rèn)一遍自己是不是看完了全部的內(nèi)容酒请。名片上面的每一項看起來都像跟其他項沒有關(guān)聯(lián)骡技，這樣就不知道該從哪里開始哪里結(jié)束。如果我們把名片做一點調(diào)整，將相關(guān)的元素放在一起布朦，使他們建立更近的親密性囤萤，會怎么樣。
從哪里開始閱讀從哪里結(jié)束是趴，是不是很輕松涛舍，閱讀速度是不是也快了很多。僅僅利用這樣簡單一個概念唆途，現(xiàn)在這張名片不論從理解上還是視覺上都更有條理富雅，而且還能更清楚的表達信息。
親密性原則不是說所有一切都要更靠近肛搬，大家看看這個頁面没佑，是不是有種不想看下去的感覺。雖然信息都是從上往下從左往右排列温赔，符合人的閱讀順序蛤奢，但是毫無閱讀欲望。
現(xiàn)在關(guān)系是不是很清晰陶贼，我們可以一眼分辨出啤贩，哪些是屬于哪個模塊。閱讀速度以及查找速度也變快了骇窍，更有條理更清晰瓜晤。如果某些元素在理解上存在關(guān)聯(lián)，或者相互之間存在某種關(guān)系腹纳，那么這些元素在視覺上也應(yīng)當(dāng)有關(guān)聯(lián)痢掠。除此之外，其他孤立或元素組不應(yīng)存在親密關(guān)系嘲恍。
小結(jié)
親密性的根本目的是實現(xiàn)組織性足画。如果信息很有條理，將更容易閱讀佃牛。也更容易被記住淹辞。
微微瞇起眼睛，統(tǒng)計眼睛停頓的次數(shù)來數(shù)一數(shù)頁面上的元素俘侠，如果頁面上超過3-5個元素象缀，就要先將要表達的內(nèi)容進行一個分組，然后再表現(xiàn)出來爷速，同一組的內(nèi)容要親密一些央星，組跟組之間要留有余地。
避免一個頁面上有太多孤立的元素惫东。
不要在元素之間留出同樣大小的空白莉给，除非各組同屬于一個子集毙石。
在有很近親密性元素之間建立關(guān)系，不屬于同一組的元素之間不要建立關(guān)系颓遏。
不要僅僅因為有空白就把元素放在角落或中央徐矩。
對齊（alignment）
對齊原則是指：任何元素都不能在頁面上隨意安放。每一項都應(yīng)當(dāng)與頁面上的某個內(nèi)容存在某種視覺聯(lián)系叁幢。
對齊是一個很好理解的概念滤灯，從小時候開始，就被要求整理房間遥皂，所有的東西都要整整齊齊的擺放力喷；在教室里面，要求把所有的桌子都要跟前面對齊演训；在操場做操弟孟，要求跟前面的同學(xué)對齊。比起亂糟糟的隊伍样悟，排成一列的隊伍是不是在視覺上更舒服拂募，比起一團糟的房間，整理過的房間是不是更容易讓你找到你要找的東西窟她。對齊可以制造出一個安靜的中心陈症，它的表達更清晰。
大家看這一張名片震糖，在這個小小的空間里面录肯，存在三種對齊方式，左對齊吊说，右對齊和居中论咏。上面兩組沒有沿基線對齊，下面兩組也是颁井。畫基線是最好檢驗元素之間厅贪，是否缺少關(guān)聯(lián)的方式。
現(xiàn)在我們將這張名片上面的元素按照親密性原則進行區(qū)分以后雅宾，將所有的元素都移向左邊养涮，現(xiàn)在信息就看起來更有條理了。這些文本就有了一個共同的邊界眉抬，這個邊界把它們聯(lián)系在了一起贯吓。
相信大家都記得在上一篇里面我們用了居中對齊，那么現(xiàn)在為什么又要左邊對齊呢蜀变。居中對齊也是一種合法的對齊方式宣决，但邊界是軟的，看不出對齊線的強度昏苏。盡管這是一條看不見的線，但是在左對齊里面，它很明確贤惯，你看到這張名片就可以腦補出一條這樣分明的線洼专。正是這個邊界的強度為布局提供了力度。
居中對齊是初學(xué)者最常用的對齊方式孵构，這種對齊看起來安全屁商，更正式，更穩(wěn)重颈墅，中規(guī)中矩蜡镶，但通常會顯得乏味。通過充分利用親密性恤筛，并結(jié)合明確的右對齊或者左對齊官还，你會有不一樣的感受。并不是一定不要居中毒坛，而是要留意這種對齊效果望伦，是不是你想要表達的效果。
在進階之前煎殷，最好堅持一個原則屯伞，只使用一種對齊方式，所有的文本都左對齊右對齊或者居中豪直。如果你想要嘗試在一個頁面使用兩種對齊方式劣摇，那么你就要讓它們相互之間有某種聯(lián)系。
盡管這兩個元素用了兩種不同的對齊方式弓乙，左對齊和右對齊末融。但是下面右邊界跟上文的右邊界，被一條看不見的線連接了起來唆貌。在頁面上放其他項的時候滑潘，一定要確保每一項都與頁面上的其他項存在某種對齊。如果文本行水平擺放锨咙，則按其基線對齊语卤。如果有多個單獨的文本塊，則對齊其左邊界或者右邊界酪刀。如果有圖片元素粹舵，將其與頁面的其他邊界對齊。絕對不要在頁面上隨意擺放元素骂倘。
小結(jié)
每個元素應(yīng)當(dāng)與頁面上的另外一個元素存在某種視覺聯(lián)系眼滤。對齊的根本目的就是使頁面統(tǒng)一并且有條理。不論創(chuàng)建精美的历涝、正式的诅需、有趣的還是嚴(yán)肅的外觀漾唉，通常都可以利用一種明確的對齊來達到目的。
要注意元素放在哪里堰塌，應(yīng)當(dāng)總能在頁面上找出能跟它對齊的元素赵刑，盡管這兩個元素的物理位置可能很遠。
避免在頁面上混合使用多種文本對齊方式场刑。
盡力避免使用居中對齊般此，除非你有意識的想要創(chuàng)建一種比較正式、穩(wěn)重的感覺牵现。
參考書籍：寫給大家看的設(shè)計書
