在平日的設計中，至少一次甚至多次在工作中因為字體不協(xié)調(diào)栽跟頭，在上海網(wǎng)站設計工作的實踐過程中，小編我決定把平日里總結(jié)的和在網(wǎng)絡上學到的一些規(guī)范跟大家分享一下：

一、喜歡的字體，不知道名字

       當我們欣賞到別人好看的字體時，我們總是想要快速的知道別人用的是什么字體？其實這時候，咱們可以使用一個神器“求字體”。

二、字體樣式太多，導致頁面雜亂

在每個項目中只使用1-2個字體樣式，而在品牌字有明確的規(guī)范情況下，只需要一種字體貫穿全文，通過對字體的放大來強調(diào)重點文案。字體用的太多，反而顯得不夠?qū)I(yè)。

不同的樣式的字體，形式或者系列最好相同，保證字體的風格一致性。

字體與北京的層次要分明，明確字體樣式與色調(diào)氣氛相匹配。

      三、界面中文字使用的規(guī)則

      移動端字體：常選用華文黑體或者冬青黑體，尤其是冬青黑體效果最好。比如IOS，就采用的這樣的方式。英文的話，建議采用Roboto字體，比如安卓就采用的這樣的字體

      移動端字號：導航主標題字號：40-42px，建議采用偏小的40px會顯得更加精致一些。正文字號：大的正文采用32px,副文采用26px,小字的話，則建議采用20px。

     溫馨提示：

    1、移動App正文采用36px。

    移動APP會有所不同，像新聞類的APP或者文字閱讀類的APP更注重于文字的閱讀便捷性，因此他的字號會變大一些，選用36px，丙炔選擇性的加粗。這點的效果，咱們可以看看自己手機上的今日頭條APP。

    2、列表樣式、工具化的APP普遍是正文32px，不加粗。副文案26px，小字號20px。比如微信。

    3、劃分類文案字號：有些時候，用于劃分類別的提示文案，也會采用26px，但是值得注意的是，這里的字一定不能講過朱列表信息的引導效果。

    4、大按鈕的話，可以采用.36px。為了拉開按鈕的層次，同時加強按鈕引導性，選用了稍大號的字體36px。比如微信。

ｐｃ網(wǎng)頁版的設計

在制作網(wǎng)頁設計的時候，網(wǎng)頁中文字字號一般都是宋體12px或14px(無狀態(tài))，大號字體用微軟雅黑或黑體。大號字體是18px、20px、26px、30px，一般使用雙數(shù)字號，單數(shù)的字體在顯示的時候會有毛邊。

下面介紹一下常用的字體的使用方法：

1>微軟雅黑這款字在頁面設計中，使用的非常頻繁，這款字無論是放大還是縮小，形體都非常的規(guī)整舒服。在設計過程中，建議多使用雅黑，大標題的話，可以采用加粗字體，正文用常規(guī)字體。

2>中黑系列的字體筆畫比較銳利而渾厚，一般運用在標題文字中。但這種字體不適用于正文中，因為邊緣相對比較的復雜，文字一多會影響用戶的閱讀。

     3>漢儀菱心簡/造字工房力黑/造字工房勁黑

     這三種字體，有個共同的特點，字體非常的有力而厚實?；旧鲜幸灾本€和斜線為主。適合廣告和專題使用。菱心和造字工房力黑在筆畫、拐角的地方采用了圓和圓角。而且筆畫也比較的疏松，適合于時尚感比較強的廣告使用。勁黑這種厚重和方正，在大圖使用中更為廣泛一些。

     4>毛筆字生成器。這種更偏用于古典風格的網(wǎng)站，更能體現(xiàn)年代感。怎們可以使用毛筆字體做banner呢，將下載襲來的字體圖片AI轉(zhuǎn)路徑，編輯文字。首先使用在線生成器輸入選擇好你需要的文字字形，將文字圖片拖至AI中。選中拉入圖片，點擊［圖像描?。荩缓罄^續(xù)點擊［擴展］按鈕，擴展完畢后，圖片已經(jīng)都變成了路徑。使用魔棒選擇顏色就可以將文字的路徑提選出來。最后經(jīng)過設計后的Banner效果，最后出來的效果下圖。

     四、字體常用顏色

     在白色的背景下，字體的顏色層次其實就是黑、深灰、灰色。常用的色值是：#333333深黑色，#666666深灰色，#999999 灰色。

     在界面中常用到的背景色：#eeeeee,分割線想要深一點的話采用#e5e5e5想要淺一點就用#cccccc。

     設計的時候我們還可以將字體進行變形來達到宣傳的目的，這個需要設計師對字體設計有一定的了解。

      總結(jié)，在制作網(wǎng)站的時候，都是有一定設計規(guī)范和體系的，只要咱們合理的使用設計復返，在畫畫的需求中找到定量，調(diào)整起來也會輕松很多哦！