重慶網(wǎng)站建設(shè)公司分享網(wǎng)頁字體規(guī)范

我們?cè)跒g覽網(wǎng)頁的時(shí)候會(huì)發(fā)現(xiàn)一些網(wǎng)頁的字體樣式太多，導(dǎo)致頁面雜亂 使用的字體不易識(shí)別 字體樣式和內(nèi)容的氣氛或規(guī)范不匹配。主要原因是網(wǎng)頁設(shè)計(jì)師沒有注意網(wǎng)頁自字體使用規(guī)范造成的。在每個(gè)項(xiàng)目設(shè)計(jì)中只使用1-2個(gè)字體樣式，而在品牌字有明確的規(guī)范的情況下，只需要一種字體貫穿全文，通過對(duì)字體放大來強(qiáng)調(diào)重點(diǎn)文案。字體用的太多，越顯得不夠?qū)I(yè)。在不同平臺(tái)的界面設(shè)計(jì)中規(guī)范的字體會(huì)有不同，像移動(dòng)界面的設(shè)計(jì)就會(huì)有固定的字體樣式。

移動(dòng)端字體規(guī)范

1、移動(dòng)端常規(guī)字體

IOS:常選擇華文黑體或者冬青黑體，尤其是冬青黑體效果好。

Android

英文字體：Roboto

中文字體：Noto

2、移動(dòng)端字號(hào)使用

導(dǎo)航主標(biāo)題字號(hào)：40-42px

內(nèi)文展示大的正文字號(hào)32px，副文是26px，小字20px。在內(nèi)文的使用中，根據(jù)不同類型的App會(huì)有所區(qū)別。

而列表形式、工具化的APP普遍是正文32px，不加粗。副文案26px,小字20px，26px的字號(hào)還會(huì)用于劃分類別的提示文案。

36px的字號(hào)還經(jīng)常運(yùn)用在頁面的大按鈕中。為了拉開按鈕的層次，同時(shí)加強(qiáng)按鈕引導(dǎo)性，選用了稍大號(hào)的字體。

在選用字體大小的時(shí)候一定要選擇偶數(shù)的字號(hào)，因?yàn)樵陂_發(fā)界面的時(shí)候，字號(hào)大小換算是要除以二。根據(jù)版式設(shè)計(jì)需要也會(huì)采用異樣大小的字號(hào)來特殊處理。這種更高的要求設(shè)計(jì)師的全局把控能力。

網(wǎng)頁端字體規(guī)范

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

1、網(wǎng)頁端常規(guī)字體

微軟雅黑/方正中黑：在網(wǎng)頁設(shè)計(jì)中這款字體使用的非常平凡，這款只無論是放大還是縮小，形體都非常的規(guī)整舒服。在設(shè)計(jì)過程中建議多使用雅黑，大標(biāo)題用加粗字體，正文用常規(guī)字體。

方正正中黑系列：中黑系列的字體筆畫比較銳利而渾厚，一般運(yùn)用在標(biāo)題文字中。但這種字體不適用于正文中，因?yàn)檫吘壪鄬?duì)比較的復(fù)雜，文字一多會(huì)影響用戶的閱讀。

方正蘭亭系列：個(gè)人最推薦的就是這個(gè)系類的字體，整個(gè)蘭亭系列的字體有大黑、準(zhǔn)黑、纖黑、超細(xì)黑等。因筆畫清晰簡(jiǎn)潔，這個(gè)系類的字體就足以滿足排版設(shè)計(jì)的需要?？梢酝ㄟ^對(duì)這個(gè)系列的不同字體進(jìn)行組合，不僅能保證字體的統(tǒng)一感，還能很好的區(qū)分出文本的層次。

2、常用字體顏色

界面中的文字分為三個(gè)層級(jí)，主文、副文、提示文案等。在白色的背景下，字體的顏色層次其實(shí)就是黑、深灰、灰色。常用的色值是#333333;#666666;#999999。

設(shè)計(jì)是要有規(guī)范，有體系的。使用規(guī)范化的設(shè)計(jì)對(duì)產(chǎn)品的延續(xù)性非常有幫助，并且保證了產(chǎn)品的獨(dú)特性和一致性。所以，大家要在設(shè)計(jì)初期找到風(fēng)格和規(guī)范，這樣做出來的界面才會(huì)統(tǒng)一一致。

標(biāo)題名稱：重慶網(wǎng)站建設(shè)公司分享網(wǎng)頁字體規(guī)范
文章來源：http://www.muchs.cn/news22/226122.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、建站公司、域名注冊(cè)、外貿(mào)網(wǎng)站建設(shè)、動(dòng)態(tài)網(wǎng)站、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)