使用大氣醒目的字體排版的優秀網頁設計

      作者:
      分類: 觀點/經驗
      2016-03-17
      5811

      當我們談及網頁字體的時候,更多聊到的是文本的樣式,比如字體族、大小尺寸、粗細字重等屬性。然而實際上,深究網頁字體的排版,所涉及到的屬性更多。

      字體排版擁有著無限的可能性,而這種排版設計并不是每個人都能勝任的藝術。在對的人手中,它能創造奇跡,大放異彩。在網頁設計中充分運用排版,時刻保持關注,是很有必要的。更何況近年來的網頁設計趨勢也充分證明了字體排版設計的實際價值。

      從那些使用華麗精致的字體設計的網站到頁面字體精挑細選的頁面,字體排版都充分證明了它的獨有價值,今天推薦的網站都充分使用了這一設計技巧,讓它“脫穎而出”。

      Stugoo

      1-Stugoo

      使用高識別度的字體設計,加上吸引人的細節設計,的確是抓住用戶注意力的利器。優雅的線條勾勒和漂亮的水泡裝飾,同其他的視覺元素很好地結合起來,營造出安靜又俏皮的氛圍。

      Teamgeek

      2-Teamgeek

      網站的開發者充分展現了如何將新技術運用到網頁設計中的技巧。充滿復古風格的LOGO設計讓網站打開的時候有了獨特的氣場,而當可交互的粒子特效出現的時候,用戶除了”Wow”大概也做不出別的表情吧。

      Rightmove

      3-Rightmove

      漂亮的卡通式的字體設計延伸到背景的配色和細節上,居中的標語以背景為舞臺,占據視覺中心,同友好安定的環境融為一體,使得網站氛圍相當不錯。

      St. Louis Browns

      4-St.-Louis-Browns

      半透明的外觀設計使得網站的字體顯示效果獨樹一幟,整飭的字體排版和戲劇化的背景選取,兩者互相組合,但是又確保了識別度,設計師在此相當用心。

      Thunderdome

      5-Thunderdome

      極簡的首頁設計讓整個頁面顯得干凈利落,雖然標題字體并未經過深入的設計和調整,但是強烈的色彩對比,大量的留白,柔和的背景和細小的裝飾性元素,讓頁面顯得主次分明。

      Moisture

      6-Moisture

      充滿氣場的背景選擇使得自然的美感和氣勢展現得淋漓盡致,處于中心的文本因此而顯得相當吸引人。簡單的文本借助背景的氣勢,從而顯得不那么簡單,色彩上鮮明的對比也強化的信息的傳遞效率。

      The Wanderlust Storybook

      7-The-Wanderlust-Storybook

      這個網站的設計師同樣使用了漂亮華麗的水彩插畫來作為背景,而以藍色為主的背景用了對比色黃色來作為網站標題的色彩,對比強烈而又恰如其分。

      C2

      8-C2

      這個網站的排版設計可以稱得上上一石二鳥。別具一格的排版設計絕對稱得上獨特,它不僅展現內容還作為標識而存在,此外它還具有導航的功能。

      Ape Unit

      9-Ape-Unit

      這個極簡的單色網站設計看起來夠清爽,導航設計也充分融入其中,這使得用戶毫無干擾地看到了網站的歡迎信息。

      RC

      10-RC

      設計師非常討巧地借助排版設計讓用戶注意到頁面中心交疊的RC Logo,又讓網頁的層次呈現在大家面前。

      Jean Baptiste Calzia

      11-Jean-Baptiste-Calzia

      網站的設計者重點在于引導用戶注意到網站的內容和設計師本身的角色,而問候語則居于次席,用來引導用戶關注主要內容。

      Pixelundcode

      12-Pixelundcode

      和之前的案例類似,黑白色調的配色是網站設計的重中之重,優雅而高效地呈現出歡迎語。

      51North

      13-51North

      對于歐美國家而言,666是魔鬼的數字(而此刻在中國666的含義似乎更富于調侃一些),這種不吉利的數字會瞬間吸引訪客的注意力。

      Liechtenecker

      14-liechtenecker

      許多設計師對于這種暗背景+明文字的設計情有獨鐘,而兩者之間對比度的控制則是整個設計的重中之重。這個網站的設計明顯是老司機,這種微妙和諧的感覺很是不錯。

      Melanie DaVeid

      15-Melanie-Daveid

      標題字體的選取不僅獨特而且微妙精煉,更重要的是暗色調的背景很好地營造了整個展示的氛圍。作為一個作品展示類的網站,這種手寫字體很符合它的調性。

      FiberSensing

      16-FiberSensing

      動靜結合是這個網頁的特色,動態可交互的背景和前景靜態的文字等視覺元素達成了平衡,設計師成功地將柔和動態元素、漸變背景和風格穩健扎實的字體搭配到了一起,讓整個設計相得益彰,動靜相宜,強弱對照。

      Uni Sapon

      17-Uni-Sapon

      同樣的,壯觀的場景讓文字和背景有了充分的對比,背景的樹林所呈現出的角度讓這種氣勢足以凝聚到文字上,讓人難以忘懷。

      The Crumpled Ball

      18-The-Crumpled-Ball

      網站中漂亮的徽章設計和其中獨特的復古產品保持著相同的調性。獨特的產品設計和細致的文字/徽章設計反映了設計者統一的精神和風格,值得學習。

      La Dogana Food

      19-La-Dogana-Food

      La Dogana Food 還是更傾向于傳統的設計路線,用加粗的字體來讓吸引用戶的注意力。網站的設計對于用戶而言也相當的直接易用。

      The Dilla Dimension

      20-The-Dilla-Dimension

      這個網站的設計相對而言比較有爭議,背景中的元素是動態的,色調明亮,看起來有點奇怪,但是你不得不承認它相當的能吸引人的注意力——當然也讓人注意到文字。

      0
      1
      分享到:

      0

      喜歡他,就推薦他上首頁吧^_^

      推薦閱讀

      ×

      賽事服務聯系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國家大學科技園東區9號樓2層

      版權信息

        移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號

      主站蜘蛛池模板: 一区二区三区在线免费看| 精品日韩一区二区| 精品国产一区二区三区在线观看| 亚洲色大成网站www永久一区| 国产一区二区在线|播放| 免费一区二区三区| 国产一区二区三区免费在线观看| 日韩视频一区二区三区| 国产一区二区三区无码免费| 人妻无码一区二区不卡无码av| 国产日韩精品一区二区三区| 亚洲一区二区三区91| 人妻AV一区二区三区精品| 国产在线一区二区三区| 国产精品无码AV一区二区三区| 国产一区二区精品尤物| 久久无码人妻精品一区二区三区| 一区二区三区杨幂在线观看| 精品一区二区三区无码免费直播 | 日韩精品一区二区三区中文版| 精品国产一区二区三区麻豆| 末成年女A∨片一区二区| 91精品一区二区三区久久久久| 亚洲视频在线观看一区| 日韩精品无码中文字幕一区二区| 无码人妻一区二区三区免费看| 少妇激情av一区二区| 韩国美女vip福利一区| 亚洲欧美日韩一区二区三区 | 无码人妻精品一区二区| 99精品国产一区二区三区不卡| 91久久精品一区二区| 成人久久精品一区二区三区| 精品国产日韩一区三区| 国产一区二区在线视频播放| 波多野结衣一区二区三区aV高清| 中文字幕无码免费久久9一区9| 国偷自产一区二区免费视频| 国产福利微拍精品一区二区 | 国产综合视频在线观看一区| 一区二区福利视频|