字體知識(shí),聊聊移動(dòng)端的字體準(zhǔn)則!(3)
增強(qiáng)文字與背景對(duì)比的同時(shí),我們也要減少不同層次文字間的反差。
在移動(dòng)端,實(shí)際可見(jiàn)的文字更少,所以反差被放大了。
其原因是我們的大腦基于環(huán)境來(lái)判斷重要性。在桌面端,標(biāo)題可能是正文字號(hào)的兩倍甚至三倍,因?yàn)槠聊簧嫌懈辔淖,所以這是有效的。在移動(dòng)端,實(shí)際可見(jiàn)的文字更少,所以反差被放大了。
多數(shù)設(shè)計(jì)師使用斐波那契數(shù)列式的字號(hào)組合。在移動(dòng)端,應(yīng)該縮小比率來(lái)減少字號(hào)間的反差。比如,如果你使用黃金比例1.618與字號(hào)相乘。在移動(dòng)端,應(yīng)該用更小的比例1.382來(lái)替代。
桌面端屏幕比移動(dòng)端容許更夸張的字號(hào)縮放。
七、按比例調(diào)整字間距
為移動(dòng)端調(diào)整字號(hào)時(shí),我們要意識(shí)到字間距發(fā)生了必要的變化。
(先說(shuō)一句,不應(yīng)該調(diào)整固有字距。固有字距是兩個(gè)字母相互組合時(shí)的距離,使它們的間距與其他字母間距在視覺(jué)上統(tǒng)一。創(chuàng)作字體時(shí),就納入了固有字距的考量,這個(gè)過(guò)程可能要花上數(shù)月。如果你選用了一款專(zhuān)業(yè)的字體,它的固有字距就是合適的,如果你覺(jué)得不對(duì),請(qǐng)換一個(gè)字體。)
字間距并不是固有字距。字間距是字體中應(yīng)用在所有字符上的間距。通常你也不應(yīng)該調(diào)整字間距。
大字號(hào)是個(gè)例外,拿標(biāo)題和小號(hào)文字(比如腳注)舉例。大號(hào)文字需要減少字間距,小號(hào)文字需要增加字間距。前者是考慮到分組,后者則是為了增強(qiáng)對(duì)比。如果你在調(diào)整標(biāo)題,或是用了通常字間距緊密的藝術(shù)字體,縮小時(shí)可能就需要把字間距放開(kāi)一點(diǎn)。
總結(jié)
字體是一門(mén)工藝,設(shè)計(jì)師終其一生都在精心打磨。的確如此,因?yàn)槊總(gè)文字、每種字體和每項(xiàng)技術(shù)都帶來(lái)了新的挑戰(zhàn)。沒(méi)有一成不變的普適規(guī)律。
假如你追求易讀性,要牢記三條原則:行內(nèi)的視覺(jué)流要平順,空間層級(jí)要清晰,要有足夠的對(duì)比。這尤其適用于移動(dòng)端頁(yè)面。
沒(méi)有不可撼動(dòng)的規(guī)則,全憑你雙眼決斷。不過(guò)本文的指南可以作為理想的出發(fā)點(diǎn),讓你在移動(dòng)設(shè)備上優(yōu)美地排列文字。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ps知識(shí)
- ps基礎(chǔ)教程
- ps技巧
- 十萬(wàn)個(gè)為什麼
- 理論教程
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 圖片畫(huà)冊(cè)平面設(shè)計(jì)排版ps理論教程
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- Photoshop初級(jí)教程-命令的技巧
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 用戶(hù)體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 用戶(hù)體驗(yàn),如何讓用戶(hù)心動(dòng)?
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法