好的字型讓你的網頁設計“傾國傾城”

來源:互聯網
上載者:User

   當我們瀏覽網頁時,映像往往能在視覺上首先迷人的注意力,一個好的圖片設計可以大大美化頁面。和文字相比,網站上圖片傳達的視覺印象要強烈得多。設計師們也一直注重對映像的創意設計、網頁版式設計以及色彩搭配,它們是視覺傳達的重要手段。

  然而,圖片再精美、版式再好,也招架不住字型的敗筆所帶來的損失。

  在網頁的構成元素中,文字的設計與編排是重要元素之一,它們雖然佔據的儲存空間非常小,但在網頁上佔據的面積卻是不容忽視的。對設計師來說,文字除了表達含義,還應該具有傳遞感情的功能,這種傳遞就需要通過字型、字型大小以及顏色來表達了。

  本文主要介紹字型在網頁設計中的應用,下面是AnyForWeb為大家收集的好的字型在網頁中的使用案例,希望能給大家帶來靈感。

  1.Ninali的網站使用的字型顯得非常純真活潑,網頁背景採用信紙樣式的設計,加上文字和圖片的整體搭配,將可愛優雅的感覺充分發揮出來,讓整個網站的風格融合在一起。

  2.Cantina Valpolicella Negrar網站的文字主要採用了襯線字型,深色背景上的細長字型給人優雅精緻的感覺,完美地詮釋了產品特色。

  3.GBR網站這裡採用了Metro設計風格,圖片裡面的logo文字具有設計感和線條感,左上方的白色文字醒目,大號無襯線字型的文字作為標題,小號的襯線字型作為說明,簡潔乾淨。

  4.Beg Bicycles網站在不同位置使用了多種字型,logo、導航、圖片裡的文字等,這些文字並沒有讓網頁布局顯得混亂,反而引導使用者的視覺有層次地展現不同板塊的內容,營造出清新和淡淡的複古感。

  5. Meet Your MX網站字型看起來很硬朗,充滿了力量感,和左邊的圖片搭配想結合,傳遞一種霸氣,讓網站充滿視覺衝擊力。

  6. Trippeo整站都採用了無襯線字型,這些文字讓整個網站看起來乾淨利落,並且在顯示器上閱讀起來不費力,非常適合不同裝置瀏覽,是近來科技行業流行的字型。

  7.C&C Coffee Company網站的手寫風格字型與網頁裡其他元素巧妙呼應,在色彩和布局上展現了高度的統一,網站整體在視覺上傳達著手工特色,與產品本身具備的特色保持著一致。

  8.這個頁面給你什麼感覺,美麗、迷人、時尚? M2B網站的圖片正是給使用者傳達這樣的感受。不管是導航還是banner圖裡面的文字,都採用這種美麗的襯線字型,與圖片所表達內容相得益彰。而簡潔圓潤的logo圖在整個頁面中看起來既醒目,卻又不顯得突兀。

  9.“我們是天然健康的!”怎麼將產品的特色展示給使用者?在Wonderful網站上,除了選擇合適的圖片和配色,設計精巧的布局,還通過文字具有親和力的視覺效果無形中給使用者留下忠實可靠的印象。

  10.Abramsbooks網站整站使用了動態效果,文字看起來和整個頁面融合在一起,展示卡通風格,看起來非常炫。

  從以上案例中,我們可以看到國外網站字型的多樣化,其中襯線字型主要展現的感覺可以概括為精緻、優雅,比較適合大篇文字,主要代表為Time New Roman;而無襯線字型看起來乾淨簡潔,給人自由悠閑的感覺,很有親和力,適合作標題,主要代表為Arial。

  從Google9月份換了新logo就能看出,這種圓不隆冬的幾何無襯線字型已經成為流行,最大的優勢在於在電子螢幕上更容易看清。

  其實,設計師在選取或設計字型時實際上還需要考慮一些其他因素:比如是否適合符合網站的整體風格,前端技術人員是否能實現效果,以及瀏覽器的相容性,在不同系統展示效果等。

  看到這些案例後,也許會有設計師好奇:為什麼國外網站字型做出來的效果那麼好看,但我們在設計網頁時總覺得無法達到那種效果?

  的確,英文字型設計更具多樣化,但國內網頁設計的字型並非沒有發揮空間,AnyForWeb下一篇文章將和大家分享如何通過字型給國內網頁設計帶來新轉機。

相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。