字體知識(shí),文字使用的小經(jīng)驗(yàn)(2)

來(lái)源:未知 作者:不詳 學(xué)習(xí):2066人次

字體知識(shí),文字使用的小經(jīng)驗(yàn)

在內(nèi)文展示中字號(hào)大小又是多大呢?

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

像新聞?lì)惖腁PP或文字閱讀類的APP更注重文本的閱讀便捷性,正文字號(hào)36px,會(huì)選擇性的加粗。

字體知識(shí),文字使用的小經(jīng)驗(yàn)

而列表形式、工具化的APP普遍是正文32px,不加粗。副文案26px,小字20px

字體知識(shí),文字使用的小經(jīng)驗(yàn)

26px的字號(hào)還會(huì)用于劃分類別的提示文案,因?yàn)檫@樣的文字希望用戶閱讀,但不要搶過(guò)主列表信息的引導(dǎo)。

字體知識(shí),文字使用的小經(jīng)驗(yàn)

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

(見下圖中的退出按鈕)

字體知識(shí),文字使用的小經(jīng)驗(yàn)

大家注意了,在選用字體大小的時(shí)候一定要選擇偶數(shù)的字號(hào),因?yàn)樵陂_發(fā)界面的時(shí)候,字號(hào)大小換算是要除以二的。這個(gè)詳細(xì)緣由大家可以網(wǎng)上查詢,我就不在這一一的介紹了。

常用字號(hào)的大小基本就這幾個(gè),根據(jù)版式設(shè)計(jì)需要也會(huì)采用異樣大小的字號(hào)來(lái)特殊處理。這種更高的要求設(shè)計(jì)師的全局把控能力了。

網(wǎng)頁(yè)端

常用的字號(hào)有哪些呢?

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

常用的字體:

1. 平平穩(wěn)穩(wěn):微軟雅黑/方正中黑

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

字體知識(shí),文字使用的小經(jīng)驗(yàn)

方正正中黑系列

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

字體知識(shí),文字使用的小經(jīng)驗(yàn)

2. 與時(shí)俱進(jìn):方正蘭亭系列

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

字體知識(shí),文字使用的小經(jīng)驗(yàn)

3. 剛勁有力,運(yùn)動(dòng)型:漢儀菱心簡(jiǎn)/造字工房力黑/造字工房勁黑

在這幾個(gè)字體中,他們有著共同的特點(diǎn),字體非常的有力而厚實(shí);径际且灾本和斜線為主。適合廣告和專題使用。在使用這類字體的時(shí)候我們可以使用字體傾斜的樣式,讓文字顯得更為活力。在這三種字體中,菱心和造字工房力黑在筆畫、拐角的地方采用了圓和圓角。而且筆畫也比較的疏松,更多的有些時(shí)尚而柔美的氣氛。而勁黑這款字體相對(duì)更為厚重和方正。這類字體使用在大圖中偏多,效果比較突出。

字體知識(shí),文字使用的小經(jīng)驗(yàn)

毛筆字生成器

通過(guò)自由的書法網(wǎng)站在線生成。在網(wǎng)址中輸入文本,再進(jìn)行選擇書法字體樣式。通過(guò)這種方法我們能很快的找到需要的書法字體。這招非常管用。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!