我們可以對這個問題進行哲學(xué)思考，但一般來說，眾所周知，優(yōu)秀設(shè)計的“秘密”在于您組織視覺元素的方式，與畫布相關(guān)，以及元素彼此之間的關(guān)系。

　　以雜志的布局為例。他們的設(shè)計遵循經(jīng)典的網(wǎng)格系統(tǒng)。一切通常都在左、右和底部對齊。這些尤其具有明顯的對齊方式，這使頁面不僅具有視覺吸引力，而且易于閱讀。大標(biāo)題吸引觀眾的注意力，而副標(biāo)題則作為大小對比來創(chuàng)建信息的視覺層次結(jié)構(gòu)。

　　所有這些品質(zhì)使頁面設(shè)計干凈、結(jié)構(gòu)化且易于閱讀，并且它們與我們接下來要討論的技巧保持一致。但首先，讓我們更多地了解布局設(shè)計本身。

　　什么是版面設(shè)計?

　　版面設(shè)計涉及圖形元素的排列，以吸引讀者的注意力并以視覺上吸引人的方式傳達特定信息。

　　印刷材料的設(shè)計，如報紙、雜志、海報及其數(shù)字對應(yīng)物，以及網(wǎng)頁、應(yīng)用程序或 UX/UI 設(shè)計等都與此關(guān)系密切。

　　“布局”這個詞給了我們很多提示。它意味著頁面上預(yù)定元素的排列。

　　當(dāng)布局有效時，它看起來不錯，并引導(dǎo)觀眾理解設(shè)計試圖傳達的信息。因此，了解布局是創(chuàng)建有效、用戶友好且令人愉悅的作品的關(guān)鍵。

　　如果一個布局不能很好地向觀眾傳達其信息，或者換句話說，它沒有“讀好”，那么無論它看起來多么時尚，設(shè)計都將無效。在布局設(shè)計領(lǐng)域，內(nèi)容取代了趨勢。

　　版面設(shè)計的目的

　　快速傳達信息

　　這是關(guān)鍵。布局設(shè)計建立圖形資產(chǎn)之間的關(guān)系，以實現(xiàn)眼球運動的流暢流動，以實現(xiàn)最大的效果和影響。

　　創(chuàng)造平衡

　　使用布局設(shè)計的原則是在您的設(shè)計項目中創(chuàng)造平衡和對稱感而又不會變得無聊的最直接的方法。

　　創(chuàng)造凝聚力

　　布局可幫助您以易于理解、有凝聚力和合乎邏輯的方式排列設(shè)計的許多元素。

　　創(chuàng)造美

　　平衡和結(jié)構(gòu)自然創(chuàng)造美。如果您的布局設(shè)計正確完成，它將自動對觀眾產(chǎn)生視覺吸引力。觀眾為理解信息而付出的努力越少，您的設(shè)計就越有吸引力。

　　版面設(shè)計的要素

　　文本

　　這不僅包括文本正文或段落，還包括標(biāo)題、副標(biāo)題、頁眉和頁腳。您選擇的排版、顏色和大小將對您的布局如何轉(zhuǎn)化為觀眾產(chǎn)生不同的影響。

　　圖像

　　最常見的圖像類型是照片、插圖或信息圖表。

　　形狀

　　形狀可以是非常有棱角的幾何形狀，也可以是模仿自然世界的有機形狀。它們也可以是抽象的。抽象形狀在過去一年非常流行，因為我們已經(jīng)看到網(wǎng)頁設(shè)計師將它們?nèi)谌霃?fù)雜而龐大的構(gòu)圖中。

　　留白

　　任何布局設(shè)計都會有一定數(shù)量的留白，讓您的元素能夠獨立呼吸并脫穎而出。

　　版面設(shè)計的黃金法則

　　您會注意到布局設(shè)計的原則遵循了許多設(shè)計的基本原則。就像以某種方式使用顏色、排版、重復(fù)、對比、層次和平衡。

　　原則1-使用網(wǎng)格

　　網(wǎng)格幫助設(shè)計師以一種看起來連貫且易于理解的方式定位各種設(shè)計元素，如文本和圖像。

　　它們提供了一種秩序感，它們可以防止元素相互壓倒，最重要的是，網(wǎng)格還將糾正您的對齊方式。

　　網(wǎng)格類型

　　布局網(wǎng)格最初用于在紙上排列筆跡。

　　它們最早可以追溯到 13 世紀(jì)，當(dāng)時法國藝術(shù)家 Villard De 將網(wǎng)格系統(tǒng)與黃金比例合并，以制作帶有邊距的印刷頁面布局。時至今日，您仍能看到這種網(wǎng)格系統(tǒng)，正如大多數(shù)印刷書籍和雜志布局所證明的那樣。出版商、編輯和設(shè)計師更喜歡使用標(biāo)準(zhǔn)網(wǎng)格，不僅因為它們看起來不錯，而且因為讀者已經(jīng)開始期望某些設(shè)計元素位于特定的位置。

　　網(wǎng)格可以通過兩種方式設(shè)計：對稱或非對稱。

　　根據(jù)此分類，您可以依賴全球使用的五種主要布局網(wǎng)格類型：

　　手稿網(wǎng)格是最常見的文檔網(wǎng)格類型。它們將頁眉、頁腳和邊距分開，并在格式內(nèi)創(chuàng)建一個矩形，為文本提供邊界。它們是雜志、報紙和書籍的基礎(chǔ)。所以這可能是你

　　最熟悉的布局。

　　列網(wǎng)格是雜志出版中的另一個最愛。典型的雜志布局使用列網(wǎng)格將文本分成易于閱讀的部分。但它們在網(wǎng)站上也很受歡迎。您可以使用從兩個到六個網(wǎng)格的任何內(nèi)容。更多是可能的，但并不常見。關(guān)于列網(wǎng)格的一個非常重要的事情是列之間的間距相等。

　　例如，報紙使用對稱列網(wǎng)格，而不對稱列網(wǎng)格在網(wǎng)頁設(shè)計中更受歡迎。

　　模塊化網(wǎng)格類似于柱形網(wǎng)格，但它們也考慮了水平流線。當(dāng)您必須在布局中組織各種元素并且列網(wǎng)格根本不夠時，就需要這種類型的網(wǎng)格。

　　模塊化網(wǎng)格具有相同大小的模塊，這使得以不同方式可視化您的空間區(qū)域變得非常容易。

　　基線網(wǎng)格非常適合基于文本的合成?；€是您鍵入時文本所在的行，行距是兩個基線之間的間距。想知道您的標(biāo)題或副標(biāo)題應(yīng)該有多大?

　　基線網(wǎng)格可以幫助您的文本具有流暢的節(jié)奏。

　　與所有對應(yīng)物相比，分層網(wǎng)格看起來不像網(wǎng)格。盡管如此，它們在按重要性順序組織設(shè)計元素時非常有用。分層網(wǎng)格可以基于模塊化網(wǎng)格，您甚至可以創(chuàng)建自己的網(wǎng)格。網(wǎng)站經(jīng)常使用這種網(wǎng)格，尤其是數(shù)字雜志和報紙在向數(shù)字化過渡時往往更多地依賴分層網(wǎng)格而不是列網(wǎng)格。

　　原則2-使用負空間

　　負空間是設(shè)計中沒有任何實際元素的區(qū)域。它不僅圍繞著您的內(nèi)容，還會在它們之間建立必要的紐帶。正因為如此，負空間是一個合理的設(shè)計元素，對布局設(shè)計的有效性有著巨大的影響。

　　負空間將有助于分隔設(shè)計中的各個區(qū)域，同時還可以讓您的布局呼吸。它有助于視覺層次和視覺平衡;它將用戶的注意力集中在核心元素上;它降低了分心的程度。

　　缺乏經(jīng)驗的設(shè)計師可能傾向于通過放大文本或放大徽標(biāo)或圖像來盡可能多地填充畫布。但是，為元素留出空間可以讓觀眾更快、更舒適地選擇某些信息。

　　負空間的一種簡單方法是使用模塊化網(wǎng)格。通過將其放置在您的設(shè)計之上，您可以輕松地查看哪些模塊可以保留為空，哪些應(yīng)該填充。

　　原則3-選擇一個焦點

　　是否有客戶要求您將徽標(biāo)做得更大?然后讓標(biāo)題變得更大?

　　你不能強調(diào)一切。它違背了良好設(shè)計的意義。就像時間一樣，焦點是相對的。為了讓一個元素脫穎而出，另一個必須作為背景。為了讓您的設(shè)計顯示視覺層次結(jié)構(gòu)，某些元素需要支配其他元素。

　　設(shè)計中的焦點是具有最大視覺重量的元素。它是首先吸引眼球的元素，比布局中的其他任何東西都重要。

　　這通常可以通過使用大圖像或大量排版來實現(xiàn)。

　　原則4-考慮接近和流動

　　接近的原則很簡單。確保相互關(guān)聯(lián)的元素放在一起。

　　接近表示視覺內(nèi)容相互連接并成為一個有助于組織布局的視覺單元。

　　因此，將相互關(guān)聯(lián)的設(shè)計內(nèi)容聚集，并使用大量信息來引導(dǎo)您的受眾訪問他們需要使用的相關(guān)內(nèi)容。這也稱為流動原理。

　　具有良好流動性的設(shè)計將在整個布局中從元素到元素輕松地引導(dǎo)觀眾的眼球。您的焦點將吸引眼球并成為休息的地方，而其他元素則賦予方向。

　　原則5-使用對比度

　　確保你的設(shè)計有足夠的對比度。

　　對比有助于組織設(shè)計，并將建立急需的層次結(jié)構(gòu)強調(diào)重要的內(nèi)容。

　　不僅如此，對比度的良好使用還可以在整個設(shè)計中增加視覺趣味。所有大小、形狀或顏色都相同的布局看起來會很無聊。

　　您的第一個想法可能是顏色對比，例如暖色與冷色、深色與淺色、藍色與橙色。但是，雖然顏色是對比的一個極其重要的原則，但也存在類型、對齊和大小的對比。請記住，對比度也是相對的。它只有與其他元素并置時才有意義。

　　以下是一些以巧妙而美觀的方式使用此規(guī)則的布局示例。注意排版、顏色的對比，甚至元素之間大小的對比。

　　原則6-重復(fù)、模式、節(jié)奏

　　當(dāng)我們想到重復(fù)時，我們會一遍又一遍地想到同一個元素。

　　但是在設(shè)計上就不一樣了。絕對沒有那么無聊。如果使用得當(dāng)，重復(fù)實際上可以增強您的設(shè)計。

　　嘗試在整個布局中識別和重復(fù)使用一個主題，以便讓各個區(qū)域感覺相連并成為同一構(gòu)圖的一部分。它將幫助您的設(shè)計有一個主題。通過重復(fù)元素，您不僅可以根據(jù)受眾的期望進行設(shè)計，還可以改善用戶體驗。保持一致使用戶感覺更舒適。

　　您可以通過重復(fù)形狀或符號來做到這一點?；蛘呱踔潦桥渖桨浮⒆煮w和總體上相同的風(fēng)格。

　　限制不同數(shù)量的圖案、線條粗細/樣式和顏色，并始終重復(fù)。此外，盡量保持圖像和圖形的風(fēng)格相同。例如，使用同一藝術(shù)家的插圖。

　　這六個原則將幫助您組織設(shè)計并實現(xiàn)更專業(yè)和平衡的布局。

　　平面設(shè)計不是一門精確的科學(xué)，它不應(yīng)局限于技巧和原則。在所有創(chuàng)作領(lǐng)域都是如此，沒有硬性經(jīng)驗法則。以微妙的方式突破這些技巧將為您的設(shè)計增加深度和多樣性。