2022-12-04 分類: 網站建設
在PC端網站建設就顯得單薄,版面空缺,整體不飽滿;而在手機端則用的剛剛好,確實這種長焦特寫、微距放大的陳列小場景就是手機屏的最愛,所以在手機時代,空間陳列圖才會呈現井噴式增長。
其實合成、三維和攝影都可以實現「空間陳列」,但本書還是以合成為主,而合成的難點就在于如何將產品和空間進行自然融合,不能有違和感。
若想合的天衣無縫,第一步就是要做到「透視準確」,而透視作為構圖中的重要知識點,可以說是無處不在,在前面的章節里也多次提及。我們只有掌握透視的變化規律,才能準確表現出元素的空間關系,如果透視不對,那空間將會失真,下面就來詳細講講這個理性知識點——透視。
焦點透視
日常生活中,當我們看周圍事物時,會有遠近、高低、長短、寬窄等不同,這是由于距離、方位等差異在視覺中呈現的不同反映,這種現象就是透視。透視學的出現可以幫我們非常科學的表現各種空間感和立體感,它廣泛用于繪畫、建筑、環藝、設計等諸多領域,而常見的透視共3類:空氣透視、散點透視和焦點透視,這3類的側重點各有不同。
空氣透視又稱「色彩透視」,由于空氣介質的存在(雨、雪、霧、煙等),使人們看到近處景物比遠處的輪廓更清晰、色彩更飽滿的視覺現象,例如下方海報中的「煙雨蒙蒙」,這種近實遠虛感就是典型的空氣透視,隨著鏡頭拉遠,山川也變得越來越模糊。
散點透視則是中國畫特有的一種透視類型,例如下方的《清明上河圖》就是這類透視的代表作,在這五米長的畫卷中,很難找出畫家的具體觀察位置,好似在移動中作畫,每到一處畫一部分,最后拼接起來,這種視點不斷移動的畫法就是散點透視,散點透視適合表現景色的波瀾壯闊,重在寫意,體現一種氣勢和意境。
而焦點透視才是本文重點,它是透視學中的核心理論,也是西方繪畫所遵循的透視原則,最早研究透視就是從這里開始,如果散點透視是「寫意」,那焦點透視則「寫實」,一切都以客觀還原為準。
例如名畫《最后的晚餐》,所有視線都匯聚一點(稱為滅點),營造出一種立體空間感,這些就像自己身處畫面中央所看到的逼真景象。
而我們在設計中常說的透視也都指「焦點透視」,這是我們需要掌握的重中之重。記得高中學習素描時,老師就說畫靜物要「近大遠小」,其實就是對焦點透視最為形象的描述,例如草地上的奶牛,離我們越近就越大,越遠則越小,正是這種近大遠小的透視變化才使場景有了空間和層次。
觀察視角
在介紹焦點透視前,我們先說說透視中一個很重要的影響因素——觀察視角。視角即指人眼(稱為視點)在觀察事物時視線之間所形成的角度。
如下圖所示,其實就是人眼觀看角度的變化,常見有3種:當我們平視前方時就是「平視視角」;仰頭看時則是「仰視視角」;低頭看時便是「俯視視角」。
其中平視時人眼和物體形成的假想連線稱為「水平視線」,這是判斷視角高低的參考線。
當我們將產品放入空間時,就要根據陳列形式選擇合適視角,從下方的示意圖中能看到,三種視角給人的感受都不相同:
平視有種方方正正感,給人一種非常自然的觀察感受,雖然中規中矩但視覺舒服;
仰視則能體現產品的高大和氣勢,用來烘托價值感;
而俯視最接近我們日常看桌面小物品的視角,很真實也很親切,同時還凸顯了產品的立體感。
Banner設計技巧方法之空間陳列法
而上圖的仰視和俯視都屬于小視角,即產品視線和水平視線的夾角較小,這是設計中的常見視角,大概就是把頭微微抬起或低下時看到的場景,這時畫面最自然也最舒服。反之若視角過大,即頭抬的很高或壓的很低時,這時產品的形變就很夸張,顯得刻意、不舒服。
說完3種視角,現在正式講解焦點透視,一般根據物體滅點的數量不同,焦點透視又分3種:平行透視(一點透視)、成角透視(兩點透視)和斜角透視(三點透視),它們都有各自的透視效果和適用范圍,但若鋪開講會很復雜,因此下面就結合「空間陳列」進行介紹。
1. 平行透視
用立方體簡單說明,就是有一面與畫面平行,這時物體的厚度邊線若向內延伸,最后都會匯聚到1個點上,因此又稱「一點透視」。這是最簡單也最易掌握的一種透視形式,其中匯聚點稱為「滅點」,而滅點所在的那條線則是「視平線」,即與人眼等高的一條水平線。
Banner設計技巧方法之空間陳列法
再來看看平行透視在生活中的場景呈現,如圖所示,將各種景物進行前后連線并延伸,最后都是匯到一點才消失。平行透視適合表現場景縱深,給人一種正式感和平和感。
電商網站建設中的產品展示也一樣,例如下方示意圖中,不管哪種視角,產品和立方體都是正對觀眾,讓人覺得擺放角度正正好。
總體來說平行透視只有1個滅點,變化并不多,視覺表現單一,沒有太多的空間變化,基本就是從正面來表現整個場景,因此上手簡單,只要確保前后連線都匯聚一點即可,這樣畫面各元素也會顯得整齊。但有時這種正視會讓畫面缺少層次感,顯得很平,此時可嘗試俯視視角或者強化背景的空間縱深。
下面展示平行透視在3種視角下的應用案例,注意觀察不同視角下的產品呈現和透視變化,雖然微妙,但每種視角確實給人不一樣的視覺感受。
平行平視
當畫面為平行透視和平視視角時,這時的觀察位置很正。如下圖所示,空間和產品都顯得有些平整,雖然場景的立體感較弱,但視覺舒服協調,表現起來也相對簡單。注意平視的「視平線」基本位于主體元素的中心處,即是說人眼此時正對前方物體的中心,這樣才會有平視效果。
文章標題:網站開發中的banner設計是網站中的靈魂
新聞來源:http://m.newbst.com/news3/219203.html
成都網站建設公司_創新互聯,為您提供網站內鏈、軟件開發、網站策劃、網站改版、面包屑導航、虛擬主機
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容