提交需求
賽事與廣告咨詢合作,請(qǐng)?zhí)顚懶枨蟊韱?,我們?huì)在第一時(shí)間與您聯(lián)系!
隨著工作經(jīng)驗(yàn)的積累,我們學(xué)到東西會(huì)有很多。而整理收獲,能讓我們更好地往前走。這次我分視覺基礎(chǔ)和問題解決與思考2個(gè)篇章記錄
(文中的視覺作品圖均來(lái)源于網(wǎng)絡(luò))
這些東西就像一張張小便利貼一樣把知識(shí)在腦海的房間里貼滿墻面,一時(shí)半會(huì)真的很難找尋。所以定期整理自己的收獲,能讓人更快地找到自己的位置,從而更好地往前走。
首先,我們可以想一下,何為設(shè)計(jì)?如果用一句話在概括我認(rèn)知中的設(shè)計(jì),廣義的設(shè)計(jì)可能是 “滿足某種目的手段”
所以,我們做每一件事前,都可以先問問自己,做這件事情的原因,基于這個(gè)原因,應(yīng)該采取什么手段來(lái)達(dá)到這個(gè)目的。
網(wǎng)上找了下,關(guān)于設(shè)計(jì),每個(gè)人每個(gè)領(lǐng)域都有自己的說(shuō)法,比如:
這些認(rèn)知沒有對(duì)錯(cuò),只是所站的角度不同。
但設(shè)計(jì)也是務(wù)實(shí)的工作,除了創(chuàng)造和觸發(fā)改變這些高端使命,設(shè)計(jì)的基本目的還是要:解決這樣或那樣的某類問題。
一、表現(xiàn)層:
1.解決出圖這件事需要有相關(guān)專業(yè)的人來(lái)做的問題
2.專業(yè)的人解決這個(gè)圖在視覺傳達(dá)的問題
二、本質(zhì)層:
解決與梳理因?yàn)橐曈X需求發(fā)生的事情
三、人與人之間的合作
怎么與人合作順暢?
下面以我從業(yè)的運(yùn)營(yíng)視覺設(shè)計(jì)師崗位為例:
怎樣做好表現(xiàn)層?
也就是解決圖像視覺傳達(dá)的問題1.怎么審視?
第一步:退遠(yuǎn)看
就像我們以前畫畫一樣,退遠(yuǎn)看,瞇眼看,可以看到我們的畫面的整體情況:構(gòu)圖是否穩(wěn)妥,看整體氛圍感與表達(dá)是否合適。下面我們展開細(xì)細(xì)說(shuō)。
什么是構(gòu)圖
構(gòu)圖是設(shè)計(jì)師根據(jù)題材和主題,把要表現(xiàn)的形象組織起來(lái),構(gòu)成一個(gè)協(xié)調(diào)的完整的畫面。
那都有哪些構(gòu)圖方法?
1.三分格輔助線構(gòu)圖/井字線構(gòu)圖
(延伸為上下、左右構(gòu)圖、對(duì)角線、三分法中心構(gòu)圖)
2.中心放射性構(gòu)圖
3.黃金螺旋構(gòu)圖(趨勢(shì)-整體)符合科學(xué)審美的一根線
【三分格輔助線-上下構(gòu)圖】?
【三分格輔助線-左右構(gòu)圖】?
【三分格輔助線-對(duì)角線構(gòu)圖】?
【三分格輔助線-中心構(gòu)圖】?
【中心放射性構(gòu)圖-圓形放射】?
【中心放射性構(gòu)圖-線性放射】?
【黃金螺旋構(gòu)圖】?
在視覺作品中除了構(gòu)圖方法,我們更需要關(guān)注構(gòu)圖平衡
影響視覺平衡的因素有:
畫面中元素的大小、疏密、距離中線遠(yuǎn)近、顏色的明暗程度、以及人的認(rèn)知都可能影響畫面視覺平衡。
下面舉個(gè)關(guān)于構(gòu)圖平衡的栗子:
下圖的插畫作品中,構(gòu)圖平衡嗎?答案是No的,因?yàn)槲腋牧水嬅孀筮吥硞€(gè)元素的大小,導(dǎo)致現(xiàn)在整體畫面視覺重量往右傾斜。
下面是原圖,可以看出畫面中元素的大小、疏密的改變影響畫面的視覺平衡。
畫面中元素距離中線的遠(yuǎn)近影響畫面視覺平衡
我們?cè)倏聪旅娴囊曈X栗子,撇開明暗光影的重量影響,可以看出,畫面左方的牌子,只有距離中線足夠的遠(yuǎn),才能與右方的煮茶器達(dá)到視覺平衡。
畫面中元素明暗程度影響畫面視覺平衡
下圖顏色的明暗程度同樣也影響構(gòu)圖平衡:如下左圖,當(dāng)投影顏色變淡時(shí),畫面整體視覺重量則會(huì)往左方傾斜。
人的認(rèn)知影響構(gòu)圖平衡
上輕下重、下寬上窄的三角形才穩(wěn)定的是人的固有認(rèn)知,一旦畫面與人的認(rèn)知相反,則會(huì)讓人感到不舒服、不規(guī)矩之感。
接下來(lái)我們一起來(lái)看氛圍:
看(色彩、明暗、 光影、字體)氛圍
不同的色彩、明暗和光影包括字體形式的畫面體現(xiàn)不一樣的氛圍氣質(zhì)
1.色彩氛圍
暖色調(diào)畫面 ?
暖色調(diào)是使人心理上產(chǎn)生溫暖的感覺,常與熾熱、溫暖、熱烈、熱情有關(guān)。
對(duì)于視覺而言,它以橙、紅、黃、棕色等大色調(diào)出現(xiàn)。
冷色調(diào)畫面 ?
暖色調(diào)是使人心理上產(chǎn)生涼爽的感覺,常與安靜、涼爽、開闊、通透、時(shí)尚、科技有關(guān)。
對(duì)于視覺而言,它以綠、藍(lán)、紫色等大色調(diào)出現(xiàn)。
多彩的炫光畫面 ?
自然本多彩,但人眼很少能捕捉到,把多彩的畫面展現(xiàn)在人眼,尤其是對(duì)比色的應(yīng)用,
容易激發(fā)和活躍人的各種情緒,活躍畫面。
對(duì)比色畫面 ?
在兩種色彩對(duì)立的畫面中,如勢(shì)均力敵,則表現(xiàn)對(duì)抗、沖擊的感受。如一主色一點(diǎn)睛,則更強(qiáng)調(diào)點(diǎn)睛之筆的故事氛圍。
關(guān)于2種主色視覺畫面的色彩搭配普及 ?
(如下圖)在色輪中,顏色跨度小于30度的為同類色,大于30小于60度的為臨近色,跨度120度左右的為對(duì)比色,跨度為直線180為互補(bǔ)色。
色彩飽和度低的畫面 ?
少顏色和低飽和度就少了色彩情緒的左右,而更容易表達(dá)意境和故事本身。2.明暗氛圍
整體明度高的畫面 ?
容易給人安靜、開闊的感受,一般以大場(chǎng)景畫面為主。注重突出整體場(chǎng)景意境。
整體明度低(幽暗)的畫面 ?
給人神秘、陰暗、留下懸念的感受,一般以特定懸疑詭異題材為主。
明暗對(duì)比度高的畫面 ?
明暗對(duì)比度高的處理手段烘托畫面主體,烘托情緒、烘托故事氛圍。3.光影氛圍
光源的分類
按光源的類別我們可以把光統(tǒng)分為:自然光和人造光 ?
自然天光容易給人給人神圣、包容性強(qiáng)的感受;而人造光因人造載體的多樣性所千變?nèi)f化,但人造光的情緒更多的跟人與環(huán)境強(qiáng)相關(guān)。
按畫面發(fā)光源是否可見又能把光分為:有源光跟無(wú)源光 ?
有源光在圖中可以看到發(fā)光物體的畫面,光的來(lái)源更具真實(shí)性,給人代入感;無(wú)源光在圖中看不到發(fā)光的物體,光照來(lái)的方向,引人遐想。
逆光 ?
逆光的表現(xiàn)形式因?yàn)楣庥珊笸暗姆较颍菀捉o人前進(jìn)、光明、積極、偉大、勇闖未來(lái)的視覺感受;同時(shí),逆光的表現(xiàn)手法與主體(或標(biāo)題)的重疊展示,使主體(或標(biāo)題)在畫面中更為突出。
逆光的圖形創(chuàng)意 ?
在逆光的表現(xiàn)方式中,光照來(lái)的方向?yàn)楫嬅嬷行摹9馔高^的門或其他圖形進(jìn)入畫面,使圖形更具有強(qiáng)烈的對(duì)比,更加突顯畫面中圖形的表達(dá),這也是我們做圖形融入場(chǎng)景常用而有效的設(shè)計(jì)表達(dá)方式之一。
頂光 ?
光由畫面上方自上而下落在主體頂部,給人神圣而不可侵犯的感受。
頂側(cè)光 ?
頂側(cè)光是我們?nèi)搜壑写笞匀蛔顬槌R姷囊环N投光方式,它自然而平常,給人親近感。同時(shí)也容易給人安逸而閑適的視覺感受。
橫側(cè)光 ?
光從畫面主體的左右兩側(cè)射來(lái),一盞強(qiáng)烈主光一盞輔助光,給主體邊緣照亮。明暗的強(qiáng)烈對(duì)比,凸顯主體輪廓,給人神秘而強(qiáng)硬的視覺感受。
底側(cè)光 ?
主光源從主體底側(cè)自下而上打來(lái),這種打光方式使得主體與我們?nèi)庋鄢R姷奈矬w明暗截然相反。容易給人大反差和不適感。常用于制造神秘、懸疑或恐怖的畫面表達(dá)。
聚光 ?
在暗色畫面中模擬舞臺(tái)聚光燈的射光聚焦于畫面主體,主要用于展示商品和畫面主體,容易給人尊貴感和聚焦感。
投光-形狀光 ?
在不影響畫面氛圍的前提下壓暗畫面作為襯底,用有一定形狀的透光聚焦畫面主體重點(diǎn)。常用于人物和電商商品畫面,運(yùn)用這種方式能有效增加畫面細(xì)節(jié)和層次感。
投光-圖形光 ?
在不影響畫面氛圍的前提下壓暗畫面作為襯底,以圖形光模擬光透過的載體。可同時(shí)聚焦畫面重心和顯現(xiàn)圖形,常用于logo、圖形或倒計(jì)時(shí)的宣傳。
剪影 ?
剪影的表現(xiàn)手法只顯示輪廓而暗化細(xì)節(jié),制造懸念。常用于預(yù)告型海報(bào)kv。
創(chuàng)意投影 ?
創(chuàng)意投影的表現(xiàn)手法意在與畫面主體形成反差對(duì)比,以投影的形式表現(xiàn)畫面創(chuàng)意,容易給人眼前一亮的感覺。
字體氛圍
如何判斷字體是否符合當(dāng)前視覺氛圍?
首先,我們可以從識(shí)字開始:
字體由字體體構(gòu)、筆畫、和修飾三部分構(gòu)成,字體形態(tài)的變化隨這三部分的變化而變化。字體結(jié)構(gòu)像人的骨骼一樣,字體的高挑還是矮正、是長(zhǎng)腿還是短腿、是平穩(wěn)端莊還是動(dòng)感,均由字體結(jié)構(gòu)決定 。
字體的筆畫決定了字體長(zhǎng)什么樣,即什么風(fēng)格的字體。
而細(xì)節(jié)修飾則像衣服化妝一樣,加強(qiáng)這種風(fēng)格的特定偏向。
由上述字體信息組合一下我們可以得到一個(gè)簡(jiǎn)單的公式:
字體結(jié)構(gòu)+筆畫風(fēng)格+細(xì)節(jié)修飾=字體的性格走向
看節(jié)奏
節(jié)奏:通過人為的把控組織,使畫面的信息清晰而有規(guī)律地呈現(xiàn)。
說(shuō)到元素組織節(jié)奏,就不得不說(shuō)板式設(shè)計(jì)的四大原則:
1.親密性原則
2.對(duì)齊原則
3.對(duì)比原則 | 大小對(duì)比-疏密對(duì)比-虛實(shí)對(duì)比-遠(yuǎn)近對(duì)比-明度對(duì)比-冷暖對(duì)比-點(diǎn)線面對(duì)比
4.重復(fù)原則
先說(shuō)對(duì)齊:
關(guān)于對(duì)齊初級(jí)設(shè)計(jì)師比較容易忽略的物理對(duì)齊與視覺對(duì)齊對(duì)比:
重復(fù):
重復(fù)的表現(xiàn)手法不僅可增加畫面細(xì)節(jié)飽滿度,而且通過重復(fù)性的“密”與主體的“疏”形成對(duì)比進(jìn)而凸顯主體,同時(shí)保障畫面統(tǒng)一性
畫面因?yàn)橛泄?jié)奏才會(huì)秩序和律動(dòng)。反之視覺混亂而單調(diào)。
第二步:湊近看
有了上一步的退遠(yuǎn)看整體,把控氛圍正確。下面就可以湊近看細(xì)節(jié)和信息傳遞準(zhǔn)確度信息傳遞準(zhǔn)確度
1.看按鈕有沒有點(diǎn)擊感
按鈕像不像按鈕?用戶能否一眼識(shí)別這是個(gè)可點(diǎn)擊的按鈕,這影響到頁(yè)面的轉(zhuǎn)化率。
2.模塊是否可點(diǎn)擊
模塊是否可點(diǎn)擊,需要給用戶一個(gè)清晰的認(rèn)知。可點(diǎn)擊的模塊,讓用戶一眼識(shí)別,有助于模塊轉(zhuǎn)化率。
3.信息傳達(dá)是否易讀易懂
減小信息獲取難度是我們視覺設(shè)計(jì)的基本
4.排版上文案閱讀是否有歧義
閱讀存在歧義的排版是比較基礎(chǔ)但卻值得重視的設(shè)計(jì)問題。信息排版需層次分明,杜絕模棱兩可。
看畫面細(xì)節(jié)-細(xì)節(jié)決定成敗
有些細(xì)節(jié)能夠讓我們的視覺變得記憶深刻,而更多的是視覺品質(zhì)高度也由無(wú)數(shù)的細(xì)節(jié)組成。
1.出彩的細(xì)節(jié)?
2.導(dǎo)致視覺品質(zhì)下降的細(xì)節(jié)?
對(duì)于線上移動(dòng)端的設(shè)計(jì)
我們通常在電腦上做手機(jī)頁(yè)面的圖,有時(shí)候可能在電腦看著挺好,但是落到實(shí)際上線可能就會(huì)出現(xiàn)各種問題,所以我們做圖時(shí)需要時(shí)常在手機(jī)體驗(yàn)和閱讀來(lái)確定設(shè)計(jì)輸出的準(zhǔn)確性。
主要關(guān)注我們上述湊近看的一些細(xì)節(jié)和信息傳達(dá)準(zhǔn)確性的問題:
比如有沒有一下虛像素?
比如閱讀順序是否準(zhǔn)確?實(shí)體可識(shí)別性高不高?
而手機(jī)實(shí)時(shí)預(yù)覽的工具有:
PS的可以用Design Mirror、sketch自帶的有sketch Mirror和Figma自帶的手機(jī)端預(yù)覽工具而線下的視覺因?yàn)槠聊缓蛯?shí)物的差異,最好是打印同比大小的紙張出來(lái)查看效果
Powered by Froala Editor
密碼登錄
大牛,別默默的看了,快登錄幫我點(diǎn)評(píng)一下吧!:)
登錄 立即注冊(cè)