設(shè)計原則丨對齊

Robin對齊原則是指:“任何元素都不能在頁面上隨意安放。每一項都應(yīng)當(dāng)與頁面上的某個內(nèi)容存在某種視覺聯(lián)系”。對齊原則要求特別小心,再不能像從前那樣,只要頁面上剛好有空間就把元素隨意“扔”到那里。

如果頁面上的一些項是對齊的,這會得到一個更內(nèi)聚的單元。即使對齊的元素物理位置是彼此分離的,但在你眼里(以及在你的心里),它們之間也會有一條看不見的線把它們連在一起。盡管你可能通過分開放置某些元素來指示它們的關(guān)系(使用親密性原則),但對齊原則很“神奇”,它會告訴讀者,即使這些項并不靠近,但它們屬于同一組。下面的頁面就展示了這種思想。

在有關(guān)親密性一節(jié)的例子中(下面再次顯示了這個例子),文本也是對齊的,但那時采用的是居中對齊。不過,如果文本為左對齊或右對齊,讓文本聯(lián)系在一起的那條看不見的線會更明確,因為現(xiàn)在有一條“硬”的豎邊。這就使左對齊和右對齊的文本看起來外觀更清晰、效果更分明。比較下面的兩個例子,后面幾頁將繼續(xù)討論。

這種對齊看起來很安全,感覺上也很舒服。居中對齊會創(chuàng)建一種更正式、更穩(wěn)重的外觀,這種外觀顯得更為中規(guī)中矩,但通常也很乏味。請注意你喜歡的那些設(shè)計。我敢保證,大多數(shù)看來精巧的設(shè)計都沒有采用居中對齊。我知道,作為一個初學(xué)者,要完全摒棄居中對齊會很難,但你必須從一開始就強制自己避開它。通過充分利用親密性,并結(jié)合明確的右對齊或左對齊,你會驚異于設(shè)計的改觀。

信紙的設(shè)計選擇可謂豐富多彩!不過,最終總免不了趨于一種平淡的居中對齊。如何設(shè)置信紙的布局,對此你有充分的自由,不過一定要記住對齊

只是要留意這種居中對齊的效果,這真的是你想要表達(dá)的效果嗎?當(dāng)然,有時候確實如此;例如,大多數(shù)婚禮都很莊重、很正式,所以,如果你想用居中方式設(shè)計你的結(jié)婚喜帖,完全可以在營造喜慶的同時有意這么做。

有時,你可能會在居中布局上增加一點小技巧,如將文本居中,但是文本塊本身不居中。或者將文本放在頁面的上方,增加緊張性?;蛘咴谝粋€很正式的居中布局中設(shè)置一種非常隨意、有趣的字體。但不論怎樣,千萬不能做的是:設(shè)置12點大小的Times字體,另加兩個回車!

你可能已經(jīng)習(xí)慣了使用文本對齊。在得到更多培訓(xùn)之前,一定要堅持一個原則:頁面上只使用一種文本對齊:所有文本都左對齊,或右對齊,或者全部居中。

盡管這些未對齊問題本身并不大,但它們加在一起,就會導(dǎo)致頁面的外觀很雜亂。應(yīng)當(dāng)找出一條明確的線,并以它為基準(zhǔn)對齊。盡管這里的改變很微妙,也許你的老板根本說不出這個例子與前一個例子之間的差別從何而來,但經(jīng)過這樣修改,確實可以得到更清晰、更精美的外觀。

重申一句:應(yīng)當(dāng)找一條明確的對齊線,并用它來對齊。如果有一個照片或圖片(有明確的直邊),可以沿著照片的這個直邊與文本的平邊對齊,如下面第二幅圖所示。

如果設(shè)計中的對齊很明確,那么可以有意識地打破對齊,而且一定要表現(xiàn)出這是有意的。技巧就在于,打破常規(guī)對齊時不要怯懦,一定要干脆一些,要么全部采用一種方式,要么全都不采用這種方式。千萬不要保守。

對齊小結(jié)

任何元素都不能在頁面上隨意擺放。每個元素應(yīng)當(dāng)與頁面上的另外一個元素存在某種視覺聯(lián)系。

在設(shè)計中,統(tǒng)一性是一個重要的概念。要讓頁面上的所有元素看上去統(tǒng)一、有聯(lián)系而且彼此相關(guān),需要在各個單獨的元素之間存在某種視覺紐帶。盡管這些孤立元素在頁面上的物理位置可能并不靠近,但是通過適當(dāng)放置,可以讓它們看上去是有聯(lián)系而且相關(guān)的,并且與其他信息統(tǒng)一??梢钥纯茨阆矚g的那些設(shè)計。一個精美的設(shè)計不論最初看上去多么雜亂無章,總能找出其中的對齊方式。

根本目的

對齊的根本目的是使頁面統(tǒng)一而且有條理。其效果類似于把客廳里四處零落的洋娃娃撿起來,并把它們放在一個玩具箱中。

不論創(chuàng)建精美的、正式的、有趣的還是嚴(yán)肅的外觀,通常都可以利用一種明確的對齊(當(dāng)然,要結(jié)合適當(dāng)?shù)淖煮w)來達(dá)到目的。

如何實現(xiàn)

要特別注意元素放在哪里。應(yīng)當(dāng)總能在頁面上找出與之對齊的元素,盡管這兩個對象的物理位置可能相距很遠(yuǎn)。

要避免的問題

要避免在頁面上混合使用多種文本對齊方式(也就是說,不要將某些文本居中,而另外一些文本右對齊)。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容