另類網(wǎng)站版式設(shè)計(jì)欣賞
當(dāng)你在創(chuàng)建一個(gè)新 網(wǎng)站 的時(shí)候,希望這些網(wǎng)站富有個(gè)性的 版式設(shè)計(jì) 能給你帶來(lái)靈感。
Popmatik
這是Rob Leach設(shè)計(jì)制作的一個(gè)個(gè)人網(wǎng)站,這個(gè)網(wǎng)站用了一個(gè)瓶子的底圖,網(wǎng)站的內(nèi)容都在瓶子的這個(gè)包裝紙上。
Digitalmash.com
Digital Mash是澳大利亞的網(wǎng)站設(shè)計(jì)師Rob Morris的網(wǎng)站,這個(gè)網(wǎng)站的獨(dú)特之處在于,Rob Morris把自己放在網(wǎng)站上作為背景,而且最有意思的是Rob手持著網(wǎng)站的內(nèi)容。
Melissahie.com
這個(gè)網(wǎng)站運(yùn)用了一種拼貼板塊的手法,點(diǎn)擊每個(gè)板塊的鏈接,網(wǎng)站會(huì)引導(dǎo)你進(jìn)入下一個(gè)板塊去。在這里你會(huì)看到作者的個(gè)人簡(jiǎn)歷,及相關(guān)內(nèi)容信息等等。
Evanescenceuk.co.uk
這個(gè)英國(guó)風(fēng)格的網(wǎng)站用的是一種橫向的排版,導(dǎo)航的方式跟Melissahie.com 有些類似。觀看者可以通過(guò)導(dǎo)航滑行到不同的內(nèi)容面去。
Sitotis.hr
Sitotis的底圖是一本裝訂的本子,內(nèi)容就在這本子里面,標(biāo)簽就是網(wǎng)站的導(dǎo)航。
Mussatto.com.br
Mussatto用了一種很長(zhǎng)的橫排版式,但這也沒(méi)有跟現(xiàn)行的網(wǎng)站的豎排版式相沖突。
Danviv.net
Dan Viveiros的這個(gè)個(gè)人網(wǎng)站擺放了很多盒式磁帶。挺有感覺(jué)的。
CraigEarl.co.uk
攝影師Craig Earl在他的網(wǎng)站上運(yùn)用的一大特色就是有四個(gè)長(zhǎng)條的板塊組成了網(wǎng)站四大板塊的導(dǎo)航,分別指向日常的圖片,風(fēng)景,樂(lè)隊(duì),人物。
JeremyCowart.com
來(lái)看看另外一個(gè)有趣的攝影網(wǎng)站JeremyCowart.com,它可以讓你更直接的找到網(wǎng)站上的圖片。這比起要靠鏈接來(lái)找到圖片要直觀的多,這個(gè)網(wǎng)站還有一個(gè)很獨(dú)特的細(xì)節(jié)就是,當(dāng)鼠標(biāo)停留在每一張圖片上時(shí),這張圖片的內(nèi)容文字就會(huì)出現(xiàn)在鼠標(biāo)的旁邊。
Huge
這個(gè)設(shè)計(jì)公司的網(wǎng)站把左邊的大圖作為一個(gè)導(dǎo)航,然后右邊的邊欄就放了一些介紹性的文字內(nèi)容。
<!--Here is the bottom-->
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號(hào)聯(lián)系: 360901061
您的支持是博主寫作最大的動(dòng)力,如果您喜歡我的文章,感覺(jué)我的文章對(duì)您有幫助,請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長(zhǎng)非常感激您!手機(jī)微信長(zhǎng)按不能支付解決辦法:請(qǐng)將微信支付二維碼保存到相冊(cè),切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元
