Contents

平面設計師構圖的 8 條黃金規則

構圖在攝影和藝術行業中最為人所知,但在平面設計中也同樣重要。設計必須在視覺上對用戶有吸引力,並服務於更大的目的,而不僅僅是美觀,而實現構圖規則就可以做到這一點。

為了確保圖形設計對用戶來說既具有視覺吸引力又提供信息,遵守某些構圖原則非常重要。這些指南將有助於在不影響設計整體美觀的情況下創建有效的視覺傳達。

什麼是構圖,為什麼它如此重要?

構圖是指在給定的框架或上下文中故意排列視覺元素,從而產生精心製作的圖像或藝術作品。攝影和傳統美術都採用構圖原則,這些原則不僅可以在圖像的描繪中觀察到,還可以在通過食物攝影來呈現食物時觀察到。有意識地應用這些原則旨在引起觀眾的特定情感或反應。

在平面設計領域,藝術在於視覺成分和信息的組織和呈現。構圖的全方位視角考慮了佈局、色調、紋理和單個元素等因素。

在平面設計領域,視覺吸引力與信息有效傳達之間的平衡至關重要。因此,設計師必須嚴格遵守構圖原則,以引導觀眾的目光貫穿整個設計,並確保形式與功能的和諧融合。

設計網格佈局

/bc/images/column-grid-in-figma-design.jpg

佈局在設計的構成中起著至關重要的作用,各種研究表明,人類感知中固有的某些模式與我們天生的情感產生積極的共鳴。據觀察,斐波那契螺旋存在於許多自然現像中,可以作為在藝術或設計作品中組織視覺元素的有效指南,特別是當旨在通過徑向平衡實現和諧感時。然而,應該指出的是,雖然基於螺旋的排列可能很有吸引力,但它們並不是引起觀眾好評的唯一配置。

在圖形設計領域,特別是在佈局設計、網頁設計和用戶體驗 (UX)/用戶界面 (UI) 等領域,遵守結構化網格通常是實現最佳結果的關鍵。雖然傳統的基於桌面的網頁設計可能會利用由十二列組成的網格系統,但這種特定的配置應該被視為更多的指導方針,而不是不靈活的規則。各種網格的功效可能會根據當前設計項目的具體類型而有所不同,因此相應地考慮這些細微差別非常重要。

網格提供了一種吸引人類視覺感受的有序感。通過在設計工作中遵循網格系統,觀看者能夠輕鬆導航和理解每個頁面上呈現的內容的可能性會增加。此外,通過使用網格來保持跨頁面的一致性可確保將某些元素放置在可預測的位置,這可以通過減少認知負荷並促進對界面的熟悉感來增強整體用戶體驗。

練習排版層次結構

/bc/images/poster-typography-design.jpg

即使對於那些不熟悉圖形設計的人來說,他們也可能通過日常經驗熟悉排版層次結構。例如,一份報紙就是這一構圖原則應用的例證。

主頁上的主要特色作品的特點是其突出的大字體,隨後伴隨著一個具有重要意義的次要故事。接下來,每個標題下方都有較小但仍然突出顯示的文本,提供其中內容的指示。最後,文章正文本身的文字大小是最小的,並包含補充細節。

為了確保各種設計格式的一致性,採用統一的方法來組織內容至關重要。一般來說,最關鍵的細節應該以大而易讀的字體呈現,而次要信息可以以較小的字體呈現。這種信息層次結構確保即使查看者瀏覽不太重要的元素時,基本數據仍然可以訪問。

在選擇給定設計中使用的字體類型和大小的數量時,保持克制非常重要,因為過多會降低其整體效果。一般來說,根據手頭項目的具體要求,將自己限制為不超過三種字體和四種不同的尺寸變體,往往會產生更精緻、更具視覺吸引力的結果。 “少即是多”這句格言在版式設計領域尤其適用。

給一切空間

/bc/images/do-more-motivational-screen.jpg

足夠的空間分配對於視覺設計和信息內容的有效接收至關重要。佈局中過多的元素可能是有害的,因為它可能會對觀看者產生壓倒性的影響,最終阻礙他們處理和理解設計或所傳達的信息的任何方面的能力。

結合負空間是平面設計和傳統藝術實踐中的一種普遍方法;然而,它只是在設計中有效分配空間元素的幾種方法之一。

採用網格系統可以有效地分佈視覺元素並以適當的間距創建平衡的構圖。通過極簡主義堅持簡單的原則,使人們能夠通過丟棄多餘的細節來專注於設計的基本方面,最終形成精緻而有效的佈局。

圖層元素

/bc/images/layer-design-graphic.jpg 圖片來源:Atelier D€™Alves/Behance

儘管有足夠的空間可用於佈置,但多個視覺組件可能在合成內彼此重疊。即使遮擋了隨附圖像的一部分,大的突出字體仍然清晰可辨。這種複合風格迎合了圖形設計固有的創意傾向,同時又保持了其功能性和傳播價值。

為了增強 UX/UI 和網頁設計領域的用戶體驗,採用一種稱為“分層”的技術通常是有益的。這種方法涉及將各種視覺組件疊加在一起,從而創建一種深度感並允許用戶進行無縫導航。例如,標題可以通過動畫在圖像上移動,然後在選擇後消失,從而揭示其下方的附加功能。

視覺設計中圖層的應用有多種用途,包括建立層次結構以及平衡基本內容與裝飾或上下文特徵。此外,攝影師經常利用分層構圖技術將觀眾的注意力引導到整個圖像上。

添加紋理

/bc/images/texture-design.jpg 圖片來源:MA Cherry/Behance

結合紋理可以通過賦予圖形設計深度和維度來顯著增強圖形設計的視覺吸引力。除了紋理之外,圖層的利用使設計師能夠創造出超越二維的更複雜、更迷人的構圖。需要注意的是,圖形設計不一定需要平坦或樸素的外觀;相反,它可以通過各種紋理元素來豐富,以獲得更引人注目的效果。

紋理包含多種風格,例如漸變效果、半透明品質、仿舊外觀、重複圖案,甚至排版本身也可以對紋理產生影響。對於那些使用 Canva 進行設計的人來說,可以通過使用特定的 Canva 代碼組合來獲得許多預先設計的紋理元素。

玩轉色彩和諧

/bc/images/color-palette-design.jpg

顏色在設計領域起著至關重要的作用,因為它不僅影響品牌的視覺形象和對網絡可訪問性標準的遵守,而且還有助於提高設計的整體審美吸引力。在為項目選擇色調時,必須考慮它們與特定品牌和更廣泛的設計方案的兼容性,確保整個構圖的和諧和凝聚力。

色彩和諧超越了單純的色調協調,本質上融合得很好。它包括互補色調和通過對比色調強調的單色調色板。在平面設計中使用非傳統色彩應該是有目的的,但如果執行得當,它可以為構圖注入活力和吸引力。

整合焦點

/bc/images/focal-point-design.jpg

融入視覺強調元素,即使只是為了裝飾目的,也可以有效吸引註意力。特別是在信息設計領域,這樣的元素可以作為捕獲人們興趣並促使他們暫停並仔細閱讀內容的催化劑。

優化網頁設計中的視覺層次結構涉及利用有效的空間排列和對比技術(例如實施網格結構、採用獨特的顏色突出顯示或在關鍵功能周圍保留充足的未佔用區域(稱為“負空間”))將用戶注意力引導到特定元素。這確保了重要信息在其他視覺干擾中仍然清晰可辨。

根據有效構圖的指導原則,預計中心焦點將在您的佈局中有機地出現。版式和圖像的排列可以促進某一元素提升為主要視覺成分。

知道何時打破規則

/bc/images/break-design-rules.jpg 圖片來源:Hermine Maertens/Behance

從本質上講,正如巴勃羅·畢加索雄辯地表達的那樣,一個人應該“掌握既定的慣例,以便用創造性的天賦有效地顛覆它們。

一旦掌握了經典圖形設計的基本原則,建議探索和嘗試各種技術和方法。首先,創建一張嚴格遵守既定準則的視覺上吸引人的海報,然後對其佈局和元素進行更改。觀察這些變化對作品整體外觀的影響。您可以選擇繼續修補不同的變化,或返回到構圖的基本原則以進一步完善。

為了在平面設計中取得成功,依靠一個人的創作直覺或“設計本能”至關重要。與非結構化藝術形式不同,平面設計需要對其視覺元素進行論證。雖然遵守既定原則至關重要,但探索不同的構圖可以帶來創新並最終產生出色的圖形設計。

始終將黃金法則應用到您的設計中……或者不應用

這些原則秉承畢加索的智慧,源於廣泛的實驗和完善,而不是神聖的法令。通過掌握視覺排列的基礎知識,人們可以辨別何時需要偏差才能創建引人注目的設計。