設計四大原則之二 – 對齊【原創】
關於設計中的親密性原則
(文後有PDF版本電子書連結)
《寫給大家看的設計書》由人民郵電出版社在2009年發行後,至今已發行第四版 ,在看完這本書後,即使是非科班出身的你,也可以利用書中的一些小技巧,進行基礎的設計,並且使你的設計沒有那麼“糟糕”。
在書中,詳細說明了設計中的四大基本原則:
對比:避免元素太過相似。如果元素不同,就讓他們截然不同
重複:視覺要素在作品中重複出現,增加條理性和統一性
對齊:每一元素與另一元素有某種視覺聯絡。另外觀清晰、精巧、清爽
親密性:彼此相關的項歸組在一起,建立一個視覺單元。組織資訊、減少混亂、結構清晰親密性
今天,我們就來討論一下“關於設計中的 對比 原則”
在新手設計中常出現這樣的問題:習慣性居中對齊、文字與圖片隨意擺放、不考慮頁面上的其他項。
正常的對齊原則是:任何元素都不能在頁面上隨意安放。每一項都應當與頁面上的某個內容存在某種聯絡。如果頁面上的一些項是對齊的,會得到一個更內聚的單元,它們之間會有一條看不見的線把彼此連在一起。
對齊按照簡單的情況可以大致分為三種:左對齊,居中對齊,右對齊;
左對齊:文字或塊以自身的可視左邊界線為基準,進行對齊。
居中對齊: 文字或塊以自身的可視中心點的Y軸為基準,進行對齊。
右對齊: 文字或塊以自身的可視右邊界線為基準,進行對齊。
如下書中配圖:
圖1圖2文字項都進行了分組,有合理的 親密性 ,且文字本身居中對齊,並在頁面上也居中展示。雖然這是一種合理的對齊方式,但邊界是“軟”的;實在看不出來那條“對齊線”的強度。圖3文字右對齊,儘管這是一條看不見的線,但它很明確,連線了這兩組文字的邊界,正是這個邊界的強度為佈局提供了力度。

下面是兩張報告封面,圖1居中對齊,居中對齊會營造一種正式、穩定的外觀,這種外觀顯得很穩重,但是通常也比較乏味,可閱讀性較差,視覺流向較散,無法建立較明確的視覺指示線。圖2利用強烈的的左對齊,創造出一條無線勝有線的右對齊線,不但指示了一條視覺流向,使可閱讀性變強,還能給人留下更精美的印象,而且那條看不見的右對齊線更提供了強有力的對齊基準,可以將上下兩部分的文字內容連在一起。

總結:
對齊:頁面上的任何東西都不能隨意安放,每個元素都應當與頁面上的另一個元素有某種視覺聯絡。這樣能建立一種清晰、精巧而且清爽的外觀。
《寫給大家看的設計書pdf版》—連結:https://pan.baidu.com/s/1aDSosrLNy4QDaVcQjBuEOg
提取碼:8108
轉載時請註明出處及相應連結,本文永久地址:https://blog.yayuanzi.com/25145.html
微信打賞
支付寶打賞
感謝您對作者Leo的打賞,我們會更加努力! 如果您想成為作者,請點我