網頁設計中字體規范

網頁設計中字體規范總結推薦度：
相關推薦

網頁設計中字體規范

　　字體之間最大的差異在于字體與字體之間，形體的差異。字體是網頁設計中最重要的細節，下面就是小編介紹網頁設計中字體規范，歡迎大家借鑒！

　　網頁設計中的字體選擇以及常用字號

　　字體：

　　中文：宋體，微軟雅黑，方正系列(無狀態)

　　字號：

　　網頁中正文/導航字號在12px-18px之間

　　英文可以偏小一些 10px-16px

　　再小識別性就不是特別好了

　　標題文字字號，18px，20px，24px，28px，32px，盡可能使用雙數

　　網頁banner的字體選用方法是要根據banner的主題，去挑選字體，因為字體本身也是有性格的，跟選老婆一樣性格合得來那就幸福，如果合不來總吵架這一輩子可咋過```在字庫中挑選字體時一件很讓人惱火的事，為了方便大家使用，我把網頁設計中經常用到的字體，按照性格分了類，以下推薦這些字體，是平時工作學習中總結得出，希望能給新收一些指導，如果你是高手，有自己的一套用字方法，那當然是極好的，所以真的不必太鉆牛角尖。

　　中規中矩，經典通用

　　中易宋體

　　Win最常見的字體，小字體點陣，大字體TrueType，但是大字體并不好看，所以最好別做標題。

　　微軟雅黑

　　Vista之后新引入的字體，打開Cleartype之后顯示效果不錯，不開Cleartype發虛。

　　華文細黑

　　Mac下的默認中文。

　　英文

　　Helvetica:

　　被評為設計師最愛的字體，Realist風格，簡潔現代的線條，非常受到追捧。在Mac下面被認為是最佳的網頁字體，在Windows下由于Hinting的原因顯示很糟糕。

　　Arial:

　　Helvetica的「克隆」，和Helvetica非常像，細節上比如R和G有小小差別。如果字號太小，文字太多，看起來會有些累眼。Win和Mac顯示都正常

　　Lucida Family:

　　Lucida Grande是Mac OS UI的標準字體，屬于humanist風格，稍微活潑一點。Mac下的顯示要比Win下好。

　　Verdana:

　　專門為了屏顯而設計的字體，humanist風格，在小字號下仍可以清楚顯示，但是字體細節缺失嚴重，最好別做標題。

　　Tahoma:

　　也是humanist風格，字體和Verdana有點像，但是略窄一些，counter略小，曾經是Windows的標準字體，Mac 10.5之后默認也有安裝。

　　Verdana：

　　是一套無襯線字體，由于它在小字上仍有結構清晰端整、閱讀辨識容易等高品質的表現，因而在1996年推出后即迅速成為許多領域所愛用的標準字型之一。

　　Georgia:

　　基本上適合正文屏顯的襯線字體，非Georgia莫屬了。筆畫粗重，襯線明線，輪廓較大，小字體顯示也很清晰，同時細節還算OK。

　　有些偏藝術類的網站的大字會使用lobster。更藝術的網站就搜索free font，或者font freebie吧

　　Trebuchet、Georgia、Times New Roman、Arial、Lucida等字體在26px或更大像素時效果是比較好的，非常適合作為正文的標題。

　　那些漂亮的網頁banner，它們都是用的什么字體的?

　　看著那些設計各種酷炫的banner圖，這個字體是不是隨機使用?全憑設計師的感覺，無規律可循? 當然不是，設計師都是會根據bannner表達的主題，去挑選符合主題個性的字體。今兒就給大家分個類，以后再也不用為bannner上的字體發愁了!!!

　　第一類，穩定型(協調，齊全，穩定，高質)

　　微軟雅黑

　　冬青黑體

　　宋體

　　華文細黑

　　方正正中黑

　　方正蘭亭系列

　　第二類，剛硬，銳利，清晰，強烈

　　造字工坊力黑體

　　造字工坊版黑體

　　造字工坊勁黑體

　　銳字逼格銳線體簡

　　張海山銳線體

　　華康儷金黑

　　蒙納超剛黑體

　　(更適用大氣，熱烈，權威，聲明等主題)

　　第三類，輕松，手寫，可愛，童趣，親切

　　方正經黑

　　華康海報

　　漢儀小麥

　　方正稚藝

　　新蒂下午茶

　　漢儀歪歪體

　　新蒂小丸子

　　(適用于，游戲娛樂活動海報，h5廣告頁面，兒童/女性主題)

　　第四類，靈動，清新，秀雅，精致，古韻

　　方正清刻本悅宋簡體

　　方正宋刻本秀楷體

　　漢儀全唐詩簡

　　康熙字典體

　　祥南行書體

　　造字工房刻宋

　　(適用于復古，典雅，傳統，品質，靈動等主題)

　　網頁設計中的字體設計

　　現代字體設計在計算機技術的使用中現已深化到平常作業、日子的每一個角落。隨著整站網頁設計工作中各類需要的增多，不斷增加類目的廣告banner設計對字體的要求也不斷增加。要想設計出較好的著作，從計算機里調出來的任何一種規范字體都是不適合的，由于那會造成千遍一概，設計撞車的事故，識別性不強的壞處。

　　一、發揮漢字的可意象性

　　由于其網頁字體具有圖像的基礎，致使人們在書寫它時很容易形成其形象的特質，漢字的自身特點賦予了它可意象性這是一種將人們心中意象的個性和結構特點與漢字本身聯系起來的物質特性。

　　漢字圖形的意象設計，也可稱為意象改變字體圖形。其特點是掌握特定文字個性化的意象品質，將文字的內涵特質經過可視化的表情逼真構成自身的興趣。意象化的漢字賦予文字以字面外的激烈意念，經過豐富的聯想獨出機杼的展現浪漫顏色對文字進行再創造。所改變出的意象文字超脫了詳細的形似，而是提煉出了抽像的意，然后取得媒體功能意構逼真的表達。因為漢字的意義的多樣性，以及創作者心靈意象的多變性，意象設計的辦法呈現出多種多樣的相貌。

　　依據整站網頁設計中所選用的字義的不一樣，和借用的標志物的不一樣來對漢字圖形的意象設計辦法進行一些分類，其間也借用了一些我對現代漢字意象設計的一些分類辦法。字義意象設計是指在漢字藝術設計中借用字自身的含義特征，將所要傳達事物的特點表達出來。這是意象設計中最簡單的一種，它只需直觀的表現出漢字的意義就可以了。當然，不一樣的人表現出來的同一個漢字又有所不一樣。

　　二、在字體變型上要切記兩點

　　1、變形要在筆畫的末端或起筆處變型才不會有突兀;

　　2、整體的去設計網頁字體，要把文案當做一個整體去設計和考究，這是前期變型時需要注意的。

　　網頁字體的運用效應已越來越被大家所注重，無論是對字體的挑選或是對字體的運用都構成了衡量一個設計師的規范。咱們能夠這么說，一個好的設計師既能極好地對于需求挑選字體，又能對字體進行極好地設計安排與控制。

　　新世紀網站設計師也要運用簇新的觀念去體現字體的時代性，設計和組合上都要帶給其他人新鮮的感受。網頁設計大多是為產品宣揚效勞，所以設計師要為客戶計劃，最重要的是這個字體的設計可否添加產品的吸引力。所以，設計師對字體運用多作深化的了解和研討，才能設計出更精彩的網頁網站。

【網頁設計中字體規范】相關文章：