|
您的位置: 首頁(yè) > 網(wǎng)站資訊 > 網(wǎng)頁(yè)字體設(shè)計(jì)奇幻之旅下 |
網(wǎng)頁(yè)字體設(shè)計(jì)奇幻之旅下發(fā)布日期:2017/6/10
印象通常就是一種持續(xù)印象。不管你是否意識(shí)到,你的版式能夠幫助用戶在他們甚至還沒(méi)有開(kāi)始讀一個(gè)字或者點(diǎn)擊一個(gè)按鈕之前建立一個(gè)體驗(yàn)。版式不僅僅是講述一個(gè)故事,它告訴用戶是這個(gè)網(wǎng)站的幕后以及這個(gè)背后的人是做什么的。對(duì)于字體的處理創(chuàng)造了一種氛圍,同時(shí)也會(huì)像聲音的音調(diào)一樣引起回想。 你需要問(wèn)一問(wèn)你自己,你想要表達(dá)什么以及你想要怎么去表達(dá)它?想一想用戶:當(dāng)頁(yè)面加載的時(shí)候你想讓他們有什么樣的感受和體驗(yàn)?版式建立一個(gè)交流的模式,同時(shí),也表達(dá)了一個(gè)網(wǎng)站的個(gè)性。字體的選擇將會(huì)決定人們對(duì)你的網(wǎng)站的反饋。 以下的網(wǎng)站有著特別很是顯明的個(gè)性,大部分都是通過(guò)版式來(lái)建立的。誠(chéng)然,有時(shí)候他們并不是很好(不幸的是,性能常常是個(gè)問(wèn)題),但是他們通過(guò)字體來(lái)引起用戶的愛(ài)好。好的網(wǎng)頁(yè)版式不僅僅只是一個(gè)美好的視覺(jué)處理,同時(shí)也要注重速度。許多設(shè)計(jì)師徹底忽視了性能。 請(qǐng)注重:這些網(wǎng)站沒(méi)有在老的瀏覽器或者移動(dòng)設(shè)備上做過(guò)測(cè)試。當(dāng)然這不是這篇文章的主旨。相反的,我們將會(huì)近距離的觀察有趣的版式處理以及字體的創(chuàng)新使用。 延長(zhǎng)閱讀:
細(xì)膩的字體使用實(shí)例(20-38) (20)Ewket 這是個(gè)簡(jiǎn)單的扁平化設(shè)計(jì)的網(wǎng)站。用好基本的造型設(shè)計(jì),就像油畫(huà)的層。Ewket在埃塞俄比亞致力于基礎(chǔ)教育事業(yè)。網(wǎng)站內(nèi)容所使用的字體Andale Mono并不是你所期待的那樣,但是它能夠讀懂。這個(gè)字體是一種鋒利的無(wú)襯線字體,有一種空蕩蕩的感覺(jué)。Ewket是一個(gè)下層項(xiàng)目,所以它的整個(gè)設(shè)計(jì)看起來(lái)特別很是的基本和簡(jiǎn)單,也映照了它的功能。然而,它并沒(méi)有很好的對(duì)應(yīng)它的性能,4.6MB和58次HTTP請(qǐng)求顯得有點(diǎn)沒(méi)需要的多余。 (21)The Dissolve 我喜好它的銘牌,它營(yíng)造了一種老式的電影院的感覺(jué)。對(duì)比起文章的襯線字體來(lái)講,這種字體有一種古老的感覺(jué)。這個(gè)網(wǎng)站有一種簡(jiǎn)單,干凈和特別很是復(fù)雜的老電影的體驗(yàn)。導(dǎo)航條的設(shè)計(jì)讓頂部的空間得到的了很好的應(yīng)用。一旦這個(gè)網(wǎng)站的視覺(jué)識(shí)別跟它的銘牌一路建立起來(lái),當(dāng)你把鼠標(biāo)懸停在上面的時(shí)候,不同的分類(lèi)廣告就會(huì)出現(xiàn)在銘牌的位置。 (22)The whig 這個(gè)餐廳是一個(gè)可以坐下來(lái),放松,和你的小伙伴們喝一杯的地方。Medula One字體被用來(lái)詮釋這樣一種感覺(jué)。這種無(wú)襯線字體非但不會(huì)顯得過(guò)分裝飾而且它的筆刷線條有一種中世紀(jì)的感覺(jué) 。它特別很是的友愛(ài)而不做作,很好的映襯了這個(gè)小bar的氛圍。 (23)Find&Form 干凈,單色的審美特征,這個(gè)網(wǎng)站讓內(nèi)容文字削減到好少。網(wǎng)站的排版很簡(jiǎn)潔和低調(diào),讓圖片自己來(lái)說(shuō)話。單色的字體在這里看起來(lái)有一點(diǎn)特殊,但是,它傳達(dá)了這個(gè)團(tuán)隊(duì)的口號(hào)那就是“數(shù)碼世界渴望古老的校園工藝”。這種審美是跟我們統(tǒng)一時(shí)代的。另外特別很是有趣的就是當(dāng)你向下滑動(dòng)到網(wǎng)站的底部的時(shí)候,導(dǎo)航條會(huì)水平移動(dòng)到右邊,這樣可以給整個(gè)網(wǎng)站其他的內(nèi)容留下一些空間。 (24)Carrera Carrera網(wǎng)站的設(shè)計(jì)有一種永恒的魅力,正如它的產(chǎn)品真實(shí)且永恒。網(wǎng)站的設(shè)計(jì)應(yīng)該要吻合產(chǎn)品設(shè)計(jì)的氣質(zhì)。這個(gè)眼鏡公司則援引其目標(biāo)之一“在傳統(tǒng)與時(shí)尚之間達(dá)成好平衡”。簡(jiǎn)單,粗體的大寫(xiě)字體實(shí)現(xiàn)了這一點(diǎn),既有傳統(tǒng)的感覺(jué)又不會(huì)落伍或過(guò)時(shí)。盡管字體上與logo風(fēng)格有很大的不同,但很勇敢和醒目。同時(shí)值得一提的是,有趣的鼠標(biāo)懸停效果也是整個(gè)網(wǎng)站與眾不同的部分。 (25)Myfelt 該網(wǎng)站所用的字體樣式特別很是友愛(ài)溫暖,文案插圖與產(chǎn)品氣質(zhì)也是一致的。所有這些元素加在一路都傳達(dá)著同樣的訊息。這個(gè)網(wǎng)站讓我很感愛(ài)好的一點(diǎn)是,地毯上的點(diǎn)融入了logo和銘牌。 |
其他相關(guān)文章 |
|
|
|
||||||||
Copyright 2012-2025 上海蒙狼網(wǎng)絡(luò)科技有限公司 www.dylawyer.com.cn All Rights Reserved |