Godzilla. 2016-11-24
網(wǎng)站建設(shè)
上海建站網(wǎng)站:如何設(shè)計(jì)網(wǎng)站頁(yè)頭?
打造一個(gè)漂亮的博客并不要求你從頭搭建整個(gè)布局,你可以充分運(yùn)用現(xiàn)有的模板,為它搭配上一個(gè)足夠漂亮又恰如其分的Banner圖,加上一個(gè)走心有趣的標(biāo)題,這樣一來可以更有效地吸引目標(biāo)讀者和用戶。想想看,當(dāng)用戶打開一個(gè)網(wǎng)站的時(shí)候,最先展現(xiàn)出來的就是網(wǎng)站的頁(yè)頭,用戶是否會(huì)停留很大程度上在這一刻有了決定。設(shè)計(jì)一個(gè)足夠優(yōu)秀的網(wǎng)站頁(yè)頭是非常有必要的。你需要怎樣做才能從大量的同類中脫穎而出呢?上海建站網(wǎng)站:如何設(shè)計(jì)網(wǎng)站頁(yè)頭?下面為大家展示一些網(wǎng)站頁(yè)頭設(shè)計(jì)的案例。
1、功能說明
博客The Everywherist 的博主是一位重度旅游愛好者,她和她丈夫經(jīng)常滿世界溜達(dá),留下他們的印記,并在博客上直播他們的旅行。護(hù)照、地圖、膠卷都是他們?cè)谌澜缏糜蔚拿髯C,而博客Banner圖上的這些元素也足夠讓你信服。
2、讓標(biāo)題成為為你的標(biāo)志
52 Weeks of UX,單看名字你就知道這是一個(gè)全年無休的用戶體驗(yàn)相關(guān)的博客,它的頁(yè)頭足夠簡(jiǎn)單也足夠鮮明,你很清楚你接下來閱讀的內(nèi)容一定是UX相關(guān)的文章。
3、類型化的設(shè)計(jì)
Trent Walton 的網(wǎng)站就是這么做的,在標(biāo)題的選取上更加類型化,這樣一來,網(wǎng)站上不同文章在標(biāo)題上有明顯的區(qū)分,也更加容易吸引細(xì)分用戶。
4、展現(xiàn)動(dòng)效
動(dòng)效總會(huì)比靜態(tài)的元素更加吸引人,而作為一個(gè)有逼格的網(wǎng)站博客,VOTD 會(huì)在你打開網(wǎng)站的時(shí)候,加在一個(gè)漂亮的LOGO動(dòng)效,充滿質(zhì)感的LOGO在白色的背景上逐步展開,這種動(dòng)效常常會(huì)讓人愛不釋手。
5、使用具有表現(xiàn)力的字體
The Wanderlust Project 的頁(yè)頭就用了一種非常有性格的手寫風(fēng)字體來書寫標(biāo)題,這不僅非常抓眼球,而且當(dāng)字體運(yùn)用到配圖當(dāng)中之后,顯得網(wǎng)站還很有一致性。
6、白底黑字總不錯(cuò)
在網(wǎng)頁(yè)排版中,白底黑字這種經(jīng)典的搭配總歸是不會(huì)錯(cuò)的,不過字體的性格和排版的方式會(huì)決定整個(gè)網(wǎng)站的氣質(zhì)。The Socialite Family 就是一個(gè)典型的時(shí)尚網(wǎng)站,博文以時(shí)尚雅致的室內(nèi)設(shè)計(jì)為主,字體選取也優(yōu)雅得體。
7、讓LOGO足夠醒目
Premium Pixels 的網(wǎng)站中集合了大量的設(shè)計(jì)文章和資源,頁(yè)頭中最醒目的就是網(wǎng)站那個(gè)炫酷的LOGO,當(dāng)鼠標(biāo)懸停在上面的時(shí)候會(huì)變化。網(wǎng)站內(nèi)容很豐富,也許你想要的資源。
8、字體排版和插畫搭配起來
這個(gè)網(wǎng)站的內(nèi)容是關(guān)于如何給孩子們做飯的,網(wǎng)站頁(yè)頭不僅采用了主題相關(guān)的插畫,而且結(jié)合了效果不錯(cuò)的文字排版,結(jié)合獨(dú)特的配色,讓整個(gè)頁(yè)面看起來很好吃。
9、縮小頁(yè)頭字體
The New Minimum 是一個(gè)時(shí)尚數(shù)字雜志,纖細(xì)而現(xiàn)代的頁(yè)頭字體和有限的導(dǎo)航功能讓整個(gè)頁(yè)面看起來非常簡(jiǎn)約。
10、大膽用色
Joy the Baker 在頁(yè)頭文字底部使用了水彩質(zhì)感的襯底,讓整個(gè)頁(yè)頭的吸引力一下子提升了上來。
11、高清大圖頁(yè)頭
一圖勝千言。I Am a Food Blog 作為一個(gè)美食類博客,它的設(shè)計(jì)在同類中并不多見,設(shè)計(jì)師將導(dǎo)航欄縮減到非常小,然后用全屏輪播大圖充塞了整個(gè)界面,內(nèi)容點(diǎn)題,也充滿了視覺沖擊力。
文章標(biāo)簽:
網(wǎng)站頁(yè)頭
Godzilla 簽
為了在編輯、圖象設(shè)計(jì)方面進(jìn)一步的提高,我想投身于網(wǎng)站行業(yè)中,一展所長(zhǎng),為所在的公司和社會(huì)貢獻(xiàn)一分力量!
文章評(píng)論: