說(shuō)插畫現(xiàn)已徹底接管了網(wǎng)頁(yè)規(guī)劃好像有點(diǎn)過(guò),可是技能發(fā)展和用戶需求使得網(wǎng)頁(yè)插畫在世界范圍內(nèi)盛行起來(lái),一點(diǎn)都不為過(guò)。從全屏式頁(yè)面傍邊的主頁(yè)Banner圖到視差滾動(dòng)式頁(yè)面中的奇妙動(dòng)畫,你會(huì)發(fā)現(xiàn)插畫在這些規(guī)劃著作中大放異彩。
插畫在網(wǎng)頁(yè)中是一種風(fēng)趣而又多用途的優(yōu)化元素,手繪插畫、網(wǎng)頁(yè)元素、手繪字體,在技能老練的今日,一切的這些東西都可以用適宜的手繪插畫來(lái)替換,制造出絕無(wú)僅有的視覺體驗(yàn)。
插畫是規(guī)劃趨勢(shì)
不過(guò)規(guī)劃師們選擇插畫還有許多其他的原因,這也造就了現(xiàn)在的趨勢(shì):
·插畫能讓用戶更好地融入到你所設(shè)定的空氣傍邊,由于他們不會(huì)留意到其他的東西
·插畫可以完結(jié)許多八怪七喇的元素,而且它們只能靠插畫或許手繪來(lái)完結(jié)
·插畫可以更輕松地將現(xiàn)實(shí)和幻想融合到一同
·更簡(jiǎn)略定制,也更簡(jiǎn)略加入藝術(shù)的元素
·插畫配色豐富多彩,也可以愈加輕松地將盛行而亮堂的色彩融入其間
·即便你并不是一名職業(yè)的插畫師,也可以憑借插畫東西和資料包來(lái)制造插畫
·插畫可以融入許多不同的風(fēng)格,營(yíng)建多種空氣
頁(yè)頭插畫
網(wǎng)頁(yè)頁(yè)頭的Banner圖是插畫最常呈現(xiàn)的地方。在著作展現(xiàn)、產(chǎn)品類的網(wǎng)站制造中,美麗的插畫用得十分入情入理。
在網(wǎng)頁(yè)頁(yè)頭中運(yùn)用插畫的時(shí)分,藝術(shù)元素具有更大的發(fā)揮空間,可以兼容更多雜亂多樣的規(guī)劃元素和內(nèi)容。精美的細(xì)節(jié),好玩的交互,還有充溢質(zhì)感的留白都常見于此處的插畫。網(wǎng)頁(yè)頁(yè)頭的插畫能讓用戶充溢發(fā)現(xiàn)的興趣。
雜亂的插畫規(guī)劃有一些值得留意的規(guī)劃技巧:
·插畫最好具有必定的藝術(shù)性,用戶不會(huì)將時(shí)刻消耗在一般而沒(méi)亮點(diǎn)的規(guī)劃著作上,請(qǐng)精心制造
·盡管有的插畫可能會(huì)比較雜亂,可是傳遞的信息應(yīng)該是簡(jiǎn)略的。你應(yīng)該明晰插畫所傳遞的信息,而且讓一切的元素為之效勞
·專業(yè)。你能在草稿紙上涂鴉并不意味著你能馬上開始做網(wǎng)頁(yè)插畫,成為一個(gè)專業(yè)的插畫師需求足夠好的審美和足夠?qū)I(yè)的繪畫技巧。
增加簡(jiǎn)略的動(dòng)效
靜態(tài)的插畫規(guī)劃需求留意的點(diǎn)有很多,而網(wǎng)頁(yè)插畫則愈加雜亂,由于它現(xiàn)在現(xiàn)已是動(dòng)態(tài)的了。當(dāng)插畫和動(dòng)效結(jié)合起來(lái)的時(shí)分,會(huì)更簡(jiǎn)略引導(dǎo)用戶,引發(fā)用戶點(diǎn)擊和互動(dòng)的愿望。
正好像 Hugo
網(wǎng)頁(yè)中文本的奇妙運(yùn)動(dòng),就是十分吸引人眼球的規(guī)劃。這些微動(dòng)畫可以幫助用戶了解哪些地方可以操作,怎么拜訪下一個(gè)部分或許頁(yè)面。關(guān)于整體性比較強(qiáng)、內(nèi)容比較多的頁(yè)面而言,這種規(guī)劃尤為有用。
這些令人驚喜的小細(xì)節(jié),會(huì)讓訪客戀戀不舍。懸停動(dòng)效就是一個(gè)很好的規(guī)劃手法,它讓用戶樂(lè)于在頁(yè)面中尋覓可供交互的空間,在導(dǎo)航中領(lǐng)會(huì)興趣。
插畫圖標(biāo)和插畫UI元素
如果種種跡象表明你的網(wǎng)頁(yè)無(wú)法運(yùn)用大范圍的插畫來(lái)作為裝飾,那么可以考慮將插畫風(fēng)的圖標(biāo)和UI元素融入到頁(yè)面傍邊。這種方法相同可以讓你頁(yè)面顯得生動(dòng)風(fēng)趣。
插畫元素能將奇思妙想融入到單調(diào)嚴(yán)厲的網(wǎng)站中,讓它顯得愈加生動(dòng)風(fēng)趣。插畫式的線性圖標(biāo)是最簡(jiǎn)略完結(jié)的插畫之一,精約而多樣的規(guī)劃幾乎可以和一切的
規(guī)劃風(fēng)格兼容起來(lái),可以調(diào)配圖片,也可以合作多種多樣的配色計(jì)劃,最重要的是,這種一致的圖標(biāo)規(guī)劃能作為頁(yè)面視覺規(guī)劃一致性規(guī)劃的重要脈絡(luò)。
如果你想再深化一點(diǎn),無(wú)妨讓各種UI元素插畫化。Iqor
的網(wǎng)頁(yè)中,大尺寸的圖片規(guī)劃讓頁(yè)面平添了幾分興趣。網(wǎng)頁(yè)中大的插畫和規(guī)劃元素都運(yùn)用了三種典型的盛行色,而且在不同的頁(yè)面中保持著一致性。
手繪字體
別的一個(gè)重要的規(guī)劃趨勢(shì)是融入了插畫的定制化排版規(guī)劃。插畫式的LOGO、正文內(nèi)容、手繪字體和藝術(shù)插畫都可以充沛的融合到一同。
值得一提的是,手繪字體規(guī)劃最值得留意的是控制。一般你需求將一部分文字內(nèi)容進(jìn)行重繪,并控制在一個(gè)區(qū)塊傍邊,規(guī)劃“過(guò)度”的字體最簡(jiǎn)略呈現(xiàn)的問(wèn)題是影響字體的可讀性。所以,在這個(gè)規(guī)劃過(guò)程中,必須保證文字在美麗的一起,可以被用戶輕松閱讀,易于了解,傳遞出明晰的信息。
Day
of the Dead 和 Stand Up to Cancer 兩個(gè)頁(yè)面在這方面做的適當(dāng)不錯(cuò),它們傳遞出簡(jiǎn)略的信息,字體規(guī)劃上也足夠漂亮。Day of the
Dead 運(yùn)用了無(wú)襯線體和美麗的插畫來(lái)調(diào)配手繪字體,盡管多,可是十分有條理。Stand Up to Cancer
則一致地采用了水彩畫的風(fēng)格,手繪字體則是根據(jù)標(biāo)準(zhǔn)化的字體來(lái)規(guī)劃,可讀性更強(qiáng)。
關(guān)于許多規(guī)劃師而言,剛剛開始將插畫加入到網(wǎng)頁(yè)中之時(shí),好像并不是那么輕松,可是充沛憑借現(xiàn)有的規(guī)劃東西、UI
Kit和資料,可以適當(dāng)?shù)亟档瓦@個(gè)門檻。
如果你想獨(dú)自完結(jié)帶有許多插畫的網(wǎng)頁(yè)項(xiàng)目,相對(duì)系統(tǒng)化的學(xué)習(xí)和適當(dāng)?shù)膶徝擂固帐鞘钟斜匾,花費(fèi)時(shí)刻來(lái)醞釀著作是一件很正常的工作。