字體知識(shí),文字使用的小經(jīng)驗(yàn)(2)
在內(nèi)文展示中字號大小又是多大呢?
大的正文字號32px,副文是26px,小字20px。在內(nèi)文的使用中,根據(jù)不同類型的App會(huì)有所區(qū)別。
像新聞?lì)惖腁PP或文字閱讀類的APP更注重文本的閱讀便捷性,正文字號36px,會(huì)選擇性的加粗。
而列表形式、工具化的APP普遍是正文32px,不加粗。副文案26px,小字20px
26px的字號還會(huì)用于劃分類別的提示文案,因?yàn)檫@樣的文字希望用戶閱讀,但不要搶過主列表信息的引導(dǎo)。
36px的字號還經(jīng)常運(yùn)用在頁面的大按鈕中。為了拉開按鈕的層次,同時(shí)加強(qiáng)按鈕引導(dǎo)性,選用了稍大號的字體。
(見下圖中的退出按鈕)
大家注意了,在選用字體大小的時(shí)候一定要選擇偶數(shù)的字號,因?yàn)樵陂_發(fā)界面的時(shí)候,字號大小換算是要除以二的。這個(gè)詳細(xì)緣由大家可以網(wǎng)上查詢,我就不在這一一的介紹了。
常用字號的大小基本就這幾個(gè),根據(jù)版式設(shè)計(jì)需要也會(huì)采用異樣大小的字號來特殊處理。這種更高的要求設(shè)計(jì)師的全局把控能力了。
網(wǎng)頁端常用的字號有哪些呢?
網(wǎng)頁中文字字號一般都是宋體12px或14px(無狀態(tài)),大號字體用微軟雅黑或黑體。大號字體是18px、20px、26px、30px,一般使用雙數(shù)字號,單數(shù)的字體在顯示的時(shí)候會(huì)有毛邊。
常用的字體:
1. 平平穩(wěn)穩(wěn):微軟雅黑/方正中黑
微軟雅黑系列:在網(wǎng)頁設(shè)計(jì)中這款字體使用的非常平凡,這款只無論是放大還是縮小,形體都非常的規(guī)整舒服。在設(shè)計(jì)過程中建議多使用雅黑,大標(biāo)題用加粗字體,正文用常規(guī)字體。
方正正中黑系列
中黑系列的字體筆畫比較銳利而渾厚,一般運(yùn)用在標(biāo)題文字中。但這種字體不適用于正文中,因?yàn)檫吘壪鄬Ρ容^的復(fù)雜,文字一多會(huì)影響用戶的閱讀。
2. 與時(shí)俱進(jìn):方正蘭亭系列
方正蘭亭系列:個(gè)人最推薦的就是這個(gè)系類的字體,整個(gè)蘭亭系列的字體有大黑、準(zhǔn)黑、纖黑、超細(xì)黑等。因筆畫清晰簡潔,這個(gè)系類的字體就足以滿足排版設(shè)計(jì)的需要。可以通過對這個(gè)系列的不同字體進(jìn)行組合,不僅能保證字體的統(tǒng)一感,還能很好的區(qū)分出文本的層次。
3. 剛勁有力,運(yùn)動(dòng)型:漢儀菱心簡/造字工房力黑/造字工房勁黑
在這幾個(gè)字體中,他們有著共同的特點(diǎn),字體非常的有力而厚實(shí);径际且灾本和斜線為主。適合廣告和專題使用。在使用這類字體的時(shí)候我們可以使用字體傾斜的樣式,讓文字顯得更為活力。在這三種字體中,菱心和造字工房力黑在筆畫、拐角的地方采用了圓和圓角。而且筆畫也比較的疏松,更多的有些時(shí)尚而柔美的氣氛。而勁黑這款字體相對更為厚重和方正。這類字體使用在大圖中偏多,效果比較突出。
毛筆字生成器通過自由的書法網(wǎng)站在線生成。在網(wǎng)址中輸入文本,再進(jìn)行選擇書法字體樣式。通過這種方法我們能很快的找到需要的書法字體。這招非常管用。
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 圖片畫冊平面設(shè)計(jì)排版ps理論教程
- UI知識(shí),尺寸對UI設(shè)計(jì)的影響
- 調(diào)色知識(shí),簡單實(shí)用的調(diào)色原理
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- Photoshop初級教程-命令的技巧
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論