網(wǎng)站建設(shè)中的banner設(shè)計(jì)是網(wǎng)站中的靈魂發(fā)布者:本站 時(shí)間:2021-01-27 10:01:58
在PC端網(wǎng)站建設(shè)就顯得單薄,版面空缺,整體不飽滿;而在手機(jī)端則用的剛剛好,確實(shí)這種長焦特寫、微距放大的陳列小場景就是手機(jī)屏的最愛,所以在手機(jī)時(shí)代,空間陳列圖才會(huì)呈現(xiàn)井噴式增長。
其實(shí)合成、三維和攝影都可以實(shí)現(xiàn)「空間陳列」,但本書還是以合成為主,而合成的難點(diǎn)就在于如何將產(chǎn)品和空間進(jìn)行自然融合,不能有違和感。
若想合的天衣無縫,第一步就是要做到「透視準(zhǔn)確」,而透視作為構(gòu)圖中的重要知識(shí)點(diǎn),可以說是無處不在,在前面的章節(jié)里也多次提及。我們只有掌握透視的變化規(guī)律,才能準(zhǔn)確表現(xiàn)出元素的空間關(guān)系,如果透視不對(duì),那空間將會(huì)失真,下面就來詳細(xì)講講這個(gè)理性知識(shí)點(diǎn)——透視。
焦點(diǎn)透視
日常生活中,當(dāng)我們看周圍事物時(shí),會(huì)有遠(yuǎn)近、高低、長短、寬窄等不同,這是由于距離、方位等差異在視覺中呈現(xiàn)的不同反映,這種現(xiàn)象就是透視。透視學(xué)的出現(xiàn)可以幫我們非??茖W(xué)的表現(xiàn)各種空間感和立體感,它廣泛用于繪畫、建筑、環(huán)藝、設(shè)計(jì)等諸多領(lǐng)域,而常見的透視共3類:空氣透視、散點(diǎn)透視和焦點(diǎn)透視,這3類的側(cè)重點(diǎn)各有不同。
空氣透視又稱「色彩透視」,由于空氣介質(zhì)的存在(雨、雪、霧、煙等),使人們看到近處景物比遠(yuǎn)處的輪廓更清晰、色彩更飽滿的視覺現(xiàn)象,例如下方海報(bào)中的「煙雨蒙蒙」,這種近實(shí)遠(yuǎn)虛感就是典型的空氣透視,隨著鏡頭拉遠(yuǎn),山川也變得越來越模糊。
散點(diǎn)透視則是中國畫特有的一種透視類型,例如下方的《清明上河圖》就是這類透視的代表作,在這五米長的畫卷中,很難找出畫家的具體觀察位置,好似在移動(dòng)中作畫,每到一處畫一部分,最后拼接起來,這種視點(diǎn)不斷移動(dòng)的畫法就是散點(diǎn)透視,散點(diǎn)透視適合表現(xiàn)景色的波瀾壯闊,重在寫意,體現(xiàn)一種氣勢(shì)和意境。
而焦點(diǎn)透視才是本文重點(diǎn),它是透視學(xué)中的核心理論,也是西方繪畫所遵循的透視原則,最早研究透視就是從這里開始,如果散點(diǎn)透視是「寫意」,那焦點(diǎn)透視則「寫實(shí)」,一切都以客觀還原為準(zhǔn)。
例如名畫《最后的晚餐》,所有視線都匯聚一點(diǎn)(稱為滅點(diǎn)),營造出一種立體空間感,這些就像自己身處畫面中央所看到的逼真景象。
而我們?cè)谠O(shè)計(jì)中常說的透視也都指「焦點(diǎn)透視」,這是我們需要掌握的重中之重。記得高中學(xué)習(xí)素描時(shí),老師就說畫靜物要「近大遠(yuǎn)小」,其實(shí)就是對(duì)焦點(diǎn)透視最為形象的描述,例如草地上的奶牛,離我們?cè)浇驮酱?,越遠(yuǎn)則越小,正是這種近大遠(yuǎn)小的透視變化才使場景有了空間和層次。
觀察視角
在介紹焦點(diǎn)透視前,我們先說說透視中一個(gè)很重要的影響因素——觀察視角。視角即指人眼(稱為視點(diǎn))在觀察事物時(shí)視線之間所形成的角度。
如下圖所示,其實(shí)就是人眼觀看角度的變化,常見有3種:當(dāng)我們平視前方時(shí)就是「平視視角」;仰頭看時(shí)則是「仰視視角」;低頭看時(shí)便是「俯視視角」。
其中平視時(shí)人眼和物體形成的假想連線稱為「水平視線」,這是判斷視角高低的參考線。
當(dāng)我們將產(chǎn)品放入空間時(shí),就要根據(jù)陳列形式選擇合適視角,從下方的示意圖中能看到,三種視角給人的感受都不相同:
平視有種方方正正感,給人一種非常自然的觀察感受,雖然中規(guī)中矩但視覺舒服;
仰視則能體現(xiàn)產(chǎn)品的高大和氣勢(shì),用來烘托價(jià)值感;
而俯視最接近我們?nèi)粘?醋烂嫘∥锲返囊暯?,很真?shí)也很親切,同時(shí)還凸顯了產(chǎn)品的立體感。
Banner設(shè)計(jì)技巧方法之空間陳列法
而上圖的仰視和俯視都屬于小視角,即產(chǎn)品視線和水平視線的夾角較小,這是設(shè)計(jì)中的常見視角,大概就是把頭微微抬起或低下時(shí)看到的場景,這時(shí)畫面最自然也最舒服。反之若視角過大,即頭抬的很高或壓的很低時(shí),這時(shí)產(chǎn)品的形變就很夸張,顯得刻意、不舒服。
說完3種視角,現(xiàn)在正式講解焦點(diǎn)透視,一般根據(jù)物體滅點(diǎn)的數(shù)量不同,焦點(diǎn)透視又分3種:平行透視(一點(diǎn)透視)、成角透視(兩點(diǎn)透視)和斜角透視(三點(diǎn)透視),它們都有各自的透視效果和適用范圍,但若鋪開講會(huì)很復(fù)雜,因此下面就結(jié)合「空間陳列」進(jìn)行介紹。
1. 平行透視
用立方體簡單說明,就是有一面與畫面平行,這時(shí)物體的厚度邊線若向內(nèi)延伸,最后都會(huì)匯聚到1個(gè)點(diǎn)上,因此又稱「一點(diǎn)透視」。這是最簡單也最易掌握的一種透視形式,其中匯聚點(diǎn)稱為「滅點(diǎn)」,而滅點(diǎn)所在的那條線則是「視平線」,即與人眼等高的一條水平線。
Banner設(shè)計(jì)技巧方法之空間陳列法
再來看看平行透視在生活中的場景呈現(xiàn),如圖所示,將各種景物進(jìn)行前后連線并延伸,最后都是匯到一點(diǎn)才消失。平行透視適合表現(xiàn)場景縱深,給人一種正式感和平和感。
電商網(wǎng)站建設(shè)中的產(chǎn)品展示也一樣,例如下方示意圖中,不管哪種視角,產(chǎn)品和立方體都是正對(duì)觀眾,讓人覺得擺放角度正正好。
總體來說平行透視只有1個(gè)滅點(diǎn),變化并不多,視覺表現(xiàn)單一,沒有太多的空間變化,基本就是從正面來表現(xiàn)整個(gè)場景,因此上手簡單,只要確保前后連線都匯聚一點(diǎn)即可,這樣畫面各元素也會(huì)顯得整齊。但有時(shí)這種正視會(huì)讓畫面缺少層次感,顯得很平,此時(shí)可嘗試俯視視角或者強(qiáng)化背景的空間縱深。
下面展示平行透視在3種視角下的應(yīng)用案例,注意觀察不同視角下的產(chǎn)品呈現(xiàn)和透視變化,雖然微妙,但每種視角確實(shí)給人不一樣的視覺感受。
平行平視
當(dāng)畫面為平行透視和平視視角時(shí),這時(shí)的觀察位置很正。如下圖所示,空間和產(chǎn)品都顯得有些平整,雖然場景的立體感較弱,但視覺舒服協(xié)調(diào),表現(xiàn)起來也相對(duì)簡單。注意平視的「視平線」基本位于主體元素的中心處,即是說人眼此時(shí)正對(duì)前方物體的中心,這樣才會(huì)有平視效果。
選擇我們,優(yōu)質(zhì)服務(wù),不容錯(cuò)過
1. 優(yōu)秀的網(wǎng)絡(luò)資源,強(qiáng)大的網(wǎng)站優(yōu)化技術(shù),穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
------------------------------------------------------------
24小時(shí)聯(lián)系電話:021-58370032
關(guān)鍵詞標(biāo)簽:上海網(wǎng)站建設(shè) 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開發(fā)