別具一格的插圖風(fēng)格網(wǎng)頁設(shè)計(jì)欣賞

2014-2-14    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   m.sillybuy.com  )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請(qǐng)點(diǎn)這里 

網(wǎng)頁設(shè)計(jì)界面設(shè)計(jì)趨勢更新?lián)Q代,但是使用插圖始終是給頁面一個(gè)獨(dú)特外觀和風(fēng)格的好方法。今天我們有一些非常好看的頁面設(shè)計(jì),使用插圖來抓住用戶的注意力和添加頁面的個(gè)性。有很多不同的使用插圖的方法,我們相信你可以從這些例子中得到靈感并且應(yīng)用在自己ui設(shè)計(jì)中。

theteafactory

image1

一個(gè)茶葉廠的官網(wǎng),頁面運(yùn)用大量的矢量圖像與產(chǎn)品照片配合,使得頁面看起來非常清新活潑。

booksatwork

image2

用富有想象力的動(dòng)畫的方式來體現(xiàn)網(wǎng)站主題。頁面中部,以圖形作為表現(xiàn)方式,用來做產(chǎn)品介紹。

fixate

image3

線條化的圖形,極簡有特色,讓人印象深刻。

viewflux

image4

頁面第一屏根據(jù)分辨率自適應(yīng)大小,視覺沖擊力較強(qiáng)的頭部與下面淺灰色極簡設(shè)計(jì)內(nèi)容形成強(qiáng)烈反差,使得頭部信息更為突出。

connectmania

image5

將產(chǎn)品放大到展示的最佳效果,頁面中部直接讓用戶體現(xiàn)游戲,旁邊就是免費(fèi)下載的按鈕。

breakitdown

image6

主題為餐廚垃圾循環(huán)的頁面,網(wǎng)頁中帶有引導(dǎo)性的趣味圖形繪畫,生動(dòng)活潑,緩解了主題太過嚴(yán)肅。

appstronauts

image7

極簡的設(shè)計(jì),利用色塊來區(qū)分權(quán)重。每一個(gè)元素都有相對(duì)的作用。

bothassociates

image8

用同一物質(zhì)兩種反差的圖像對(duì)比方式,體現(xiàn)工作室的特點(diǎn)。

bradleyhaynes

image9

下拉頁面時(shí),利用動(dòng)畫展現(xiàn)ui設(shè)計(jì)案例的細(xì)節(jié)與特點(diǎn)。

savoura

image10

點(diǎn)擊導(dǎo)航里的內(nèi)容,大部分都是以時(shí)間軸和輪播圖形式展現(xiàn),形式生動(dòng)活潑。

abramsbooks

image11

以全景動(dòng)畫展示頁面主題,可以從中找到很多有趣的畫面。

tobisstory

image12

首頁將3個(gè)故事以圖形動(dòng)畫的形式展現(xiàn),增強(qiáng)趣味性,也為相應(yīng)的內(nèi)容頁做鋪墊。

mottau

image13

分享本文至:

日歷

鏈接

個(gè)人資料

存檔