通過更好地理解視覺層次來制作令人印象深刻的品牌宣傳資料。這個(gè)原則是您可以用來創(chuàng)建卓越品牌宣傳品的關(guān)鍵之一,無論是海報(bào)還是網(wǎng)頁設(shè)計(jì)。
您可能沒有意識到這一點(diǎn),但視覺層次結(jié)構(gòu)是您接觸特定產(chǎn)品或關(guān)注墻上海報(bào)的原因之一。
本指南將幫助您更好地了解此設(shè)計(jì)方面。您可以使用在這里學(xué)到的知識來改進(jìn)您的品牌宣傳材料。江門vi設(shè)計(jì)公司將在本速成課程中處理以下主題,以幫助設(shè)計(jì)師和設(shè)計(jì)新手掌握這一設(shè)計(jì)元素。
視覺層次的重要性
視覺層次結(jié)構(gòu)元素
視覺層次原則
視覺層次結(jié)構(gòu)示例
視覺層次的重要性
江門vi設(shè)計(jì)公司已經(jīng)討論過學(xué)習(xí)這個(gè)設(shè)計(jì)元素,但是視覺層次到底是什么?在談?wù)撍膬?yōu)點(diǎn)之前,讓我們先定義它。
視覺層次是指設(shè)計(jì)元素的組織方式。顏色、布局、空間、排版和其他圖形元素等因素創(chuàng)建了視覺流并建立了信息層次結(jié)構(gòu)。這為傳遞信息的戰(zhàn)略方式鋪平了道路。
品牌以此來關(guān)注重要信息,鼓勵(lì)更多人關(guān)注它。它可以應(yīng)用于各種品牌宣傳品,從廣泛的目錄到名片等小資產(chǎn)。
它創(chuàng)建了一種策略,以符合您的活動目標(biāo)的方式有效地呈現(xiàn)信息。此元素可幫助您影響和引導(dǎo)讀者,使他們從繁忙的商店貨架上發(fā)現(xiàn)您的產(chǎn)品,甚至幫助他們在您的品牌信息圖中吸收更多信息。此外,它有助于使信息更易于查找和參考。
視覺層次結(jié)構(gòu)元素
所以現(xiàn)在,您已經(jīng)準(zhǔn)備好了解哪些元素創(chuàng)建了視覺層次結(jié)構(gòu)及其基本原理。這是一項(xiàng)寶貴的知識,特別是對于希望創(chuàng)建專業(yè)圖形的有抱負(fù)的設(shè)計(jì)師。
對于初學(xué)者,這里有一些基本元素,您可以使用它們?yōu)槟脑O(shè)計(jì)創(chuàng)建一個(gè)堅(jiān)實(shí)的安排。
尺寸- 元素的尺寸會影響元素的感知方式。
顏色- 使用大膽和鮮艷的顏色可以使您的設(shè)計(jì)部分流行(例如,CTA 按鈕)。
對比度- 顏色和字體等高對比度元素營造出視覺上令人興奮的外觀。
模式- 重復(fù)的主題允許您將對象和信息與他人聯(lián)系起來。
布局- 空間有助于強(qiáng)調(diào)您的設(shè)計(jì)。
接近性- 將對象分組在一起有助于讀者連接相關(guān)內(nèi)容。
紋理- 混合和匹配紋理以幫助提升高優(yōu)先級元素。
在開始創(chuàng)建自己的設(shè)計(jì)之前,考慮以下事項(xiàng)會有所幫助。
你想強(qiáng)調(diào)什么?- 這是指您想要放在中心舞臺上的信息或設(shè)計(jì)。你想知道你想要你的焦點(diǎn)是什么。通常,它是幫助品牌回憶的品牌標(biāo)志,或者是引起讀者興趣的標(biāo)題副本。
了解您的受眾- 確定您的受眾使用的閱讀模式。您可以使用此信息來了解您可以做些什么來讓他們更輕松地閱讀您的圖形,或者您可以做些什么來讓您的設(shè)計(jì)看起來更加獨(dú)特。
視覺層次原則
有一些基本的基礎(chǔ)知識可以幫助指導(dǎo)您設(shè)計(jì)信息和設(shè)計(jì)架構(gòu)。這些概念是您學(xué)習(xí)如何創(chuàng)建引人注目的視覺層次結(jié)構(gòu)的指南。
本節(jié)江門vi設(shè)計(jì)公司將解決圍繞視覺層次結(jié)構(gòu)的一些原則。它們有助于優(yōu)化您的設(shè)計(jì)、改善用戶體驗(yàn)并幫助您創(chuàng)建與您的業(yè)務(wù)目標(biāo)一致的項(xiàng)目。
尺寸是可見性的關(guān)鍵
您可以用來突出顯示元素的最基本技巧是放大它們。您還可以盡量減少不太重要的元素,以防止觀眾被視覺混亂分散注意力。這表明更重要的文本或圖像比較小的文本或圖像更重要。這在報(bào)紙上很常見,標(biāo)題用大字體,正文用小字體。
用網(wǎng)格組織
使用網(wǎng)格可以實(shí)現(xiàn)平衡的構(gòu)圖。這是一個(gè)工具,您可以使用它來遵循三分法則并開發(fā)出引人注目的設(shè)計(jì)。有了這個(gè),您可以嘗試不同的布局,以擺脫將焦點(diǎn)放在中心的單調(diào)。網(wǎng)格對于具有有趣背景的設(shè)計(jì)項(xiàng)目特別有用,例如攝影或海報(bào)。
用負(fù)空間強(qiáng)調(diào)設(shè)計(jì)中的元素
它可能不是您在設(shè)計(jì)中首先注意到的,但空間是最重要的設(shè)計(jì)元素之一。它使內(nèi)容更易于掃描,并且可以使組件彈出??臻g很重要,因?yàn)樗梢詼p少混亂和飽和,讓讀者能夠快速消化信息。負(fù)空間在插圖和標(biāo)志設(shè)計(jì)中很常見。
建立接近的關(guān)系
對不同元素進(jìn)行分組可以讓讀者將信息相互關(guān)聯(lián)。它是一個(gè)元素,您可以使用它來組織各種設(shè)計(jì)方面并實(shí)現(xiàn)秩序。這可以通過格式塔原理來解釋,該原理說明了人們?nèi)绾胃鶕?jù)圖像的呈現(xiàn)和間隔方式來理解圖像。您可以看到這被用于傳單設(shè)計(jì)、雜志設(shè)計(jì)等。
顏色和對比度引起了人們的注意
顏色是一種柔韌的元素,您可以使用它來實(shí)現(xiàn)一致性并將您的設(shè)計(jì)聯(lián)系在一起。您可以使用它來突出設(shè)計(jì)中的異同。此外,它可以美化您的設(shè)計(jì),而無需使用分散注意力的插圖和圖標(biāo)。您還可以使用高對比度的顏色來突出設(shè)計(jì)的重要部分。
當(dāng)江門vi設(shè)計(jì)公司談?wù)搶Ρ榷葧r(shí),他們指的是字體、紋理和顏色等元素之間的顯著差異。這使您可以吸引讀者的注意力,并以強(qiáng)大的視覺區(qū)別吸引他們。UI 和 UX 設(shè)計(jì)經(jīng)常利用這個(gè)原則。
使用排版對您有利
排版是一種資產(chǎn),您可以使用它來建立品牌形象。但它也可以用于其他目的。您可以使用它來建立可讀的設(shè)計(jì)。建議至少有三種不同的字體作為您的主要、次要和三次。標(biāo)題和正文的大小也必須為3:1。
找到你的流量
您可能聽說過F 型和 Z 型的閱讀模式。它們是讀者遵循的兩種最常見的模式。這是它們的區(qū)別以及您可以在哪里應(yīng)用它們的快速解釋。
Z 模式:這適用于沒有大量文本的項(xiàng)目。這是一種將更多注意力放在 CTA 按鈕上的布局類型,并且經(jīng)常被想要產(chǎn)生更多轉(zhuǎn)化的品牌使用。
F 模式:該模式最適用于需要大量文本的密集項(xiàng)目。對于這種設(shè)計(jì),高優(yōu)先級元素放置在左上角區(qū)域,而 CTA 按鈕通常位于底部區(qū)域。
視覺層次結(jié)構(gòu)示例
你是視覺學(xué)習(xí)者嗎?此列表中的這組設(shè)計(jì)示例展示了對上述設(shè)計(jì)原則的牢牢把握。準(zhǔn)備好看看視覺層次結(jié)構(gòu)的好例子。江門vi設(shè)計(jì)公司收集了一些信息圖表、網(wǎng)頁設(shè)計(jì)示例等,讓您更好地了解優(yōu)秀的視覺組織可以為您的設(shè)計(jì)做些什么。
獎(jiǎng)金提示
您是否想要一個(gè)額外的技巧來幫助您確定您的視覺層次結(jié)構(gòu)是否已鎖定?
您可以嘗試模糊技術(shù),也稱為斜視測試。這是網(wǎng)頁設(shè)計(jì)師用來確保他們的設(shè)計(jì)正確突出重要部分的流行技巧。
您需要做的是使用模糊工具來柔化您的設(shè)計(jì)。模糊圖像直到您無法再閱讀字母是理想的選擇。您可以在新圖層中執(zhí)行此操作,或者在完成后簡單地撤消操作。但是如果你不想改變你的形象,你可以簡單地瞇著眼睛看你的設(shè)計(jì),讓它模糊。
下一步是看看哪些部分脫穎而出。這樣做將向您展示設(shè)計(jì)中每個(gè)元素的基本骨骼結(jié)構(gòu)。您要確保標(biāo)題、圖表和其他優(yōu)先級數(shù)據(jù)等項(xiàng)目位于顯眼的位置,可以立即引起注意。他們還必須有足夠的空間來充當(dāng)呼吸室。
如果您的設(shè)計(jì)的關(guān)鍵方面沒有突出,您可以修改您的設(shè)計(jì)以使其脫穎而出。
結(jié)論
您從本指南中學(xué)到了很多東西嗎?您可以開始將剛剛學(xué)到的知識應(yīng)用到您的項(xiàng)目中,讓它們更加令人印象深刻。這是一個(gè)設(shè)計(jì)元素,可以將您的品牌形象提升到更高的高度。
總監(jiān)微信
復(fù)制成功
業(yè)務(wù)咨詢 何先生
業(yè)務(wù)咨詢 何先生
搜索感興趣的內(nèi)容