網(wǎng)站建設中的banner設計是網(wǎng)站中的靈魂發(fā)布者：本站     時(shí)間：2021-01-27 10:01:58

在PC端網(wǎng)站建設就顯得單薄，版面空缺，整體不飽滿(mǎn)；而在手機端則用的剛剛好，確實(shí)這種長(cháng)焦特寫(xiě)、微距放大的陳列小場(chǎng)景就是手機屏的最?lèi)?ài)，所以在手機時(shí)代，空間陳列圖才會(huì )呈現井噴式增長(cháng)。

其實(shí)合成、三維和攝影都可以實(shí)現「空間陳列」，但本書(shū)還是以合成為主，而合成的難點(diǎn)就在于如何將產(chǎn)品和空間進(jìn)行自然融合，不能有違和感。

若想合的天衣無(wú)縫，第一步就是要做到「透視準確」，而透視作為構圖中的重要知識點(diǎn)，可以說(shuō)是無(wú)處不在，在前面的章節里也多次提及。我們只有掌握透視的變化規律，才能準確表現出元素的空間關(guān)系，如果透視不對，那空間將會(huì )失真，下面就來(lái)詳細講講這個(gè)理性知識點(diǎn)——透視。

焦點(diǎn)透視
日常生活中，當我們看周?chē)挛飼r(shí)，會(huì )有遠近、高低、長(cháng)短、寬窄等不同，這是由于距離、方位等差異在視覺(jué)中呈現的不同反映，這種現象就是透視。透視學(xué)的出現可以幫我們非?？茖W(xué)的表現各種空間感和立體感，它廣泛用于繪畫(huà)、建筑、環(huán)藝、設計等諸多領(lǐng)域，而常見(jiàn)的透視共3類(lèi)：空氣透視、散點(diǎn)透視和焦點(diǎn)透視，這3類(lèi)的側重點(diǎn)各有不同。

空氣透視又稱(chēng)「色彩透視」，由于空氣介質(zhì)的存在（雨、雪、霧、煙等），使人們看到近處景物比遠處的輪廓更清晰、色彩更飽滿(mǎn)的視覺(jué)現象，例如下方海報中的「煙雨蒙蒙」，這種近實(shí)遠虛感就是典型的空氣透視，隨著(zhù)鏡頭拉遠，山川也變得越來(lái)越模糊。


散點(diǎn)透視則是中國畫(huà)特有的一種透視類(lèi)型，例如下方的《清明上河圖》就是這類(lèi)透視的代表作，在這五米長(cháng)的畫(huà)卷中，很難找出畫(huà)家的具體觀(guān)察位置，好似在移動(dòng)中作畫(huà)，每到一處畫(huà)一部分，最后拼接起來(lái)，這種視點(diǎn)不斷移動(dòng)的畫(huà)法就是散點(diǎn)透視，散點(diǎn)透視適合表現景色的波瀾壯闊，重在寫(xiě)意，體現一種氣勢和意境。


而焦點(diǎn)透視才是本文重點(diǎn)，它是透視學(xué)中的核心理論，也是西方繪畫(huà)所遵循的透視原則，最早研究透視就是從這里開(kāi)始，如果散點(diǎn)透視是「寫(xiě)意」，那焦點(diǎn)透視則「寫(xiě)實(shí)」，一切都以客觀(guān)還原為準。

例如名畫(huà)《最后的晚餐》，所有視線(xiàn)都匯聚一點(diǎn)（稱(chēng)為滅點(diǎn)），營(yíng)造出一種立體空間感，這些就像自己身處畫(huà)面中央所看到的逼真景象。


而我們在設計中常說(shuō)的透視也都指「焦點(diǎn)透視」，這是我們需要掌握的重中之重。記得高中學(xué)習素描時(shí)，老師就說(shuō)畫(huà)靜物要「近大遠小」，其實(shí)就是對焦點(diǎn)透視最為形象的描述，例如草地上的奶牛，離我們越近就越大，越遠則越小，正是這種近大遠小的透視變化才使場(chǎng)景有了空間和層次。


觀(guān)察視角
在介紹焦點(diǎn)透視前，我們先說(shuō)說(shuō)透視中一個(gè)很重要的影響因素——觀(guān)察視角。視角即指人眼（稱(chēng)為視點(diǎn)）在觀(guān)察事物時(shí)視線(xiàn)之間所形成的角度。

如下圖所示，其實(shí)就是人眼觀(guān)看角度的變化，常見(jiàn)有3種：當我們平視前方時(shí)就是「平視視角」；仰頭看時(shí)則是「仰視視角」；低頭看時(shí)便是「俯視視角」。

其中平視時(shí)人眼和物體形成的假想連線(xiàn)稱(chēng)為「水平視線(xiàn)」，這是判斷視角高低的參考線(xiàn)。


當我們將產(chǎn)品放入空間時(shí)，就要根據陳列形式選擇合適視角，從下方的示意圖中能看到，三種視角給人的感受都不相同：

平視有種方方正正感，給人一種非常自然的觀(guān)察感受，雖然中規中矩但視覺(jué)舒服；
仰視則能體現產(chǎn)品的高大和氣勢，用來(lái)烘托價(jià)值感；
而俯視最接近我們日?？醋烂嫘∥锲返囊暯?，很真實(shí)也很親切，同時(shí)還凸顯了產(chǎn)品的立體感。
Banner設計技巧方法之空間陳列法

而上圖的仰視和俯視都屬于小視角，即產(chǎn)品視線(xiàn)和水平視線(xiàn)的夾角較小，這是設計中的常見(jiàn)視角，大概就是把頭微微抬起或低下時(shí)看到的場(chǎng)景，這時(shí)畫(huà)面最自然也最舒服。反之若視角過(guò)大，即頭抬的很高或壓的很低時(shí)，這時(shí)產(chǎn)品的形變就很夸張，顯得刻意、不舒服。

說(shuō)完3種視角，現在正式講解焦點(diǎn)透視，一般根據物體滅點(diǎn)的數量不同，焦點(diǎn)透視又分3種：平行透視（一點(diǎn)透視）、成角透視（兩點(diǎn)透視）和斜角透視（三點(diǎn)透視），它們都有各自的透視效果和適用范圍，但若鋪開(kāi)講會(huì )很復雜，因此下面就結合「空間陳列」進(jìn)行介紹。

1. 平行透視

用立方體簡(jiǎn)單說(shuō)明，就是有一面與畫(huà)面平行，這時(shí)物體的厚度邊線(xiàn)若向內延伸，最后都會(huì )匯聚到1個(gè)點(diǎn)上，因此又稱(chēng)「一點(diǎn)透視」。這是最簡(jiǎn)單也最易掌握的一種透視形式，其中匯聚點(diǎn)稱(chēng)為「滅點(diǎn)」，而滅點(diǎn)所在的那條線(xiàn)則是「視平線(xiàn)」，即與人眼等高的一條水平線(xiàn)。

Banner設計技巧方法之空間陳列法

再來(lái)看看平行透視在生活中的場(chǎng)景呈現，如圖所示，將各種景物進(jìn)行前后連線(xiàn)并延伸，最后都是匯到一點(diǎn)才消失。平行透視適合表現場(chǎng)景縱深，給人一種正式感和平和感。


電商網(wǎng)站建設中的產(chǎn)品展示也一樣，例如下方示意圖中，不管哪種視角，產(chǎn)品和立方體都是正對觀(guān)眾，讓人覺(jué)得擺放角度正正好。


總體來(lái)說(shuō)平行透視只有1個(gè)滅點(diǎn)，變化并不多，視覺(jué)表現單一，沒(méi)有太多的空間變化，基本就是從正面來(lái)表現整個(gè)場(chǎng)景，因此上手簡(jiǎn)單，只要確保前后連線(xiàn)都匯聚一點(diǎn)即可，這樣畫(huà)面各元素也會(huì )顯得整齊。但有時(shí)這種正視會(huì )讓畫(huà)面缺少層次感，顯得很平，此時(shí)可嘗試俯視視角或者強化背景的空間縱深。

下面展示平行透視在3種視角下的應用案例，注意觀(guān)察不同視角下的產(chǎn)品呈現和透視變化，雖然微妙，但每種視角確實(shí)給人不一樣的視覺(jué)感受。

平行平視

當畫(huà)面為平行透視和平視視角時(shí)，這時(shí)的觀(guān)察位置很正。如下圖所示，空間和產(chǎn)品都顯得有些平整，雖然場(chǎng)景的立體感較弱，但視覺(jué)舒服協(xié)調，表現起來(lái)也相對簡(jiǎn)單。注意平視的「視平線(xiàn)」基本位于主體元素的中心處，即是說(shuō)人眼此時(shí)正對前方物體的中心，這樣才會(huì )有平視效果。