好記性不如爛筆頭
移動端的設(shè)計字體選擇:
iOS設(shè)計中中文字體常用冬青黑體或華文細黑
安卓設(shè)計中英文字體:Roboto,中文字體:Noto
移動端的設(shè)計字體字號:
導航主標題字號:40-42px排龄,在內(nèi)文展示中大的正文字號32px, 副文是26px扮宠,小字20px
像新聞類的APP或文字閱讀類的APP更注重文本的閱讀便捷性自赔,正文字號36px,會選擇性的加粗。如今日頭條
列表形式、工具化的APP普遍是正文32px装畅,不加粗。副文案26px,小字20px沧烈,如微信列表
26px的字號還會用于劃分類別的提示文案掠兄,因為這樣的文字希望用戶閱讀,但不要搶過主列表信息的引導锌雀。
36px的字號還經(jīng)常運用在頁面的大按鈕中蚂夕。為了拉開按鈕的層次,同時加強按鈕引導性汤锨,選用了稍大號的字體双抽。如退出登錄百框。
網(wǎng)頁端的設(shè)計字體:
網(wǎng)頁中文字字號一般都是宋體12px或14px(無狀態(tài))闲礼,大號字體用微軟雅黑或黑體。大號字體是18px铐维、20px柬泽、26px、30px嫁蛇,一般使用雙數(shù)字號锨并,單數(shù)的字體在顯示的時候會有毛邊。
各字體的常用場景:
方正正中黑系列:中黑系列的字體筆畫比較銳利而渾厚睬棚,一般運用在標題文字中第煮。
方正蘭亭系列: 整個蘭亭系列的字體有大黑解幼、準黑、纖黑包警、超細黑等撵摆。因筆畫清晰簡潔,這個系類的字體就足以滿足排版設(shè)計的需要害晦√芈粒可以通過對這個系列的不同字體進行組合,不僅能保證字體的統(tǒng)一感壹瘟,還能很好的區(qū)分出文本的層次鲫剿。
漢儀菱心簡/造字工房力黑/造字工房勁黑
在這幾個字體中,他們有著共同的特點稻轨,字體非常的有力而厚實灵莲。基本都是以直線和斜線為主殴俱。適合廣告和專題使用笆呆。在使用這類字體的時候我們可以使用字體傾斜的樣式,讓文字顯得更為活力粱挡。在這三種字體中赠幕,菱心和造字工房力黑在筆畫、拐角的地方采用了圓和圓角询筏。而且筆畫也比較的疏松榕堰,更多的有些時尚而柔美的氣氛。而勁黑這款字體相對更為厚重和方正嫌套。這類字體使用在大圖中偏多逆屡,效果比較突出。
相關(guān)用色:
在界面中的文字分為三個層級踱讨,主文魏蔗、副文、提示文案等痹筛。
在白色的背景下莺治,字體的顏色層次其實就是黑、深灰帚稠、灰色谣旁。常用的色值是#333333;#666666滋早;#999999榄审。在界面中還經(jīng)常會用到背景色#eeeeee。
分割線則采用#e5e5e5或#cccccc的顏色值杆麸,一個深一些搁进,一個淺一些浪感。