亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國(guó)推薦設(shè)計(jì)師 (詳情)
//百度統(tǒng)計(jì) 20220402 uicn

您的意見(jiàn)是我們 UI 中國(guó)進(jìn)步的動(dòng)力!
點(diǎn)擊立即反饋按鈕,發(fā)表您的意見(jiàn)!
立即反饋
QQ群反饋
您也可以加入U(xiǎn)I中國(guó)官方反饋群進(jìn)行反饋!
群號(hào):302892100
備注:反饋問(wèn)題后@管理員能讓我們及時(shí)了解您的意見(jiàn)

提交需求

賽事與廣告咨詢合作,請(qǐng)?zhí)顚?xiě)需求表單,我們會(huì)在第一時(shí)間與您聯(lián)系!

0/20
0/200

設(shè)計(jì)大賽

  • 設(shè)計(jì)大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對(duì)UI中國(guó)的支持和信賴!
視覺(jué)海報(bào)該如何設(shè)計(jì)?
19.8°

「海報(bào)」是一種信息傳播方式,一種信息傳遞的解決方案。從學(xué)校的布告欄、到馬路邊公交站的站牌廣告以及各種形式的戶外廣告,它們都是物理世界的海報(bào)。在PC互聯(lián)網(wǎng)與移動(dòng)互聯(lián)網(wǎng)時(shí)代,海報(bào)被廣泛應(yīng)用在網(wǎng)頁(yè)、移動(dòng)端 App 設(shè)計(jì)等互聯(lián)網(wǎng)平臺(tái),比如開(kāi)屏廣告、彈窗廣告、落地頁(yè)內(nèi)嵌廣告等。作為設(shè)計(jì)師,日常做一張視覺(jué)海報(bào)乃家常便飯,如何才能設(shè)計(jì)一張高質(zhì)量且有價(jià)值的視覺(jué)海報(bào)呢?在本篇文章中,將和大家聊一聊該如何設(shè)計(jì)出一張“好的”視覺(jué)海報(bào)。


1.0 好的視覺(jué)海報(bào),不止承載審美價(jià)值

海報(bào)作為一種常見(jiàn)信息傳遞的解決方案,首先是給人帶來(lái)審美的愉悅感,這是海報(bào)在實(shí)現(xiàn)其主要價(jià)值后延伸出來(lái)的「審美價(jià)值」。而大部分人對(duì)其理解僅停留在審美價(jià)值,認(rèn)為好看就行,其實(shí)這是一個(gè)錯(cuò)誤的理解,或者說(shuō)是對(duì)海報(bào)本身缺乏相應(yīng)的判斷標(biāo)準(zhǔn);那么視覺(jué)海報(bào)設(shè)計(jì)它的目的/目標(biāo)是什么?承載的主要價(jià)值是什么?例如:

  • 對(duì)于產(chǎn)品官網(wǎng),企業(yè)想第一眼吸引并留住客戶,往往需要通過(guò)頭圖,用戶在看到頭圖海報(bào)時(shí),需要快速了解所要講的內(nèi)容是什么;
  • 對(duì)于運(yùn)營(yíng)活動(dòng),每個(gè)運(yùn)營(yíng)活動(dòng)都有相應(yīng)的業(yè)務(wù)訴求,如拉新、促活、又或者是單純?yōu)榱速u貨等;
  • 對(duì)于品宣活動(dòng),需要將品牌價(jià)值、品牌符號(hào)、品牌理念等融入其中,從而加強(qiáng)或改變?cè)撈放圃谟脩粜睦锏男蜗螅?/li>
  • 對(duì)于個(gè)人,可能是希望提升知名度與影響力;對(duì)于社會(huì)事件,希望通過(guò)宣傳引起大眾的重視等等

以上這些都可以歸納為海報(bào)的目的與主要價(jià)值,僅追求視覺(jué)效果的視覺(jué)海報(bào)是沒(méi)有價(jià)值的,或者說(shuō)價(jià)值是極其低的,等于自嗨式的設(shè)計(jì);總而言之,有的是為了點(diǎn)擊率、有的是為了促進(jìn)銷售、有的僅僅是為了改變品牌形象的而進(jìn)行的宣傳,每一張視覺(jué)海報(bào)自身所承載的目的和價(jià)值都不盡相同。


2.0 好的視覺(jué)海報(bào),都是用戶設(shè)計(jì)的

好的視覺(jué)海報(bào)的標(biāo)準(zhǔn)并不是我們制定的,不是“我們”說(shuō)好就是好,也不是“需求方”,更不是某些“專家評(píng)委”說(shuō)好就是好,而是根據(jù)用戶的選擇得來(lái)的;所有的設(shè)計(jì)都要圍繞著用戶來(lái)進(jìn)行設(shè)計(jì),用戶所需要的到底是什么?用戶心里所想的到底是什么?只有了解用戶,才能設(shè)計(jì)出好的視覺(jué)海報(bào);具體將從下面三個(gè)方向講解,幫助你設(shè)計(jì)出好的海報(bào):


2.1 目標(biāo)驅(qū)動(dòng)

廣告投放如果沒(méi)有目的性,就很難將產(chǎn)品信息傳遞給目標(biāo)用戶,從而很難實(shí)現(xiàn)最大效益化,大數(shù)據(jù)時(shí)代往往能幫助我們精準(zhǔn)地傳遞信息給有需求的用戶。對(duì)于運(yùn)營(yíng)同學(xué)來(lái)說(shuō),他們需要清晰的了解每一條廣告,每一種投放形式的數(shù)據(jù)反饋,那么對(duì)于我們?cè)O(shè)計(jì)師來(lái)說(shuō),根據(jù)數(shù)據(jù)對(duì)每次設(shè)計(jì)方案的結(jié)果進(jìn)行復(fù)盤、優(yōu)化,是我們持續(xù)不斷提高設(shè)計(jì)產(chǎn)出的價(jià)值的方式。

首先,我們需要明確我們的目標(biāo)用戶,明確我們數(shù)據(jù)指標(biāo),并以此進(jìn)行分析,最后得出可以輔助我們做方案優(yōu)化的結(jié)論,才可以讓我們的設(shè)計(jì)不斷進(jìn)化。在流程上大致可以分為兩個(gè)階段,活動(dòng)前與活動(dòng)后,活動(dòng)前對(duì)目標(biāo)用戶進(jìn)行需求分析,活動(dòng)后積累相關(guān)數(shù)據(jù),分析數(shù)據(jù)進(jìn)行總結(jié),將歷史數(shù)據(jù)作為下一次設(shè)計(jì)方案的判斷依據(jù),形成正向循環(huán);

方案產(chǎn)出前:此時(shí)先以用戶需求分析為主(如果有歷史數(shù)據(jù)做輔助最好),根據(jù)目標(biāo)用戶的年齡段、職業(yè)、消費(fèi)水平、審美傾向、心理預(yù)期...等來(lái)判斷如何進(jìn)行設(shè)計(jì);

方案產(chǎn)出后:當(dāng)一個(gè)活動(dòng)經(jīng)歷過(guò)上線驗(yàn)證后,會(huì)產(chǎn)生數(shù)據(jù)反饋,一般是關(guān)注看:點(diǎn)擊率、完成率、跳出率、瀏覽時(shí)長(zhǎng)、轉(zhuǎn)化率...等,當(dāng)量積累足夠,即可根據(jù)歷史數(shù)據(jù)進(jìn)行分析,得出對(duì)于類似活動(dòng)方案有利的設(shè)計(jì)經(jīng)驗(yàn),總結(jié)累成方法論,輔助下一次的設(shè)計(jì);


2.1.1 用戶分析

說(shuō)到需求,很多人想到馬斯洛的五大需求:生理需求、安全需求、社交需求、尊重需求和自我實(shí)現(xiàn)需求,如果用一句話簡(jiǎn)單地概括,需求即是用戶尚未滿足又渴望被滿足的愿望。當(dāng)我們?cè)谠O(shè)計(jì)前,要思考視覺(jué)海報(bào)的投放渠道、產(chǎn)品定位等等來(lái)分析目標(biāo)用戶,從而讓設(shè)計(jì)更易被目標(biāo)用戶接受;

舉例:拼多多的某次活動(dòng)設(shè)計(jì),通過(guò)分析得出拼多多用戶群體的主要特點(diǎn)后,根據(jù)用戶針對(duì)性進(jìn)行設(shè)計(jì):

  • 特點(diǎn)1:學(xué)歷低(文案要做到簡(jiǎn)潔易懂)
  • 特點(diǎn)2:以三線以下的城市人群,且以老年人為主(審美風(fēng)格要貼近老年人,不要“高大上”)
  • 特點(diǎn)3:追求低價(jià)格(突出價(jià)格視覺(jué)層級(jí))

下面對(duì)比了三類電商的不同的視覺(jué)海報(bào)設(shè)計(jì):


2.1.2 數(shù)據(jù)分析

每當(dāng)你打開(kāi)抖音時(shí),推薦的你刷到的視頻大多數(shù)都是“你”喜歡的同類視頻,這就是通過(guò)數(shù)據(jù),從而讓內(nèi)容達(dá)到精準(zhǔn)推送的效果。而設(shè)計(jì)師在設(shè)計(jì)視覺(jué)海報(bào)之前,也需要參考之前的數(shù)據(jù)結(jié)果,例如設(shè)計(jì)A類的廣告投放量、閱讀量、點(diǎn)擊率等等數(shù)據(jù)去分析方案的好壞,再通過(guò)大量的比對(duì)來(lái)分析出哪個(gè)些因素所產(chǎn)生的作用更大,從而為后面的設(shè)計(jì)做參考。

(ps:數(shù)據(jù)的反饋不僅僅在于視覺(jué),跟產(chǎn)品、投放渠道等也有影響,在結(jié)果數(shù)據(jù)分析時(shí)應(yīng)當(dāng)注意)

以下是當(dāng)年作者本人在動(dòng)漫領(lǐng)域時(shí),對(duì)于移動(dòng)端開(kāi)屏圖的數(shù)據(jù)分析(僅展示部分),通過(guò)當(dāng)時(shí)的分析,對(duì)后續(xù)的設(shè)計(jì)起到一定的指導(dǎo)作用。

設(shè)計(jì)不是千篇一律,也不需要完全摸著石頭過(guò)河,而是需要了解用戶,有數(shù)據(jù)的支持,再根據(jù)業(yè)務(wù)目標(biāo),讓設(shè)計(jì)體傳遞用戶價(jià)值,才能達(dá)到最終的目標(biāo)。


2.2 信息傳遞

設(shè)計(jì)應(yīng)從用戶獲取信息的角度出發(fā),思考如何讓用戶更加簡(jiǎn)單更加高效地獲取信息。

2.2.1 三秒原則與可讀性

三秒原則:現(xiàn)實(shí)中我們路過(guò)廣告位的時(shí)間只有 2-3 秒,沒(méi)人會(huì)愿意站在原地等下一個(gè)廣告,無(wú)論是公交站還是地鐵上,又或是互聯(lián)網(wǎng)產(chǎn)品場(chǎng)景下的“輪播圖”與“開(kāi)屏廣告”,視覺(jué)海報(bào)的使用場(chǎng)景大多是需要快速傳遞信息,所以我們需要思考如何讓用戶更快獲到取關(guān)鍵信息。

可讀性:視覺(jué)海報(bào)的核心價(jià)值是傳遞信息,信息傳遞的準(zhǔn)確性,是決定視覺(jué)海報(bào)成敗的關(guān)鍵,信息傳遞不達(dá)預(yù)期,那么其它所有的努力都將是無(wú)效的。常規(guī)的視覺(jué)海報(bào)主要由文案與配圖(插畫(huà)/產(chǎn)品圖/人物形象)構(gòu)成,盡量做到文案言簡(jiǎn)意賅,這樣用戶才能快速理解其中含義,減少用戶思索時(shí)間;配圖需要與主題相關(guān)性一致,幫助用戶加強(qiáng)記憶和快速理解;同時(shí)視覺(jué)效果要做到舒服,內(nèi)容要有信息層級(jí),合理引導(dǎo)用戶的第一眼看到的信息內(nèi)容。


2.2.2 行業(yè)屬性

當(dāng)產(chǎn)品所在行業(yè)在用戶的頭腦里占據(jù)一席之地時(shí),在設(shè)計(jì)視覺(jué)海報(bào)時(shí)要善于利用已其所在的行業(yè)風(fēng)格,便于用戶更加準(zhǔn)確的獲取信息。用固有的用戶思維,在視覺(jué)海報(bào)中融入所要表達(dá)的信息。那么如何利用其已有的行業(yè)風(fēng)格呢?這里建議大家從:色彩設(shè)定、元素設(shè)定、表現(xiàn)手法三個(gè)方面入手。

  • 色彩設(shè)定:在設(shè)定主色調(diào)時(shí),不同的行業(yè)都會(huì)有相應(yīng)的色彩傾向,例如工具產(chǎn)品:一般是藍(lán)色調(diào),色調(diào)相對(duì)沉穩(wěn)、電商領(lǐng)域:一般是紅色,色調(diào)相對(duì)熱鬧豐富;兩性社交領(lǐng)域:神秘曖昧的紫色等等。選擇適合的色彩,讓色彩幫助用戶“記住你”(注:例如各種節(jié)日或某些特殊活動(dòng)類并不一定非要切合行業(yè)色彩設(shè)定);
  • 元素設(shè)定:元素這里主要是指畫(huà)面中的元素使用,例如:通過(guò)鉛筆、橡皮等元素,可以快速的判斷是教育行業(yè);通過(guò)各種實(shí)物的商品元素,可以判斷大概率是電商領(lǐng)域;
  • 表現(xiàn)手法:這里主要指的是畫(huà)面中各元素或背景所呈現(xiàn)的方式,包含技法但不僅僅指技法,例如:卡通插畫(huà) or 古風(fēng)插畫(huà)、三維模型 or 2.5D插圖、真人攝影 or 抽象人物......不同的行業(yè)屬性都有其適合的風(fēng)格范圍,讓適合的風(fēng)格給你的海報(bào)插上翅膀;

以上案例都是利用用戶已有的行業(yè)印象,降低讀者的認(rèn)知負(fù)擔(dān),從而快速獲取海報(bào)信息。當(dāng)然,品牌屬性也是非常重要的,如果是企業(yè)相關(guān)的視覺(jué)海報(bào),一定是需要融入品牌屬性的。


2.3 情感設(shè)計(jì)

廣告是會(huì)讓用戶感到枯燥的,我們需要通過(guò)情感設(shè)計(jì),引起用戶的好奇心,帶動(dòng)用戶情緒,從而降低枯燥感。當(dāng)我們根據(jù)目標(biāo)用戶進(jìn)行了分析,且設(shè)計(jì)符合信息傳遞的標(biāo)準(zhǔn),那么就可以考慮如何讓海報(bào)進(jìn)行再一次的“升華”,思考怎么樣才能讓用戶更有欲望去點(diǎn)擊?如何讓用戶在腦海中對(duì)內(nèi)容留下深刻的印象呢?下面我們主要從「創(chuàng)意」和「氛圍」兩個(gè)方面入手:

2.3.1 創(chuàng)意-讓用戶眼前一亮

好的設(shè)計(jì)能引起用戶注意,而有趣的設(shè)計(jì)才能真正喚醒用戶的眼睛,加深用戶腦海中的印象。創(chuàng)意的思路有很多種,可以是「情理之中,意料之外」的組合,也可以通過(guò)「產(chǎn)品擬人化」的方式講故事,終究其目的是能讓用戶感到有趣想看下去,吸引用戶的眼睛。


2.3.2 氛圍-讓用戶沉浸其中

視覺(jué)海報(bào)在喚醒用戶眼睛的同時(shí),如果能觸動(dòng)到用戶的心里,便可以讓用戶可以瞬間沉浸其中,拉近與用戶的距離。一般是根據(jù)產(chǎn)品的定位,比如產(chǎn)品是電飯煲,我們會(huì)給用戶描述回家做飯的感覺(jué);產(chǎn)品是家具,就可以給用戶描述周末溫馨的生活......以此來(lái)帶動(dòng)用戶的情緒。


3.0 好的視覺(jué)海報(bào),是符合設(shè)計(jì)原則的

我們不是一個(gè)憑感覺(jué)創(chuàng)作的工作者,設(shè)計(jì)中需要更多的理性,我們承擔(dān)的角色如同一場(chǎng)晚會(huì)的導(dǎo)演,每一個(gè)元素的位置,每一根線條的長(zhǎng)短粗細(xì)都需要安排妥當(dāng),讓其在適合的位置發(fā)揮最大的價(jià)值;

設(shè)計(jì)原則是做設(shè)計(jì)的標(biāo)準(zhǔn),可用于指導(dǎo)設(shè)計(jì)和衡量設(shè)計(jì)方案的優(yōu)劣,為設(shè)計(jì)決策提供標(biāo)準(zhǔn),提供向?qū)В瑥亩鴰椭覀兠鞔_設(shè)計(jì)修改與調(diào)整的方向。個(gè)人總結(jié)了在視覺(jué)設(shè)計(jì)中較實(shí)用的 7 個(gè)設(shè)計(jì)原則,來(lái)幫助我們?cè)谠O(shè)計(jì)時(shí)找到相應(yīng)的設(shè)計(jì)標(biāo)準(zhǔn)。


3.1 對(duì)齊原則

對(duì)齊原則指的是:任何元素都不能在頁(yè)面上隨意安放,每一項(xiàng)都應(yīng)與頁(yè)面上的某個(gè)元素存在視覺(jué)聯(lián)系。類似于地鐵站原本混亂的人群,通過(guò)相應(yīng)規(guī)則的調(diào)整,最終大家都朝著一個(gè)方向有規(guī)律的行進(jìn),對(duì)齊的目的是讓頁(yè)面充滿秩序和條理。我們不能只要頁(yè)面上剛好有空間,就將元素隨意“扔”進(jìn)去。元素之間不是孤立的,相互之間要有聯(lián)系,對(duì)齊有助于增強(qiáng)設(shè)計(jì)的邏輯性和易讀性,使人們更容易地理解和捕捉到重要信息。

版式中常見(jiàn)的對(duì)齊方式有:左對(duì)齊、右對(duì)齊、居中對(duì)齊,應(yīng)盡量避免在頁(yè)面上混合使用多種對(duì)齊方式,要找到一條明確的「軸線」,并以之為基準(zhǔn)。


3.2 對(duì)比原則

對(duì)比就是強(qiáng)調(diào)兩個(gè)或者兩個(gè)以上元素之間的差異性,通過(guò)突出視覺(jué)元素之間的差異來(lái)增強(qiáng)設(shè)計(jì)的層次感和吸引力,營(yíng)造出核心視覺(jué)。猶如鶴立雞群,我們的視覺(jué)永遠(yuǎn)是會(huì)被獨(dú)特的內(nèi)容給吸引的。通過(guò)對(duì)比,可以引導(dǎo)讀者關(guān)注重要信息,提高整體設(shè)計(jì)的視覺(jué)沖擊力和傳達(dá)效果。

在平面構(gòu)成中,指畫(huà)面元素形成強(qiáng)烈的沖突,如元素的大小、顏色、形狀等等,理論上元素所有可改變的特征,都是可以形成對(duì)比的。例如海報(bào)上的重點(diǎn)信息“優(yōu)惠折扣”、“活動(dòng)標(biāo)題”等,便可以加大其與周圍元素的視覺(jué)差異,通過(guò)顏色、字重粗細(xì)、色塊大小的對(duì)比,讓用戶快速獲取信息,同時(shí)又能增加海報(bào)的視覺(jué)豐富度。常見(jiàn)對(duì)比方式如下:


3.3 留白原則

留白是指頁(yè)面中沒(méi)有被文字、圖片或其它視覺(jué)元素占據(jù)的部分,也稱為負(fù)空間。留白原則強(qiáng)調(diào)在設(shè)計(jì)中合理地運(yùn)用空白區(qū)域,恰當(dāng)?shù)剡\(yùn)用留白原則,可以使畫(huà)面內(nèi)容清晰有層次感,提高閱讀舒適度和美感。留白運(yùn)用不合理時(shí),則會(huì)使整個(gè)畫(huà)面擁擠雜亂,影響整體的美感,也使讀者覺(jué)得雜亂無(wú)章,毫無(wú)頭緒,不利于觀者有效閱讀。例如字間距和行間距就是留白的具體表現(xiàn),它決定著文本的可讀性??傊玫牧舭祝梢郧袑?shí)提升畫(huà)面的藝術(shù)與審美價(jià)值。

留白體現(xiàn)方式:

  • 邊距留白:在畫(huà)面四周留出一定的空白區(qū)域,有助于突出頁(yè)面內(nèi)容,防止過(guò)于擁擠的感覺(jué)。邊距留白可以讓設(shè)計(jì)更具透氣感,增強(qiáng)整體美感;
  • 模塊留白:在不同的內(nèi)容大模塊之間留出空白,有助于劃分不同的信息區(qū)域,使內(nèi)容整體更加有序和結(jié)構(gòu)化,用戶閱讀信息將更加清晰;
  • 元素留白:這里指在模塊內(nèi)的如文字、圖片或其它視覺(jué)細(xì)節(jié)元素之間留出適當(dāng)?shù)目瞻祝苊庖曈X(jué)元素之間的干擾,使閱讀更加舒適,有助于減少視覺(jué)混亂,使信息更加清晰易懂。

通過(guò)以上方式進(jìn)行合理的組合后,便會(huì)形成不同的風(fēng)格感知,常見(jiàn)如“舒適的大留白”與“熱鬧的小留白”,下面帶大家感受一下:

小提示:

  • 留白多少不決定作品的好壞:留白較少、圖文多時(shí),給人熱鬧、嘈雜的感覺(jué);反之,則會(huì)給人優(yōu)雅、恬靜的感覺(jué),與高格調(diào)氣質(zhì)。我們需要根據(jù)作品本身的需要而定;
  • 留白要服務(wù)于作品風(fēng)格特征:留白不能和整個(gè)作品風(fēng)格特征沖突,否則就是為了留白而留白;


3.4 模塊原則

「模塊原則」其實(shí)是我們常講的「親密性原則」的進(jìn)化,在這里之我所以沒(méi)有采用「親密性原則」,是因?yàn)槟K化的概念才是我們真正應(yīng)用時(shí)的最終結(jié)果,也就是通過(guò)「親密性原則」的方法來(lái)達(dá)到「模塊化」的效果;總結(jié)起來(lái)就是要“整”不要“散”,類似于把在體育場(chǎng)零散的人群,都組成有規(guī)律的方陣。無(wú)論是文字,還是畫(huà)面上圖形的元素,又或者是背景,在視覺(jué)呈現(xiàn)上要形成整體感,整體感有利于信息的獲取,零散的畫(huà)面會(huì)導(dǎo)致視覺(jué)的分散,造成畫(huà)面重點(diǎn)的不清晰;

這里有 2 點(diǎn)需要注意:

  • 從信息傳遞的角度,畫(huà)面中信息模塊一般不要超過(guò)3個(gè),過(guò)多會(huì)則會(huì)開(kāi)始產(chǎn)生“散”的感受;
  • 一般畫(huà)面越大,則模塊數(shù)量可以隨之增加,畫(huà)面中可承受的模塊則越多,但依然需盡量讓模塊不要過(guò)多;


3.5 聚焦原則

想要更好地傳達(dá)主題,必要前提是能夠吸引用戶的注意。一般畫(huà)面只需要一個(gè)視覺(jué)重點(diǎn),其它元素需要相應(yīng)弱化,當(dāng)視覺(jué)焦點(diǎn)過(guò)多時(shí),用戶將無(wú)法快速獲取信息。“少即是多”最適用聚焦原則,處處強(qiáng)調(diào),其實(shí)就是沒(méi)有強(qiáng)調(diào)。在一定程度上,焦點(diǎn)原則更多是與對(duì)比原則的組合運(yùn)用,在相似的元素組中異軍突起,想不引起你的注意都難;在設(shè)計(jì)中,經(jīng)常將關(guān)鍵元素安排在最希望用戶看到的地方,比如按鈕“立即購(gòu)買”,通過(guò)引起受眾的注意,達(dá)到設(shè)計(jì)目的;

通過(guò)設(shè)計(jì)方法和技巧引導(dǎo)觀眾注意力,突出關(guān)鍵信息和視覺(jué)重點(diǎn)。可以幫助觀眾更容易地理解設(shè)計(jì)的主要目的和信息。以下是在視覺(jué)海報(bào)設(shè)計(jì)中實(shí)現(xiàn)聚焦原則的一些方式:

    • 層次結(jié)構(gòu):創(chuàng)建清晰的視覺(jué)層次結(jié)構(gòu),結(jié)合對(duì)比原則,突出關(guān)鍵信息和視覺(jué)重點(diǎn),引導(dǎo)觀眾從重要到次要信息的閱讀順序;
    • 視覺(jué)引導(dǎo):使用線條、箭頭或其他視覺(jué)元素引導(dǎo)觀眾的視線,幫助用戶關(guān)注關(guān)鍵內(nèi)容;
    • 表現(xiàn)手法:使用具有強(qiáng)烈視覺(jué)沖擊力的圖形和圖像,吸引觀眾注意力并突出關(guān)鍵內(nèi)容,如:3D效果的元素、真人攝影圖等;
    • 簡(jiǎn)化畫(huà)面:通過(guò)簡(jiǎn)化設(shè)計(jì)和避免不必要的視覺(jué)干擾,使關(guān)鍵信息更易于識(shí)別和理解;


3.6 降噪原則

設(shè)計(jì)師經(jīng)常為了增加畫(huà)面視覺(jué)的吸引力,就會(huì)使用過(guò)多的字體、顏色或者過(guò)于復(fù)雜的圖形,如果對(duì)畫(huà)面的掌控能力稍微不足,這種不斷做「加法」的行為,實(shí)際上是在增加用戶認(rèn)知的“噪音”。而降噪原則可以被理解為減少視覺(jué)「噪音」,從而提高設(shè)計(jì)的可讀性、清晰度和有效性。視覺(jué)噪聲是指一種干擾,使觀眾難以理解和接收設(shè)計(jì)中的信息。以下是實(shí)現(xiàn)降噪原則的一些常用方式:

  • 色彩簡(jiǎn)化:避免使用過(guò)多的顏色或高對(duì)比度的顏色組合,以降低視覺(jué)噪聲。
  • 圖形簡(jiǎn)化:使用簡(jiǎn)單的形狀和圖標(biāo)來(lái)表達(dá)概念,避免復(fù)雜和精細(xì)的圖像,以降低視覺(jué)負(fù)擔(dān)。
  • 字體簡(jiǎn)化:選擇易于閱讀的字體,避免使用過(guò)于復(fù)雜或花哨的字體樣式。
  • 信息分組:結(jié)合模塊化原則將相關(guān)的信息組織在一起,并使用明顯的分隔符或背景色塊區(qū)分不同的內(nèi)容模塊。
  • 設(shè)計(jì)一致性:在整個(gè)設(shè)計(jì)中保持一致的樣式和排版,以提高可讀性和認(rèn)知一致性。


3.7 倍率原則

倍率原則與對(duì)齊原則相似,即元素大小間距等都不能隨意設(shè)置,需存在一定規(guī)則關(guān)聯(lián)。倍率關(guān)系則指的是元素之間的倍數(shù)關(guān)系,如文字畫(huà)面中的字號(hào)、距離的使用等,均是遵照一定的倍率關(guān)聯(lián)性;統(tǒng)一的比例關(guān)系可以使視覺(jué)元素更加和諧統(tǒng)一,讓畫(huà)面元素之間增加統(tǒng)一的韻律感,有助于提高設(shè)計(jì)的美感和和諧感。在實(shí)際應(yīng)用中,可以采用一些經(jīng)典的比例關(guān)系,如黃金分割比例,來(lái)安排視覺(jué)元素的大小和位置。

其實(shí)無(wú)論在自然界還是人為創(chuàng)造的背后都存在著邏輯關(guān)系和巧妙性,來(lái)確保一定的秩序和美感:

  • 如:紙張開(kāi)本,倍數(shù)就是2倍關(guān)系,正度紙 32k = (130mm X 185mm),16k = (185mm X 260mm);
  • 如黃金螺旋曲線,它的形狀與黃金分割(約為1.6180339887)有關(guān),即使用黃金分割比例的長(zhǎng)方形按照比例重復(fù)繪制而成;

  • 如:斐波那契數(shù)列,0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233, 377……規(guī)則是從0和1開(kāi)始,每個(gè)數(shù)字都是前面兩個(gè)數(shù)字相加之和;數(shù)值越大,每一項(xiàng)和前一項(xiàng)的比值,都無(wú)限接近1.618;


應(yīng)用案例:

排版中的倍率關(guān)系需要依附于網(wǎng)格系統(tǒng),而網(wǎng)格模塊分為多少取決于信息復(fù)雜程度,信息越復(fù)雜,模塊越復(fù)雜;倍率關(guān)系是網(wǎng)格系統(tǒng)的底層邏輯,也是網(wǎng)格系統(tǒng)的基礎(chǔ),推薦感興趣的可以深入學(xué)習(xí)一下“網(wǎng)格系統(tǒng)”

小提示:

  • 網(wǎng)格系統(tǒng)是非常值得深入學(xué)習(xí)的內(nèi)容(本文寫(xiě)的還是比較簡(jiǎn)略),此原則主要是受 @文成武 老師的文章啟蒙,并在自己的設(shè)計(jì)工作中進(jìn)行了應(yīng)用,推薦可以直接站酷搜索,值得讀一讀!


總結(jié)

設(shè)計(jì)沒(méi)有絕對(duì)的標(biāo)準(zhǔn),為內(nèi)容而設(shè)計(jì),從內(nèi)容傳遞的角度出發(fā),在凡事強(qiáng)調(diào)用戶體驗(yàn)的今天,我們的設(shè)計(jì)應(yīng)當(dāng)做到從用戶中來(lái),到用戶中去,從用戶的角度去提出問(wèn)題、思考問(wèn)題、解決問(wèn)題。

不斷成長(zhǎng),謝謝大家!覺(jué)得有收獲就點(diǎn)個(gè)贊吧!



作者:谷陽(yáng)(vx: guyang686868)

本文由 @谷陽(yáng) 原創(chuàng)發(fā)布。未經(jīng)許可,禁止轉(zhuǎn)載。

Powered by Froala Editor

更新:2023-05-05

收藏

148人已收藏

谷陽(yáng)MrG

合作微信:guyang686868 看機(jī)會(huì)

  • 23

    作品

  • 433

    粉絲

  • 151

    關(guān)注

  • H5視覺(jué)作品總結(jié)
  • 微博動(dòng)漫APP復(fù)盤
  • 汶川地震-什方穿心店遺址-原創(chuàng)攝影
  • 機(jī)械師壁紙插畫(huà)-創(chuàng)意工廠

    猜你喜歡

      視覺(jué)海報(bào)該如何設(shè)計(jì)?

      19.8°

      你確定要舉報(bào)視覺(jué)海報(bào)該如何設(shè)計(jì)??

      如果查出惡意舉報(bào),十天內(nèi)禁止提交任何舉報(bào)申請(qǐng)。

      0/200

      上傳證據(jù): 超過(guò)10M的附件請(qǐng)使用網(wǎng)盤地址

      點(diǎn)擊上傳附件

      對(duì)誰(shuí)可見(jiàn):

      全部設(shè)計(jì)師
      • 全部設(shè)計(jì)師
      • 推薦設(shè)計(jì)師和認(rèn)證設(shè)計(jì)師

      您確認(rèn)要推薦?

      該作品發(fā)布時(shí)間:2023年05月05日

      評(píng)分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      335
      148
      2

      賬號(hào)或密碼錯(cuò)誤,請(qǐng)重新輸入

      賬號(hào)或密碼錯(cuò)誤,請(qǐng)重新輸入

      登錄

      手機(jī)號(hào)

      發(fā)送驗(yàn)證碼 120s 驗(yàn)證碼錯(cuò)誤

      登錄
      第三方賬號(hào)登錄