設計師必備四大基本原則你懂了多少丨2-對齊原則

對齊( Alignment )

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

相信很多人生活中遇到這種耳機就會很煩惱,而右邊的就會讓人很舒服
不知道大家覺得那個工作起來會更有效率
面對一團糟的機房排線真的會崩潰

設計和生活也是一樣,需要對齊原則。面對亂糟糟的東西看起來并不舒服,雜亂無章,并且效率會面的異常的低下。而設計更是如此,設計的本質(zhì)就是把信息清晰簡潔迅速的告訴讀者。利用對齊原則,使畫面所有元素進行統(tǒng)一,有關聯(lián)。

對齊的三種方式:左對齊、右對齊、居中對齊。

左對齊

左對齊是我們目前的閱讀習慣的。特別是大段的文本段落,左對齊甚至可能是唯一的選擇。其實要做到這種對齊只需要一條參考線就可以了

優(yōu)秀案例欣賞:


右對齊:

右對齊的邏輯和左對齊相反,不符合日常閱讀習慣,所以右對齊往往會顯得更加具有設計感,但缺點是只能用于文本少的場景。所以我們可以看到在名片設計中大量使用了右對齊的設計。

優(yōu)秀案例欣賞:


居中對齊:

居中對齊是最簡單的,同時它也非常的常用和安全,具有嚴肅,莊重的特性。

但居中對齊的邊線強度感弱,不如左對齊和右對齊,因為居中對齊的線是隱藏的,不像另外兩種表現(xiàn)的直觀。

優(yōu)秀案例欣賞:




對齊小結

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

在設計中,統(tǒng)一性是一個重要的概念。要讓頁面上的所有元素看上去統(tǒng)一、有聯(lián)系而且彼此相關,需要在各個單獨的元素之間存在某種視覺紐帶。


根本目的

對齊的根本目的是使頁面統(tǒng)一而且有條理

不論創(chuàng)建精美的、正式的、有趣的還是嚴肅的外觀,通常都可以利用一種明確的對齊來達到目的。


使用小技巧

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


要避免的問題

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

另外,要著力避免居中對齊,除非你有意識地想要創(chuàng)建一種比較正式、穩(wěn)重(通常也更乏味)的表示。并不是完全杜絕使用居中對齊,有時可以有意地選擇這種對齊方式,但是不要把它作為默認選擇。

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

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

  • 在《寫給大家看的設計書》中,Robin 提出了設計的四大基本原則:對齊、重復、對比、親密性。每一個優(yōu)秀的設計作品通...
    伯健君PPT閱讀 9,859評論 0 13
  • 對齊( Alignment)任何東西都不能在頁面上隨意安放。每個元素都應當與頁面上的另一個元素有某種視覺聯(lián)系。這樣...
    設計界的影帝閱讀 1,264評論 0 3
  • Robin對齊原則是指:“任何元素都不能在頁面上隨意安放。每一項都應當與頁面上的某個內(nèi)容存在某種視覺聯(lián)系”。對齊原...
    Aue1閱讀 1,083評論 0 0
  • 好的設計究竟好在哪里 我們每天都會看到很多各種形式的作品(廣告、APP界面、幻燈片……),當這些作品呈現(xiàn)在我們眼前...
    xmingo閱讀 13,751評論 0 16
  • 本書講了什么 復雜的設計原理在本書中凝煉為親密性、對齊、重復和對比這4個基本原則。作者以簡潔明快的風格,將設計所必...
    少穻閱讀 2,280評論 0 14

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