提交需求
賽事與廣告咨詢(xún)合作,請(qǐng)?zhí)顚?xiě)需求表單,我們會(huì)在第一時(shí)間與您聯(lián)系!
瀏覽dribbble的時(shí)候看到兩個(gè)比較好看的2.5D風(fēng)格的Landing Page設(shè)計(jì),兩個(gè)都設(shè)計(jì)的很好看,加之之前一直有設(shè)計(jì)師對(duì)這種2.5D風(fēng)格很感興趣,今天我就來(lái)說(shuō)說(shuō)自己對(duì)這種風(fēng)格的心得以及一些操作方法,也不算教程吧(本人還沒(méi)厲害到要出教程的地步),只起一個(gè)拋磚引玉的作用,我相信大家都還是很聰明的,肯定一看都會(huì)!
作者:rwds
作者:kihoo
等距側(cè)軸圖(2.5D插圖),也有人稱(chēng)之為偽3D風(fēng)格插圖,因?yàn)檫@種圖你只能看到三個(gè)面,即頂面,左面和右面,且左右對(duì)稱(chēng)是這種圖的一大顯著特征,我們見(jiàn)到很多工程制圖里面就有等距側(cè)軸圖。
這張圖里面我們可以看到如下這種網(wǎng)格
大家是不是看的一臉懵逼,其實(shí)這是一個(gè)立體知覺(jué)和深度視覺(jué)的問(wèn)題,我們?cè)谟^察三維物體時(shí)候,有著和二維的平面完全不同的感覺(jué),因?yàn)槲覀兊囊暰W(wǎng)膜是二維的,所以我們獲得立體感都是我們的視覺(jué)系統(tǒng)通過(guò)某種方式建立了三維立體形象。也就是說(shuō)所謂的立體,只是一種被感知的立體,這是由于人們視覺(jué)心理的立體知覺(jué)決定的。
1、2兩個(gè)圖形作為立方體的深度知覺(jué)存在一定的困難,3由于角度的暗示、可以看出是一個(gè)立方體。4雖然跟1一樣,但是由于汽車(chē)作為介入物體,便立刻獲得了深度的知覺(jué)
這種網(wǎng)格幫助我們規(guī)范的繪制2.5D插圖,對(duì)于了解其原理很有幫助,例如一些設(shè)計(jì)師會(huì)用到他們繪制草圖:
還有一些海報(bào)里面的文字處理
特意錄了一個(gè)小視頻,嘗試著做了一下,文章結(jié)束提供了源文件下載僅供學(xué)習(xí)交流用,嚴(yán)禁抄襲套用!
視頻中提到的兩個(gè)動(dòng)作和PSD源文件
網(wǎng)盤(pán)下載已經(jīng)失效,請(qǐng)點(diǎn)擊下面下載附件 通過(guò)UI中國(guó)附件下載,謝謝!
密碼登錄
大牛,別默默的看了,快登錄幫我點(diǎn)評(píng)一下吧!:)
登錄 立即注冊(cè)