設計師視覺層次結構初學者指南
已發表: 2018-11-07如果您是一名平面設計師、網頁設計師,或者如果您從事視覺工作,那麼您可能已經在創建新文檔或產品時開發了您的流程。 無論您是否以這種方式引用它,開始一個新項目的基本任務之一就是為該作品提出一種視覺層次結構——視覺分解中所有元素或部分的佈局。 創作一個新的視覺作品總是要考慮佈局和構圖——事情的去向、排列方式和順序。 您可以將層次結構視為設計項目中基本元素列表的框架,以使最重要的事物呈現在創作的頂部。
創建層次結構很重要,因為它可以幫助您在正確的時間將注意力集中在正確的事情上。 層次結構是一種合理的方式,通過在其結構中提供組織並幫助查看者導航來顯示元素的相對本質。 您將能夠知道哪些信息先於其他信息; 您將準確地知道應該首先閱讀什麼。 你也會知道你應該更關注哪個部分。
我們創造的一切都應該有一個層次結構——即使是我們在學校寫的論文或我們為我們的企業向投資者提交的報告。 但是,在設計中,層次結構並不僅限於文本。 例如,當您瀏覽一個設計正確的網站時,您會發現層次結構用於幫助構建頁面。 從導航橫幅大小到圖標、簡介和英雄形象。 因此,當您的內容人員或撰稿人忙於從最重要到最不重要的元素講述網站的故事時,您——作為設計師——應該創建一個匹配的視覺層次結構。
視覺層次結構建立了一個焦點,使您的觀眾更加舒適和協調,通過您的設計並將他們引導到最重要的信息所在的位置 - 並在那裡引起他們的注意。 如果您期待擴展您對視覺層次結構的了解以建立您的設計事業,那麼您來對地方了。 本文將帶您了解一些需要考慮的事項,以便您可以創建適當的視覺層次結構。
使用尺寸為您的優勢
作為平面設計師,您可以通過減少或增加各種元素來增強可見性,從而發揮您的優勢。 較大的設計元素會引起更多關注,因此應保留給最重要、有趣或介紹性的元素。 擴大對象的尺寸和相對於其他對象的大小(比例)是賦予您的設計視覺層次和組織的高效方法之一。 那些不重要或不重視最重要的文字線索的設計元素,可以縮小尺寸,使它們不像那些具有重要意義的元素那樣明顯。 這些類型的設計元素屬於視覺層次結構的低點。
做出明智的顏色選擇
在創建層次結構時要關注的另一件重要事情是顏色和對比度。 人類在視覺上會被顏色所吸引,尤其是當顏色以一種策略性的方式應用來顯示重要的圖像或信息時。 當這個信息有一些與顏色相關的組織時,一個人很有可能會瀏覽一個網站並深入閱讀。 這就是為什麼數據驅動的圖形和圖表通常採用顏色編碼以獲得更好的可見性和可讀性。 黃色和紅色等顏色傳達重要性和緊迫性,而藍色和綠色等顏色傳達穩定和平靜。 但是,您應該注意不要用彩虹的所有顏色浸透您的設計,因為它可能會產生負面影響或分散信息的注意力。 巧妙而有目的地使用顏色,您會發現它們可以很好地轉化為產品的整體視覺影響。
明智地考慮排版
要考慮的另一個因素是您決定使用的字體類型以及每種字體的大小。 有多種字體可供選擇,因此您的工作是確保您選擇的字體是最好的,並帶出任何產品的信息。 傳統上,據說標題和標題應該使用無襯線或顯示字體,並且複製字體應該僅歸為襯線字體。 隨著世界的變化,這種情況正在發生變化,但作為一般規則,字體越大,副本就越引人注目。 通常,文案仍以大綱格式排列,其中頂部標題最大,較小的副標題為中等大小,一般正文最小。 這不是關於設計的趨勢或期望,而是關於可讀性和人類的掃描傾向。
最重要的設計元素應該使用能引起注意的字體——但始終保持清晰。 如果讀者無法理解所寫的內容,注意力將毫無用處。 很多時候,字體選擇是在沒有查看每個字母的表現的情況下做出的。 有時,這甚至會導致一個品牌的失禮,該品牌打算寫一個詞,但其字體使該詞看起來不正確或更糟,不合適。
完成了上面給出的提示後,您現在可以創建視覺層次結構了。 考慮到這是一本初學者指南,本文中的所有要點都經過深入研究,以幫助您第一次提出最佳視覺層次結構並輕鬆完成。 了解您的視覺層次結構是否有效的一種簡單方法是大聲朗讀文章中的所有語言。 是否有部分要求您改變聲音或強調? 這些是吸引大部分注意力的人。 對於沒有大量文本的項目,瞇著眼睛或從遠處看,注意你的眼睛是在哪裡畫的——理想情況下,那個區域將是你產品的焦點。 如果您被不那麼重要的複製或視覺元素所吸引,那麼您可能已經構建了一些過於分散注意力的東西,您可以將其作為衡量標準,以便在項目完成之前對其進行更改。