添加時間:2016/3/14 11:31:29 編輯:奇億網(wǎng)站建設(shè)公司
當(dāng)我們談及網(wǎng)頁字體的時候,更多聊到的是文本的樣式,比如字體族、大小尺寸、粗細(xì)字重等屬性。然而實(shí)際上,深究網(wǎng)頁字體的排版,所涉及到的屬性更多。
字體排版擁有著無限的可能性,而這種排版設(shè)計并不是每個人都能勝任的藝術(shù)。在對的人手中,它能創(chuàng)造奇跡,大放異彩。在網(wǎng)頁設(shè)計中充分運(yùn)用排版,時刻保持關(guān)注,是很有必要的。更何況近年來的網(wǎng)頁設(shè)計趨勢也充分證明了字體排版設(shè)計的實(shí)際價值。
從那些使用華麗精致的字體設(shè)計的網(wǎng)站到頁面字體精挑細(xì)選的頁面,字體排版都充分證明了它的獨(dú)有價值,今天推薦的網(wǎng)站都充分使用了這一設(shè)計技巧,讓它“脫穎而出”。
Stugoo
使用高識別度的字體設(shè)計,加上吸引人的細(xì)節(jié)設(shè)計,的確是抓住用戶注意力的利器。優(yōu)雅的線條勾勒和漂亮的水泡裝飾,同其他的視覺元素很好地結(jié)合起來,營造出安靜又俏皮的氛圍。
Teamgeek
網(wǎng)站的開發(fā)者充分展現(xiàn)了如何將新技術(shù)運(yùn)用到網(wǎng)頁設(shè)計中的技巧。充滿復(fù)古風(fēng)格的LOGO設(shè)計讓網(wǎng)站打開的時候有了獨(dú)特的氣場,而當(dāng)可交互的粒子特效出現(xiàn)的時候,用戶除了”Wow”大概也做不出別的表情吧。
Rightmove
漂亮的卡通式的字體設(shè)計延伸到背景的配色和細(xì)節(jié)上,居中的標(biāo)語以背景為舞臺,占據(jù)視覺中心,同友好安定的環(huán)境融為一體,使得網(wǎng)站氛圍相當(dāng)不錯。
St. Louis Browns
半透明的外觀設(shè)計使得網(wǎng)站的字體顯示效果獨(dú)樹一幟,整飭的字體排版和戲劇化的背景選取,兩者互相組合,但是又確保了識別度,設(shè)計師在此相當(dāng)用心。
Thunderdome
極簡的首頁設(shè)計讓整個頁面顯得干凈利落,雖然標(biāo)題字體并未經(jīng)過深入的設(shè)計和調(diào)整,但是強(qiáng)烈的色彩對比,大量的留白,柔和的背景和細(xì)小的裝飾性元素,讓頁面顯得主次分明。
Moisture
充滿氣場的背景選擇使得自然的美感和氣勢展現(xiàn)得淋漓盡致,處于中心的文本因此而顯得相當(dāng)吸引人。簡單的文本借助背景的氣勢,從而顯得不那么簡單,色彩上鮮明的對比也強(qiáng)化的信息的傳遞效率。
The Wanderlust Storybook
這個網(wǎng)站的設(shè)計師同樣使用了漂亮華麗的水彩插畫來作為背景,而以藍(lán)色為主的背景用了對比色黃色來作為網(wǎng)站標(biāo)題的色彩,對比強(qiáng)烈而又恰如其分。
C2
這個網(wǎng)站的排版設(shè)計可以稱得上上一石二鳥。別具一格的排版設(shè)計絕對稱得上獨(dú)特,它不僅展現(xiàn)內(nèi)容還作為標(biāo)識而存在,此外它還具有導(dǎo)航的功能。
Ape Unit
這個極簡的單色網(wǎng)站設(shè)計看起來夠清爽,導(dǎo)航設(shè)計也充分融入其中,這使得用戶毫無干擾地看到了網(wǎng)站的歡迎信息。
RC
設(shè)計師非常討巧地借助排版設(shè)計讓用戶注意到頁面中心交疊的RC Logo,又讓網(wǎng)頁的層次呈現(xiàn)在大家面前。
Jean Baptiste Calzia
網(wǎng)站的設(shè)計者重點(diǎn)在于引導(dǎo)用戶注意到網(wǎng)站的內(nèi)容和設(shè)計師本身的角色,而問候語則居于次席,用來引導(dǎo)用戶關(guān)注主要內(nèi)容。
Pixelundcode
和之前的案例類似,黑白色調(diào)的配色是網(wǎng)站設(shè)計的重中之重,優(yōu)雅而高效地呈現(xiàn)出歡迎語。
51North
對于歐美國家而言,666是魔鬼的數(shù)字(而此刻在中國666的含義似乎更富于調(diào)侃一些),這種不吉利的數(shù)字會瞬間吸引訪客的注意力。
Liechtenecker
許多設(shè)計師對于這種暗背景+明文字的設(shè)計情有獨(dú)鐘,而兩者之間對比度的控制則是整個設(shè)計的重中之重。這個網(wǎng)站的設(shè)計明顯是老司機(jī),這種微妙和諧的感覺很是不錯。
FiberSensing
動靜結(jié)合是這個網(wǎng)頁的特色,動態(tài)可交互的背景和前景靜態(tài)的文字等視覺元素達(dá)成了平衡,設(shè)計師成功地將柔和動態(tài)元素、漸變背景和風(fēng)格穩(wěn)健扎實(shí)的字體搭配到了一起,讓整個設(shè)計相得益彰,動靜相宜,強(qiáng)弱對照。
Uni Sapon
同樣的,壯觀的場景讓文字和背景有了充分的對比,背景的樹林所呈現(xiàn)出的角度讓這種氣勢足以凝聚到文字上,讓人難以忘懷。
The Crumpled Ball
網(wǎng)站中漂亮的徽章設(shè)計和其中獨(dú)特的復(fù)古產(chǎn)品保持著相同的調(diào)性。獨(dú)特的產(chǎn)品設(shè)計和細(xì)致的文字/徽章設(shè)計反映了設(shè)計者統(tǒng)一的精神和風(fēng)格,值得學(xué)習(xí)。
La Dogana Food
La Dogana Food 還是更傾向于傳統(tǒng)的設(shè)計路線,用加粗的字體來讓吸引用戶的注意力。網(wǎng)站的設(shè)計對于用戶而言也相當(dāng)?shù)闹苯右子谩?/span>
The Dilla Dimension
這個網(wǎng)站的設(shè)計相對而言比較有爭議,背景中的元素是動態(tài)的,色調(diào)明亮,看起來有點(diǎn)奇怪,但是你不得不承認(rèn)它相當(dāng)?shù)哪芪说淖⒁饬?/span>——當(dāng)然也讓人注意到文字。