視覺設計訣竅| 6個吸睛技巧讓您的設計炙手可熱 - Shutterstock

平面設計中，視覺階層指的是構圖中的元素依重要程度排列的呈現方法。

按照重要性排列要素能夠引導觀眾觀看設計，並且確保傳遞清晰簡潔的訊息。

Home›設計›視覺設計訣竅|6個吸睛技巧讓您的設計炙手可熱 Sharethis:TwitterFacebook 視覺階層包含所有設計元素的排列，能夠引導觀眾欣賞整個作品。

使用這六個基本技術，讓設計更進一步吧。

平面設計中，視覺階層指的是構圖中的元素依重要程度排列的呈現方法。

按照重要性排列要素能夠引導觀眾觀看設計，並且確保傳遞清晰簡潔的訊息。

透過調整尺寸、寬度、間距、位置、顏色或字型，你可以讓設計中的其中一部份看起來更加重要。

階層的目的是在短時間內成功地傳達資訊。

沒有階層，任何構圖都可能難以閱讀與理解，最終導致興趣缺乏。

品牌與企業通常會將這個設計原則用於行銷產品或服務，呼籲消費者採取行動。

不論想要設計名片或是雜誌跨頁，階層都可以提升構圖。

繼續閱讀，發掘六項基本設計原則，協助你在任何分派的設計中建立階層。

1.焦點套用顏色 就像是設計構圖裡的任何一個元素，色彩抉擇也能夠在整體設計產生驚人影響。

藉著有意識地使用顏色，你可以創造觀眾一開始就會注意到的焦點。

策略性運用色彩能夠凸顯大標題、標題處理、姓名以及其他重要細節。

這些是你希望觀眾能夠第一眼就看到的資訊；像是活動地點或聯絡資訊等更詳細項目的閱讀順序，通常會落在標題後。

AlexanderMcQueen的展示標牌，作者PetrKudlacek 上方由PetrKudlacek創作的展示標牌強調了紅色的力量，並且展示它在淺色與深色背景上如何詮釋。

標題的飽和色相能夠立即吸引觀眾目光，接著引導他們欣賞整個構圖。

但是，為什麼要在構圖中使用紅色這種強烈的顏色呢？紅色以攫取吸引力聞名，這也是停止標誌、促銷橫幅以及電話通知運用紅色的原因。

與較深的顏色形成對比時，紅色和其他暖色調能夠馬上脫穎而出，而較冷的色調則會在空間中變得模糊。

Show&Go的海報設計，作者JonathanQuintin 遊戲名稱本身就是對比。

色相是否融入背景，或是它能吸引注意力呢？策略性地思考作品裡使用的顏色，避免混淆觀眾。

為設計選擇最佳色相意味著評估所選顏色的心理學，以及它在設計環境裡的表現方式。

測試不同的配色，查看他們會如何影響作品情緒、調性和閱讀性。

2.運用尺寸和比例代表重要性 尺寸真的很重要。

在平面設計裡，佔據較大區域的元素能夠先被注意到。

這個原則解釋了為什麼印刷品或數位媒體上的標題和其他重要細節通常會比內文還要大。

然而，能套用大小和比例的不只有字體；圖像、繪圖、符號以及形狀都可以受惠於這個技術。

HushFullMusic的音樂會海報，作者AuChonHin 注視上面這張音樂海報時，留意第一個脫穎而出的部分。

文字「HUSH」就像是在向你大喊──而不是請你保持安靜。

標題本身的尺寸相當大，但是與鄰近的小文字（稱為比例）相比時，這個字能有如此大的影響是有原因的。

能夠在作品中應用這個技術是因為它有清晰明確的字體階層。

TypeGeist的海報設計，作者AnthonyDart 使用尺寸和比例傳達階層時，焦點和所有其他設計面向之間最好可以具備明顯的區別。

俗諺「要就把場面搞大，否則就回家」在這裡非常適用。

如果你只讓標題或圖像比剩餘要素大一些，觀眾在觀看設計時可能會覺得混淆。

3.運用字型選擇建立階層 成功構圖的另一個要素是使用優異的字型和配對創造階層。

不論在構圖中使用多少字體，選擇合適的字型對傳遞訊息來說都是非常重要的。

不管你融合了襯線、無襯線或甚至是手寫字型，每種風格都需要與設計相搭。

舉例來說，在專業的財務橫幅廣告中使用手寫字型，會顯示字體與內容間的不相搭。

為了避免元素不相關，請分析每個使用的字型特性。

他們彼此相搭嗎？風格是否太類似了呢？或者，他們是否彼此競爭、產生對比呢？這裡的關鍵就是使用設計中存在的字型。

ThéâtredelaPorteSt-Martin的海報設計，作者PierreJeanneau 在字體佔據構圖一大部分的範例裡（像是菜單或邀請函），字體階層是確認資訊易讀性與可讀性的關鍵。

觀眾會希望能夠輕鬆找到細節，而不是需要來回瀏覽整份文件好幾次。

Yeahnot的菜單設計，作者MarinaMescaline、TarasRusych和MihailMelnichenko 不論你運用三個字型或是一個，閱讀文字的首要（第一級文字）、次要（第二級文字）或第三（第三級文字）等順序應該要有清楚的指示。

標題、大標題或姓名等重要訊息通常是首先閱讀的部分，然後才是補充細節。

如果整體構圖都使用相同的字體和風格，字寬和不同的大小就會是你的最佳好友。

許多字型家族都具有三種或以上的寬度變化，能夠讓你在保有設計一致性的同時維持階層。

4.擁抱負空間 負空間，或稱為空白空間，指的是特定物體周圍的空間，無論那是標題、圖像或是繪圖。

這個開放空間對構圖的重要程度和物體相同；它能給予作品呼吸空間，在設計全程引導觀眾。

負空間不只可以隔離不同的實體，它也能夠協助建立階層和組織。

Canvas的海報設計，作者fagerström 為了強調設計的特定面向，請增加物體周圍的負空間。

它分離了關鍵元素，並且讓觀眾直達焦點。

5.運用對齊功能組織資訊 如果在單一頁面放入大量資訊，構圖很容易擠滿文字。

一個整理構圖的好方式就是使用文字對齊和負空間。

透過將文字分類成不同層級（大標題、副標題和內文）並依需求對齊，觀眾就能更加輕易地讀取頁面資訊。

IncrementIssue9的雜誌跨頁，作者MercedesBazan 第一級文字（例如標題）在構圖裡通常都很大。

將標題置中對齊以塑造重要性，如Bazan的IncrementIssue9跨頁所示。

副標題（或稱為第二級文字）往往較長，但依然是置中對齊。

最後但並非不重要，內文（第三級文字）最好靠左對齊。

將大區塊文字靠左對齊，能夠讓觀眾更輕鬆瀏覽作品並獲取訊息。

雖然對齊通常是指字體排版，但是你也可以將此原則套用在圖樣、線條或其他繪圖上。

使用以網格為基準的方法來設計有助於保持整體組織感。

6.精通對比藝術 成功的設計取決於對比，以求帶來視覺興趣。

對比有很多種形式：透過色彩選擇、字體風格、圖樣、色溫、飽和度以及明度。

它也可以避免設計變得單調、扁平化。

solosociety的品牌識別，作者CRITICALDesignAgency 為了運用對比建立視覺階層，你可以藉著在設計裡將焦點與其他部分形成對比，進而讓它脫穎而出。

如果在作品中全程使用襯線字型，請試著套用粗體的無襯線字型來吸引目光。

與其讓圖像保持冷色調，請多多嘗試在不同區域運用暖色調。

假如你的設計看起來像是要被背景圖像吞噬，你可以使用純色色塊排除。

藉著掌握對比的藝術，你可以提升任何簡單設計的質感。

封面作者VisualGeneration 有興趣了解更多設計基本要點和原則？請查看下方的這些文章： 設計配色完整攻略：色彩意義、色彩理論、色彩心理學讓您一次擁有！ 網路免費字型|省去惱人搜尋，即刻下載101款最佳字型 HEX色碼｜秒懂16進位原理，快速搭配所需顏色 激發你的設計靈感!!讓人愛不釋手的101組配色方案 圖像設計訣竅|常用的長寬比、圖像、攝影尺寸大解析！ 相關貼文 設計:靈感   設計   設計:靈感