Godzilla. 2016-10-12
網(wǎng)站建設(shè)
哈爾濱建站設(shè)計(jì)丨優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)的字體排版實(shí)例
很多人在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，會(huì)忽略字體的排版，這是非常錯(cuò)誤的做法。網(wǎng)頁(yè)設(shè)計(jì)中的字體排版往往會(huì)帶來很特別的視覺效果。字體除了樣式、尺寸、粗細(xì)等屬性，還有一個(gè)非常重要的屬性就是網(wǎng)頁(yè)字體的排版。本文說說在哈爾濱網(wǎng)頁(yè)制作中，優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)的字體排版是怎樣的？
字體排版擁有著無限的可能性，而這種排版設(shè)計(jì)并不是每個(gè)人都能勝任的藝術(shù)。在對(duì)的人手中，它能創(chuàng)造奇跡，大放異彩。在網(wǎng)頁(yè)設(shè)計(jì)中充分運(yùn)用排版，時(shí)刻保持關(guān)注，是很有必要的。更何況近年來的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)也充分證明了字體排版設(shè)計(jì)的實(shí)際價(jià)值。
從那些使用華麗精致的字體設(shè)計(jì)的網(wǎng)站到頁(yè)面字體精挑細(xì)選的頁(yè)面，字體排版都充分證明了它的獨(dú)有價(jià)值，今天推薦的網(wǎng)站都充分使用了這一設(shè)計(jì)技巧，讓它“脫穎而出”。
Stugoo
使用高識(shí)別度的字體設(shè)計(jì)，加上吸引人的細(xì)節(jié)設(shè)計(jì)，的確是抓住用戶注意力的利器。優(yōu)雅的線條勾勒和漂亮的水泡裝飾，同其他的視覺元素很好地結(jié)合起來，營(yíng)造出安靜又俏皮的氛圍。
Teamgeek
網(wǎng)站的開發(fā)者充分展現(xiàn)了如何將新技術(shù)運(yùn)用到網(wǎng)頁(yè)設(shè)計(jì)中的技巧。充滿復(fù)古風(fēng)格的LOGO設(shè)計(jì)讓網(wǎng)站打開的時(shí)候有了獨(dú)特的氣場(chǎng)，而當(dāng)可交互的粒子特效出現(xiàn)的時(shí)候，用戶除了”Wow”大概也做不出別的表情吧。
Rightmove
漂亮的卡通式的字體設(shè)計(jì)延伸到背景的配色和細(xì)節(jié)上，居中的標(biāo)語以背景為舞臺(tái)，占據(jù)視覺中心，同友好安定的環(huán)境融為一體，使得網(wǎng)站氛圍相當(dāng)不錯(cuò)。
St. Louis Browns
半透明的外觀設(shè)計(jì)使得網(wǎng)站的字體顯示效果獨(dú)樹一幟，整飭的字體排版和戲劇化的背景選取，兩者互相組合，但是又確保了識(shí)別度，設(shè)計(jì)師在此相當(dāng)用心。
Thunderdome
極簡(jiǎn)的首頁(yè)設(shè)計(jì)讓整個(gè)頁(yè)面顯得干凈利落，雖然標(biāo)題字體并未經(jīng)過深入的設(shè)計(jì)和調(diào)整，但是強(qiáng)烈的色彩對(duì)比，大量的留白，柔和的背景和細(xì)小的裝飾性元素，讓頁(yè)面顯得主次分明。
Moisture
充滿氣場(chǎng)的背景選擇使得自然的美感和氣勢(shì)展現(xiàn)得淋漓盡致，處于中心的文本因此而顯得相當(dāng)吸引人。簡(jiǎn)單的文本借助背景的氣勢(shì)，從而顯得不那么簡(jiǎn)單，色彩上鮮明的對(duì)比也強(qiáng)化的信息的傳遞效率。
The Wanderlust Storybook
這個(gè)網(wǎng)站的設(shè)計(jì)師同樣使用了漂亮華麗的水彩插畫來作為背景，而以藍(lán)色為主的背景用了對(duì)比色黃色來作為網(wǎng)站標(biāo)題的色彩，對(duì)比強(qiáng)烈而又恰如其分。
C2
這個(gè)網(wǎng)站的排版設(shè)計(jì)可以稱得上上一石二鳥。別具一格的排版設(shè)計(jì)絕對(duì)稱得上獨(dú)特，它不僅展現(xiàn)內(nèi)容還作為標(biāo)識(shí)而存在，此外它還具有導(dǎo)航的功能。
Ape Unit
這個(gè)極簡(jiǎn)的單色網(wǎng)站設(shè)計(jì)看起來夠清爽，導(dǎo)航設(shè)計(jì)也充分融入其中，這使得用戶毫無干擾地看到了網(wǎng)站的歡迎信息。
RC
設(shè)計(jì)師非常討巧地借助排版設(shè)計(jì)讓用戶注意到頁(yè)面中心交疊的RC Logo，又讓網(wǎng)頁(yè)的層次呈現(xiàn)在大家面前。
Jean Baptiste Calzia
網(wǎng)站的設(shè)計(jì)者重點(diǎn)在于引導(dǎo)用戶注意到網(wǎng)站的內(nèi)容和設(shè)計(jì)師本身的角色，而問候語則居于次席，用來引導(dǎo)用戶關(guān)注主要內(nèi)容。
Pixelundcode
和之前的案例類似，黑白色調(diào)的配色是網(wǎng)站設(shè)計(jì)的重中之重，優(yōu)雅而高效地呈現(xiàn)出歡迎語。
51North
對(duì)于歐美國(guó)家而言，666是魔鬼的數(shù)字（而此刻在中國(guó)666的含義似乎更富于調(diào)侃一些），這種不吉利的數(shù)字會(huì)瞬間吸引訪客的注意力。
Liechtenecker
許多設(shè)計(jì)師對(duì)于這種暗背景+明文字的設(shè)計(jì)情有獨(dú)鐘，而兩者之間對(duì)比度的控制則是整個(gè)設(shè)計(jì)的重中之重。這個(gè)網(wǎng)站的設(shè)計(jì)明顯是老司機(jī)，這種微妙和諧的感覺很是不錯(cuò)。
Melanie DaVeid
標(biāo)題字體的選取不僅獨(dú)特而且微妙精煉，更重要的是暗色調(diào)的背景很好地營(yíng)造了整個(gè)展示的氛圍。作為一個(gè)作品展示類的網(wǎng)站，這種手寫字體很符合它的調(diào)性。
FiberSensing
動(dòng)靜結(jié)合是這個(gè)網(wǎng)頁(yè)的特色，動(dòng)態(tài)可交互的背景和前景靜態(tài)的文字等視覺元素達(dá)成了平衡，設(shè)計(jì)師成功地將柔和動(dòng)態(tài)元素、漸變背景和風(fēng)格穩(wěn)健扎實(shí)的字體搭配到了一起，讓整個(gè)設(shè)計(jì)相得益彰，動(dòng)靜相宜，強(qiáng)弱對(duì)照。
文章標(biāo)簽：
哈爾濱建站設(shè)計(jì) 字體排版
Godzilla 簽
為了在編輯、圖象設(shè)計(jì)方面進(jìn)一步的提高，我想投身于網(wǎng)站行業(yè)中，一展所長(zhǎng)，為所在的公司和社會(huì)貢獻(xiàn)一分力量!
文章評(píng)論：