不管你利用了多么漂亮的平面設(shè)計(jì)，構(gòu)圖不充分的話，設(shè)計(jì)的優(yōu)點(diǎn)就不會(huì)存在。設(shè)計(jì)的構(gòu)成、組裝可以說(shuō)是非常重要的吧。 那么，構(gòu)圖到底是什么意思呢？ 簡(jiǎn)單地總結(jié)一下，把各部分集中起來(lái)，或者各部分集中在一起組裝整體。 在設(shè)計(jì)上，是指通過(guò)收集使用的字體、字體、圖像、平面設(shè)計(jì)、配色等，制作出統(tǒng)一的設(shè)計(jì)。進(jìn)行編排、配置和對(duì)齊等編輯，通過(guò)很好地構(gòu)成，不僅外觀很好，還可以完成非常功能性和效果的設(shè)計(jì)。 這次來(lái)看看掌握構(gòu)圖的幾個(gè)秘訣、訣竅和設(shè)計(jì)技巧吧。
01.找出關(guān)注點(diǎn)
正如學(xué)校教的那樣，關(guān)注點(diǎn)可以說(shuō)非常重要。 良好構(gòu)圖的關(guān)鍵要素被強(qiáng)調(diào)了焦點(diǎn)幫助讀者在第一次看到設(shè)計(jì)時(shí)，自然地將視線引導(dǎo)到重要的點(diǎn)。決定焦點(diǎn)的時(shí)候，什么設(shè)計(jì)都可以最終目標(biāo)是溝通請(qǐng)牢記這一點(diǎn)。 通過(guò)很好地處理想法和一些信息，或者感覺(jué)和感情，設(shè)計(jì)可以描繪出特定的故事。 為了能讓設(shè)計(jì)更有力、更有效果地吸引人，決定好焦點(diǎn)吧。
以下示例的焦點(diǎn)是女模特和衣服。 因此模特被放在中央，字體和黃色的圈子強(qiáng)調(diào)，將視線從模特的臉引導(dǎo)到衣服上。 另外，利用引導(dǎo)線，將視線從女性模特身上移開，引導(dǎo)其獲取更細(xì)致的信息。
同樣，在以下的范例海報(bào)中，男性模特備受關(guān)注。 首先將男性模特配置在中央，通過(guò)手繪平面設(shè)計(jì)將模特包圍起來(lái)，將視線集中在焦點(diǎn)(男性模特)。
02.使用引導(dǎo)線引導(dǎo)視線
希望別人看到什么時(shí)，特定的直線和圖形形狀可以控制設(shè)計(jì)的看法，首先是視線聚集的地方。使用引導(dǎo)線的一個(gè)非常有名的設(shè)計(jì)是流程圖吧。 流程圖通過(guò)利用線條，從一個(gè)點(diǎn)一個(gè)點(diǎn)地明確地表示了視線。 以下的設(shè)計(jì)示例通過(guò)在流程圖中使用閱讀線，以愉快且獨(dú)特的方式介紹信息。
引導(dǎo)線按照信息的各個(gè)點(diǎn)的順序引導(dǎo)我們。 看到上述樣本時(shí)，視線首先進(jìn)入主要焦點(diǎn)，然后呢？ 通過(guò)很好地配置、調(diào)整引導(dǎo)線，不僅是焦點(diǎn)，還可以引導(dǎo)視線到達(dá)剩下的整個(gè)設(shè)計(jì)。
在以下示例中，通過(guò)利用強(qiáng)調(diào)的引導(dǎo)線，首先將視線引導(dǎo)到成為焦點(diǎn)的標(biāo)題，然后進(jìn)入排列成列表狀的信息。
當(dāng)然，所有的設(shè)計(jì)都不會(huì)為了吸引讀者的視線而利用清晰的直線。 并不是因此就無(wú)能為力。 通過(guò)利用圖像圖像和平面設(shè)計(jì)中的圖形和直線，可以將視線引導(dǎo)到某個(gè)固定的方向。
以下的海報(bào)范例中，利用男性模特的左手線，將視線從logo開始，引導(dǎo)到剩下的圖像。 在這個(gè)例子中，可以說(shuō)圖像形象的形狀引導(dǎo)了視線。
03.放大縮小，然后使用層次
縮放和視覺(jué)層次可以說(shuō)是設(shè)計(jì)的基礎(chǔ)，整個(gè)設(shè)計(jì)有好有壞。 在成功的構(gòu)圖中，妥善處理是很重要的。作為非常簡(jiǎn)單的說(shuō)明，階層是根據(jù)視覺(jué)重要度排列設(shè)計(jì)要素的技術(shù)。 因此，重要的要素大，用粗體顯示，不太重要的要素小，顏色多顯示得淺吧。階層特別是在處理字體、字體時(shí)變得非常重要。
縮放通過(guò)引起讀者的關(guān)注和脫離，幫助他們很好地傳達(dá)視覺(jué)層次，每個(gè)要素都意味著重要程度。
例如，在以下示例中，放大后的圖像圖像成為最大的設(shè)計(jì)要素，通過(guò)使其看起來(lái)很有魅力而受到關(guān)注。 其次，用最粗體顯示的標(biāo)題表示在記載的信息中最重要，詳細(xì)信息的正文用更小的文字表示。 在本例中，縮放以焦點(diǎn)為信號(hào)，保持文字文本的層次。
另外，通過(guò)利用縮放，也可以作為能夠很好地表現(xiàn)設(shè)計(jì)尺寸感的工具而大顯身手。 它很小，從復(fù)雜的復(fù)雜的東西，到巨大的宏偉的東西，被廣泛利用。
在以下樣品中，通過(guò)將站立的兩個(gè)人的剪影表現(xiàn)得很小，很好地表現(xiàn)了眼前景色的雄偉和比例感。
通過(guò)將小設(shè)計(jì)元素和大設(shè)計(jì)元素繪制為構(gòu)圖的對(duì)比度，可以創(chuàng)建幾種不同的效果。
04.取得設(shè)計(jì)要素的平衡
平衡在任何事情中都很重要，你的設(shè)計(jì)也不例外。那么如何才能創(chuàng)建完美的平衡呢？ 讓我們來(lái)看看平衡中的兩個(gè)基本種類。
首先，左右和上下的設(shè)計(jì)對(duì)稱，均衡對(duì)稱平衡。 可以制作更加強(qiáng)調(diào)平衡感的設(shè)計(jì)。以下樣本為均衡的對(duì)稱平衡。 在這場(chǎng)婚禮的邀請(qǐng)函設(shè)計(jì)中，字體和平面設(shè)計(jì)均勻排列，形成了對(duì)稱的構(gòu)圖。 這樣可以獲得優(yōu)雅、干凈、美麗的平衡。
這是另一種平衡類型，可能是更普遍的、不對(duì)稱設(shè)計(jì)。 我們指的是不平衡、不對(duì)稱的設(shè)計(jì)。以下樣本可以說(shuō)是不對(duì)稱平衡良好的具體例子。 有意地縮放圖形的大小，分散配置。中央的圓形圓是設(shè)計(jì)中最重要的要素，但是通過(guò)在字體字體字體上配置對(duì)齊的直線，以及左下方配置更重質(zhì)感的紋理，可以很好地平衡整體。
05.利用條理清晰的設(shè)計(jì)要素
互補(bǔ)色顏色你可能聽說(shuō)過(guò)，補(bǔ)充設(shè)計(jì)的要素怎么樣呢？ 作為有效構(gòu)圖的要點(diǎn)之一，通過(guò)仔細(xì)、有意識(shí)地決定設(shè)計(jì)中使用的要素，每個(gè)要素都可以補(bǔ)充整個(gè)設(shè)計(jì)。構(gòu)圖中的常見錯(cuò)誤是使用了零散的圖像圖像。 將多張照片用于一個(gè)構(gòu)圖時(shí)，在分組時(shí)確認(rèn)是否有效。 以下是一些具體的技巧。
利用一起拍的照片
通過(guò)利用采用相同風(fēng)格的照片，可以表現(xiàn)出整體感的簡(jiǎn)單技巧。 以下示例將多張圖像照片布局得很漂亮。
用相似的顏色對(duì)齊照片
Photoshop動(dòng)作喲燈光預(yù)設(shè)等等，利用廣為人知的照片加工工具，通過(guò)著色和調(diào)整，可以展現(xiàn)出更統(tǒng)一的感覺(jué)。 在以下示例中，通過(guò)利用黑白單色濾鏡，可以表現(xiàn)出更自然的照片圖像結(jié)合。
利用用相似風(fēng)格拍攝的照片
試著選擇同樣美麗和有風(fēng)格的照片形象吧。 例如，使用極簡(jiǎn)風(fēng)格的圖像時(shí)，可以通過(guò)選擇其他受極簡(jiǎn)系啟發(fā)的照片來(lái)補(bǔ)充整體設(shè)計(jì)。 可以看出，以下樣品質(zhì)感豐富，利用了木材，使用了以沉穩(wěn)的色調(diào)整理出的相同風(fēng)格的圖像。
創(chuàng)建統(tǒng)一的設(shè)計(jì)還會(huì)影響字體字體和圖像的組合。 例如，書寫體、斜線、卷曲狀裝飾等字體會(huì)給人優(yōu)雅精致的印象。 根據(jù)設(shè)計(jì)的目的和意圖，選擇字體。以下樣品是慶祝紋身和老時(shí)尚搖滾結(jié)合的活動(dòng)海報(bào)，復(fù)古風(fēng)格的形象圖像通過(guò)筆記體的標(biāo)題和粗體平板臺(tái)詞的正文，很好地表現(xiàn)出了統(tǒng)一感。 在這里，干凈、纖細(xì)、極簡(jiǎn)的無(wú)襯線字體在概念上與粗糙的搖滾風(fēng)格不匹配。
06.要強(qiáng)調(diào)對(duì)比度
對(duì)比度是強(qiáng)調(diào)或模糊設(shè)計(jì)中特定要素時(shí)非常有用的技巧之一。 通過(guò)提高對(duì)比度，利用鮮艷的配色，可以使其要素引人注目。 同樣，可以通過(guò)降低對(duì)比度將元素模糊到背景中。以下示例通過(guò)使用對(duì)比度強(qiáng)烈的顏色來(lái)吸引照片的注意力，粗體字體字體強(qiáng)調(diào)了所傳達(dá)的信息的重點(diǎn)。 同時(shí)，通過(guò)利用用細(xì)字描繪的文字文本，從焦點(diǎn)中稍微去除了要素。
這樣，對(duì)比度也可以用于隱藏設(shè)計(jì)和消息性的特定元素。
07.試著重復(fù)一下設(shè)計(jì)要素
要保持一致的邏輯布局，請(qǐng)嘗試從設(shè)計(jì)中只提取特定的元素，并將其用于其他項(xiàng)目。 字體的種類等可以在各種各樣的項(xiàng)目上利用吧。 另外，還可以重復(fù)利用主題設(shè)計(jì)。重復(fù)是成功構(gòu)圖的關(guān)鍵，尤其是在創(chuàng)建多個(gè)頁(yè)面布局時(shí)。 重復(fù)使用的設(shè)計(jì)會(huì)幫助您進(jìn)入下一頁(yè)，從而創(chuàng)建統(tǒng)一的頁(yè)面。
以下樣品中，各自的布局相似，只是所寫的內(nèi)容和照片，以及配色不同。 這種重復(fù)的構(gòu)圖通過(guò)使格式格式容易識(shí)別，容易親近，可以迅速傳達(dá)信息。
迭代是創(chuàng)建單個(gè)頁(yè)面的關(guān)鍵因素。 通過(guò)反復(fù)利用相同的圖形，可以進(jìn)一步強(qiáng)化設(shè)計(jì)，呈現(xiàn)出統(tǒng)一的效果。以下示例中，特定的字體樣式、圖形和細(xì)線有效地創(chuàng)建了整體的整體感。 如果在這個(gè)設(shè)計(jì)的中央附近配置了粗體和粉紅色的平面設(shè)計(jì)的話，所有的統(tǒng)一都會(huì)毀了吧。 通過(guò)選擇字體種類和顏色配色，簡(jiǎn)化圖形設(shè)計(jì)，在這個(gè)例子中設(shè)計(jì)表現(xiàn)得很美，很有力。
進(jìn)行設(shè)計(jì)、制作時(shí)，請(qǐng)注意使用的字體、線條的粗細(xì)、配色等。 然后在設(shè)計(jì)的某個(gè)地方活用反復(fù)，用心進(jìn)行有條理的設(shè)計(jì)。
08.不要忘記空白空間
戰(zhàn)略利用的空白空間，讓整體變得流暢，通過(guò)和更復(fù)雜的設(shè)計(jì)一起活用，有助于確保寬敞的空間。以下示例利用了空白空間，以平衡圖像、紋理和字體，從而保持了整潔精致的設(shè)計(jì)效果。
創(chuàng)建設(shè)計(jì)時(shí)，問(wèn)問(wèn)自己，那個(gè)元素是否真的需要。 需要所有這些字體嗎？ 需要淺藍(lán)色的標(biāo)題嗎？ 需要三張不同的照片嗎？ 通過(guò)從設(shè)計(jì)中刪除不必要的要素，可以直接進(jìn)行設(shè)計(jì)，會(huì)產(chǎn)生更充分的空白空間。
09.把設(shè)計(jì)要素排列好
設(shè)計(jì)構(gòu)圖時(shí)，請(qǐng)不要只是把所有元素都扔進(jìn)頁(yè)面中，就結(jié)束工作。 設(shè)計(jì)要素的排列可以方便快捷地進(jìn)行。在對(duì)設(shè)計(jì)要素的排列有困難時(shí)，試著利用一下Canva工具。 只要將要素拖到頁(yè)面上，就會(huì)有自動(dòng)對(duì)齊的工具，所以可以不用花時(shí)間就完成設(shè)計(jì)。
以下樣本實(shí)現(xiàn)了精美的雜志版面設(shè)計(jì)。 通過(guò)排列各要素，可以制作出清晰有效的布局，不僅容易引導(dǎo)視線，還能做成眼睛也能享受的內(nèi)容。
對(duì)齊在處理字體字體時(shí)也是一個(gè)非常重要的因素。 有很多方法可以對(duì)齊字體，但根據(jù)以往的經(jīng)驗(yàn)，對(duì)齊長(zhǎng)文字文本時(shí)向左對(duì)齊，可以更容易理解地引導(dǎo)視線。
10.把設(shè)計(jì)分成三份
三分割法假設(shè)通過(guò)以等間隔劃出的水平線和垂直線各2條來(lái)將畫面9等分(上下左右方向分別3等分)，如果將構(gòu)圖上的重要要素配置在這些線上或者線彼此的交點(diǎn)上，則構(gòu)成為能夠平衡且穩(wěn)定的結(jié)構(gòu)。在以下示例中，設(shè)計(jì)中很好地引入了三分割法。 在每條線交叉的部分配置了焦點(diǎn)，更加有效地吸引了設(shè)計(jì)。 另外，避免在中央的邊框上添加設(shè)計(jì)，更加關(guān)注焦點(diǎn)。
三分割法最適合于決定設(shè)計(jì)構(gòu)圖的手段，可以迅速配置各要素。在以下示例中，您可以看到每條線在焦點(diǎn)上相交。 第一張照片里是兩個(gè)徒步旅行者，下一張照片里是最大的鳥。 同時(shí)，通過(guò)線條在文字文本框周圍也交叉，將視線很好地引導(dǎo)到這些點(diǎn)。
特別是在制作使用了這種三分割法的設(shè)計(jì)時(shí)，首先使用網(wǎng)格。 這樣可以幫助你更合乎邏輯地排列要素，可以清楚地理解哪里是焦點(diǎn)。
如果找到了有效的設(shè)計(jì)，試著在心里分解一下那個(gè)設(shè)計(jì)，尋找是什么樣的構(gòu)成。 或者試著應(yīng)用網(wǎng)格布局比較好。 從很棒的示例中獲得新的靈感、想法很重要。
