超贊網(wǎng)頁(yè)字體設(shè)計(jì)奇幻之旅

2018-01-17 1460 0
all_640320
第一印象通常就是一種持續(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)一樣擊起長(zhǎng)久的回想。 你需要問(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)吸引用戶來(lái)產(chǎn)生興趣。好的網(wǎng)頁(yè)版式不僅僅只是一個(gè)美好的視覺(jué)處理,同時(shí)也要注意速度。很多設(shè)計(jì)師徹底忽視了性能。請(qǐng)注意:這些網(wǎng)站沒(méi)有在老的瀏覽器或者移動(dòng)設(shè)備上做過(guò)測(cè)試。當(dāng)然這不是這篇文章的主旨。相反的,我們將會(huì)近距離的觀察有趣的版式處理以及字體的創(chuàng)新使用。
精致的字體使用實(shí)例
現(xiàn)在開(kāi)始跟上字體去私奔,體驗(yàn)一路奇幻的字體設(shè)計(jì)之旅。 Playful
圖-2
Wow,這個(gè)網(wǎng)站確實(shí)很幽默!這個(gè)網(wǎng)站的調(diào)調(diào)不是僅僅根據(jù)字體的特征而設(shè)計(jì)的,而是通過(guò)它們的排版方式。它打破了我們的常規(guī)交流的順序。通常你會(huì)在印刷海報(bào)中看到軸對(duì)稱的排版,那通常給人印象深刻。在這個(gè)網(wǎng)站上,字體的選擇并不是非常的有個(gè)性的裝飾性或者是很好玩的裝飾性字體,它就是用的非常簡(jiǎn)單的無(wú)襯線字體。非常棒的背景圖案觸覺(jué)體驗(yàn),它引導(dǎo)閱讀的方向,以及用戶閱讀網(wǎng)站的文字時(shí)頭部從一邊到另一邊的運(yùn)動(dòng)。 Atelier 圖-3
這個(gè)網(wǎng)站的所有地方都值得關(guān)注。整個(gè)頁(yè)面由不同的元素組合在一起有一種動(dòng)感。網(wǎng)站的logo是用的一種寬的但是很優(yōu)雅的字體,建立了一種設(shè)計(jì)基調(diào)。運(yùn)動(dòng)的感覺(jué)是由一條傾斜的線來(lái)建立的,這根傾斜的直線跟logo中的首字母“A”的傾斜保持一致,創(chuàng)建了這個(gè)網(wǎng)站的節(jié)奏?;瑒?dòng)的預(yù)覽圖深深的抓住你的眼球,圖片很大讓你感覺(jué)到無(wú)拘無(wú)束。然而,這個(gè)網(wǎng)站的背景圖片居然有:2560*5350像素,2.4MB,哎喲! Cirp
圖-4
這個(gè)為葡萄園設(shè)計(jì)的網(wǎng)站非常的獨(dú)特和創(chuàng)新,設(shè)計(jì)的就像一個(gè)老式的海報(bào)。這個(gè)美麗的網(wǎng)站設(shè)計(jì)成功的找到了一種葡萄酒的感覺(jué)。我喜歡”Russian River”后面的陰影會(huì)跟隨著你的鼠標(biāo)的移動(dòng)而運(yùn)動(dòng)從而在一個(gè)另外的靜態(tài)頁(yè)面創(chuàng)造出動(dòng)感。這個(gè)地方最主要的缺點(diǎn)就是,從某中意義上說(shuō),文字是作為圖像而嵌入到網(wǎng)站上的,可能會(huì)讓文字無(wú)法復(fù)制和粘貼。還有,當(dāng)然類似的設(shè)計(jì)被創(chuàng)造出來(lái)需要不少于3.4 MB和43次HTTP請(qǐng)求。 max Di Capua 圖-5
這里的布局和排版混合在一起是通過(guò)一套模板的系統(tǒng)建立的,通常是幾個(gè)部分重疊在一起。這種布局的方法很清新因?yàn)樗凰腊?,并且非常容易改變。排版也是同樣的感覺(jué),因?yàn)樗麄兌加泻艽蟮拈g距,不管是大量的文字還是稠密的文字。標(biāo)題和說(shuō)明性文字,以一種很容易閱讀的無(wú)襯線字體出現(xiàn)在作品的旁邊。 Rijksmuseum 圖-6
一種很常見(jiàn)的字體的巨大的字母在整個(gè)屏幕范圍之內(nèi),還延伸到整個(gè)頁(yè)面。使得“Rijksmuseum”看起來(lái)比現(xiàn)實(shí)中的大很多。主頁(yè)就通過(guò)循環(huán)漂亮的圖片來(lái)展示博物館的內(nèi)容。主導(dǎo)航也很有意思:當(dāng)你點(diǎn)擊的時(shí)候,它會(huì)下滑然后讓你選擇子目錄。整個(gè)網(wǎng)站的體積只有955KB以及31次HTTP請(qǐng)求——優(yōu)化做的很棒。 I shot Him 圖-7 這個(gè)設(shè)計(jì)工作室的網(wǎng)站以一張寫(xiě)著歡迎你的照片來(lái)向你問(wèn)候,這很新鮮。用戶馬上就有了一種置身于這些設(shè)計(jì)師工作室的感覺(jué)。有一種陌生感,但是同時(shí)也感受到很真實(shí)可靠。字體是焦點(diǎn),但是不至于太吵或者太壓抑。我非常喜歡他們這種從完美的電腦中走出來(lái)展示他們自己獨(dú)特的一面的方式。盡管這個(gè)網(wǎng)頁(yè)沒(méi)有你期待的交互那么好,這個(gè)工作室的個(gè)性就在這張照片上完美的顯示出來(lái)了,那就是有深度,有實(shí)質(zhì)。手寫(xiě)的字體讓這個(gè)網(wǎng)站看起來(lái)很有個(gè)性,也讓用戶為這個(gè)工作室的設(shè)計(jì)產(chǎn)生了一個(gè)心理預(yù)期。這個(gè)網(wǎng)站除了歡迎語(yǔ)之外的所有字體處理方式都強(qiáng)化了輕松但有創(chuàng)造力,文字簡(jiǎn)短但是直達(dá)目的。另外一個(gè)很有趣的地方就是導(dǎo)航:它藏在登陸頁(yè)面,但是鼠標(biāo)懸停在一個(gè)圖標(biāo)上的時(shí)候可以看到它們。當(dāng)你滑到底端,導(dǎo)航仍然固定顯示在頂部。 Banger’s 圖-8 這個(gè)網(wǎng)站有很多的字符。Banger’s是一個(gè)腳踏實(shí)地的專注于啤酒和香腸的小飯館。它的故事看起來(lái)就像是畫(huà)在一個(gè)灰色的卡片箱子上,他們的食物就是通過(guò)這個(gè)箱子來(lái)盛裝運(yùn)輸?shù)?。它的?biāo)志看起來(lái)就像是手繪的標(biāo)記,很獨(dú)特,似乎不很完美,但是其他的一切都看起來(lái)跟它搭配在一起很協(xié)調(diào)。固定的導(dǎo)航欄在你上下滑動(dòng)的時(shí)候使用起來(lái)很不錯(cuò),懸停的效果(標(biāo)題變成紅色)非常的簡(jiǎn)單有效。字體對(duì)整個(gè)視覺(jué)識(shí)別起到了很大的貢獻(xiàn),同時(shí)圖形也很棒,但是性能不是特別好。最大的缺點(diǎn)是主頁(yè)就有7.2MB,254次HTTP請(qǐng)求。老實(shí)說(shuō),真有點(diǎn)不能接受。 Caava Design 圖-9 Caava Design使用無(wú)襯線字體使這個(gè)網(wǎng)站有著整潔干凈的美感。“Good design is Good business(好的設(shè)計(jì)帶來(lái)好的商業(yè)價(jià)值)”使用很大的字號(hào),非常明顯和容易閱讀,下面是斜體的介紹。整個(gè)網(wǎng)站的字體都是有目的的使用,而且不需要很吵鬧,同時(shí)網(wǎng)站的內(nèi)容又不至于比整個(gè)的文件遜色。然而,那些很小的文字可能太小而不太適合閱讀。而且排版的網(wǎng)格間距是很凌亂的。字號(hào)的強(qiáng)烈對(duì)比同時(shí)也會(huì)讓用戶在閱讀整個(gè)網(wǎng)站的時(shí)候失去信心。再次,整個(gè)視覺(jué)與5.7MB,90次HTTP的請(qǐng)求不太相符。 The Black Sparrow 圖-10 這個(gè)網(wǎng)站看起來(lái)顯得有點(diǎn)復(fù)古,大量的字體都使這個(gè)網(wǎng)站顯得折中主義,有一種很淳樸的感覺(jué)。這個(gè)小酒吧休閑室的主題是基于Chaeles Bukowski的小說(shuō),結(jié)合一些文學(xué)的元素和古老的打字機(jī)字體的標(biāo)志。我喜歡它的導(dǎo)航條,當(dāng)你的鼠標(biāo)懸停在上面的時(shí)候,那些小圖標(biāo)轉(zhuǎn)動(dòng)的方式。這個(gè)網(wǎng)站真有一種20世紀(jì)三十年代的感覺(jué),那些麻雀的插圖讓這種感覺(jué)更加強(qiáng)烈。然而,在空間允許的情況下,字號(hào)有一點(diǎn)偏小而不太容易閱讀。 Vintage Hope
圖-13 這個(gè)網(wǎng)站的標(biāo)題看起來(lái)就像是用一只很粗的畫(huà)筆畫(huà)的很粗的痕跡。字體驚人的粗同時(shí)很具有表現(xiàn)力。背景是一種很漂亮的照片。它給用戶一種非常開(kāi)放和自由的感覺(jué),同時(shí)描繪出了這個(gè)組織的特征。Vintage Hope 通過(guò)外借古老的瓷器為馬拉維的不幸的人們籌款,整個(gè)視覺(jué)看起來(lái)是激動(dòng)的,高興的和積極的。同時(shí)網(wǎng)站只有1MB和40次HTTP請(qǐng)求,這是令人傾佩的。 Browser Awareness Day 圖-14 這個(gè)網(wǎng)站加載下來(lái),用戶能夠被指引使用,使得網(wǎng)站有趣,快,安全。在每一邊每一個(gè)關(guān)鍵字都使用裝飾性的字體。每一個(gè)字母很明顯的創(chuàng)意,這就抓住了用戶的注意力,引誘用戶往下滑動(dòng)看到更多內(nèi)容。右邊的小標(biāo)簽使用了一種很有喜劇色彩的書(shū)寫(xiě)字體,添加在這個(gè)很滑稽的網(wǎng)站上。讓你滑到底端的時(shí)候,同樣的具有喜劇色彩的書(shū)寫(xiě)字體也伴隨著另一種很有趣的字體被用在網(wǎng)站上。 82nd&Fifth 圖-16 這個(gè)網(wǎng)站全部是關(guān)于視覺(jué)的,它的排版也證明了這一點(diǎn)。使用的無(wú)襯線字體非常的美觀簡(jiǎn)潔和輕量,為標(biāo)題設(shè)置的背景的顏色塊顯得非常的精致。對(duì)于這個(gè)網(wǎng)站來(lái)說(shuō),字體不是關(guān)注的焦點(diǎn),而是強(qiáng)大的照片支持。整個(gè)網(wǎng)站顯得非常的有活力,當(dāng)你往下滑動(dòng)的時(shí)候,一些小的塊塊會(huì)加載下來(lái)。這個(gè)網(wǎng)站也有一個(gè)明顯可看見(jiàn)的導(dǎo)航欄,當(dāng)鼠標(biāo)懸停在上面的時(shí)候,一個(gè)黑色的導(dǎo)航條就先露出來(lái)整個(gè)菜單。整個(gè)網(wǎng)站跟它展示的藝術(shù)作品的每一部分都很貼切。缺點(diǎn)是有6.4MB和120次HTTP請(qǐng)求。 ECC Lighting&Furniture 圖-17 不論你是否喜歡,Helvetica都占據(jù)了這個(gè)網(wǎng)站的主要舞臺(tái)。網(wǎng)站的分類按鈕非常寬大,牢牢的抓住了用戶的注意力。這個(gè)網(wǎng)站的平面設(shè)計(jì)非常的經(jīng)典,干凈,極簡(jiǎn)主義。網(wǎng)站右上方豎直的導(dǎo)航條的文字創(chuàng)造了一種很強(qiáng)的趣味效果,但是仍然能夠讓用戶將注意力放在主要分類導(dǎo)航上。只有當(dāng)鼠標(biāo)懸停在圖片區(qū)域的時(shí)候才顯示這一點(diǎn)做得非常有趣。 Marianne Brandt 圖-18 當(dāng)你聽(tīng)到這個(gè)名字“Marianne brandt”的時(shí)候你期待什么?你怎樣將它轉(zhuǎn)換為一個(gè)網(wǎng)站?通常情況下,一種包豪斯的水準(zhǔn)專注于功能就是關(guān)鍵。這個(gè)網(wǎng)站真的很有包豪斯的風(fēng)味,扁平的色彩以及Futura字體。整個(gè)的審美就是極簡(jiǎn)主義,干凈但是絕對(duì)不呆板。 捕獲我的注意力的是“thanks/Danke(謝謝的英文和德文)”這塊。你設(shè)定了哪種語(yǔ)言決定了哪種“感謝”顯示為紅色。這是一個(gè)很棒的創(chuàng)意對(duì)于那些支持多種語(yǔ)言的網(wǎng)站。不同的選擇提醒我不同區(qū)域的不同色塊,這是以一種很好的方式去將網(wǎng)站的信息進(jìn)行分類。顏色,幾何造型,以及整個(gè)字體都全部是包豪斯主義。 Nate Navasca 圖-19 這個(gè)網(wǎng)站對(duì)于字體和樣式的選擇上顯得有點(diǎn)傳統(tǒng)。用一個(gè)粗的無(wú)襯線體作為標(biāo)題,一種襯線字體作為內(nèi)容文字。如果它沒(méi)有壞,為啥要修呢,你說(shuō)對(duì)吧? 設(shè)計(jì)師專注于網(wǎng)站的功能和簡(jiǎn)單,而且它的確非常的好用。 Ewket 圖-20 這是個(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)必要的多余。 The Dissolve
圖-21 我喜歡它的銘牌,它營(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í)候,不同的分類廣告就會(huì)出現(xiàn)在銘牌的位置。 The whig 圖-22 這個(gè)餐廳是一個(gè)可以坐下來(lái),放松,和你的小伙伴們喝一杯的地方。Medula One字體被用來(lái)詮釋這樣一種感覺(jué)。這種無(wú)襯線字體非但不會(huì)顯得過(guò)分裝飾而且它的筆刷線條有一種中世紀(jì)的感覺(jué) 。它非常的友好而不做作,很好的映襯了這個(gè)小bar的氛圍。 Find&Form
圖-23 干凈,單色的審美特征,這個(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ù)碼世界渴望古老的校園工藝”。這種審美是跟我們同一時(shí)代的。另外非常有趣的就是當(dāng)你向下滑動(dòng)到網(wǎng)站的底部的時(shí)候,導(dǎo)航條會(huì)水平移動(dòng)到右邊,這樣可以給整個(gè)網(wǎng)站其他的內(nèi)容留下一些空間。 Carrera 圖-24 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)站與眾不同的部分。 Myfelt 圖-25 該網(wǎng)站所用的字體樣式非常友好溫暖,文案插圖與產(chǎn)品氣質(zhì)也是一致的。所有這些元素加在一起都傳達(dá)著同樣的訊息。這個(gè)網(wǎng)站讓我很感興趣的一點(diǎn)是,地毯上的點(diǎn)融入了logo和銘牌。 Vogue 圖-26 設(shè)計(jì)師Claus Eggers Sørensen設(shè)計(jì)的Playfair Display字體,帶來(lái)一種大膽而不張揚(yáng)的格調(diào)。優(yōu)雅的襯線體與Vogue的品牌相得益彰。對(duì)于設(shè)計(jì)師而言,將字體放到更大字號(hào)時(shí)看上去更佳。 All Saints Estate 圖-27 用字體來(lái)達(dá)到傳統(tǒng)又優(yōu)雅的風(fēng)格有很多種方法,該網(wǎng)站則恰到好處的混合了襯線體和少量無(wú)襯線體。Garamond Premier Pro Display字體看上去既現(xiàn)代又精致,與正文文本匹配的精致完美,而且與葡萄園和葡萄酒也很合適。 Evening Edition 圖-28 銘牌的黑體字的字體與傳統(tǒng)的印刷報(bào)紙是一致的。它會(huì)給人權(quán)威莊嚴(yán)感,新聞來(lái)源與小報(bào)以示區(qū)分。 Served MCR
圖-29 這個(gè)有趣的涂鴉風(fēng)格的網(wǎng)站是為了一個(gè)乒乓球比賽。排版看上去很原始的手繪風(fēng)格。在一些區(qū)域,會(huì)有一些元素是動(dòng)畫(huà)或是動(dòng)畫(huà)的背景。在網(wǎng)頁(yè)設(shè)計(jì)中動(dòng)畫(huà)并不常用,但在這它很好的吸引了用戶的注意力。注冊(cè)的條目就是這樣一個(gè)例子,文字清晰并且突出。由于文字并不是很多,這種排版是合適的,依然可以保持網(wǎng)站的易用性。然而,頁(yè)面的性能卻很糟糕,頁(yè)面大小有7.5MB,175次HTTP請(qǐng)求。不論是在電腦還是在移動(dòng)端,主要背景圖片有2032*4761像素,2.2MB大小。 Enso
圖-30 大字號(hào),加粗,全大寫(xiě)的無(wú)襯線體映入眼簾,就好像它在吶喊一樣。然而,Enso也使用柔和的色調(diào)來(lái)調(diào)和這種大膽的版式——盡管黃色有一點(diǎn)難以閱讀。這種布局很新穎很有趣;設(shè)計(jì)師想讓你注意到這種頁(yè)面從上到下的版式,同時(shí)向下滾動(dòng)看到全部的信息。這是一個(gè)很聰明的做法,因?yàn)閷?dǎo)航是散落在頁(yè)面各處的亮粉色文字。Logo在頁(yè)面頂部作為首頁(yè)按鈕,當(dāng)鼠標(biāo)滑過(guò)時(shí)推出整個(gè)單詞。 Crafting Type 圖-31 該網(wǎng)站就是關(guān)于樣式設(shè)計(jì)的,所以它的排版就是在推銷(xiāo)自己。在Logo上,纖細(xì)的大寫(xiě)“Crafting”和厚重的小寫(xiě)“type”之間的對(duì)比創(chuàng)造了一種視覺(jué)的平衡。正文采用大字號(hào)保證可讀性。襯線字體和簡(jiǎn)潔大方的布局也有助于可讀性。 Nautilus 圖-32 這個(gè)漂亮的網(wǎng)站整齊,干凈,且易于瀏覽。排版起了很大的作用,而且所用的三種字體來(lái)自于同一系列。這是一種區(qū)分樣式的很好的方法,可以保持一致性而且不干擾美感。不幸的是,這種網(wǎng)頁(yè)排版也有其代價(jià):12.6MB大小和73次HTTP請(qǐng)求,還有兩張超大圖片,分別是3.5MB和2.4MB。 Kick My Habits
圖-33 到這個(gè)頁(yè)面你第一眼看到的就是這個(gè)厚厚的粗體“Kick My Habits”。瘦瘦的字體(叫做KG How Many Times)以其迷人的手寫(xiě)風(fēng)格,與其他粗體形成對(duì)比。這個(gè)設(shè)計(jì)漂亮圖文并茂的網(wǎng)站是用一種輕松、非正式的方式來(lái)測(cè)試你在壞習(xí)慣上浪費(fèi)了多少錢(qián),而且這個(gè)網(wǎng)站也不會(huì)占用很多網(wǎng)絡(luò)帶寬。包括所有頁(yè)面上的圖片在內(nèi),它只有1.2MB,盡管初次加載時(shí)會(huì)有161次HTTP請(qǐng)求,更多的內(nèi)容只有在需要時(shí)才會(huì)加載。 Monocle 圖-34 Monocle是一個(gè)有著經(jīng)典品質(zhì)的漂亮的網(wǎng)站。它使用了不同磅數(shù)的襯線體和非襯線體,看上去簡(jiǎn)單大方。Monocle是一個(gè)全球性新聞網(wǎng)站,主要聚焦在國(guó)際事務(wù),商業(yè),文化以及設(shè)計(jì)。布局很創(chuàng)新,同時(shí)也提供了所有用戶需要的東西。類別用標(biāo)簽來(lái)承載,用子類別來(lái)削減信息層級(jí)。 More Sleep
圖-36 簡(jiǎn)潔,但友好且誘人!這就是我第一次訪問(wèn)該網(wǎng)站的感覺(jué)。大字號(hào)以及略顯圓潤(rùn)的邊角就有一種友好的感覺(jué)。打字機(jī)風(fēng)格的字體用于描述和解釋,有著一種圓潤(rùn),柔軟,溫馨的情調(diào)。 Lenta 圖-37 Lenta是一個(gè)俄國(guó)新聞網(wǎng)站。神奇的是,該類型的圖片質(zhì)量是怎樣引導(dǎo)你,并影響你對(duì)于網(wǎng)站及其內(nèi)容的看法。任何新聞網(wǎng)站的身份都是由其銘牌建立的。這里使用的是一個(gè)干凈的無(wú)襯線字體,用粗體來(lái)傳達(dá)新聞來(lái)源的權(quán)威性。當(dāng)文字被翻譯成其他語(yǔ)言時(shí),這個(gè)字體仍然有效。保持著傳統(tǒng)新聞的布局的情況下,整個(gè)網(wǎng)站的文章和廣告牌都使用了襯線字體。
結(jié)論 這不僅僅關(guān)乎你說(shuō)什么,而是你怎么說(shuō),是吧?根據(jù)你的目的,我們可以嘗試更多,在排版上也更有創(chuàng)意。我們可以大膽的使用大字號(hào),粗體,或是新奇獨(dú)特的手寫(xiě)體。我們應(yīng)該始終記得字體要有可讀性,因?yàn)槿绻麤](méi)有人能閱讀的話,這樣的字體就沒(méi)什么可以炫耀的。如果設(shè)定了韻律和風(fēng)格,字體可以做出如此多的設(shè)計(jì)。 
24
評(píng)論區(qū)(0)
正在加載評(píng)論...