想做UI設(shè)計(jì)不單單是PS會(huì)用

現(xiàn)在很多設(shè)計(jì)師在排版的時(shí)候已經(jīng)完完全全離不開電腦軟件了，電腦軟件的便攜性確實(shí)讓我們無限提高效率，然而，弊端也是顯然易見，導(dǎo)致設(shè)計(jì)師的基本功不扎實(shí)，又太過于信任電腦，這是一個(gè)惡性循環(huán)。例如，設(shè)置字距和行距這種基本問題，正是設(shè)計(jì)師常犯錯(cuò)誤的地方。那怎么破，方法很簡(jiǎn)單，懂得基本理論，就能發(fā)現(xiàn)電腦不合理的地方，電腦自帶的調(diào)整功能都取代不了一位經(jīng)驗(yàn)豐富的設(shè)計(jì)師敏銳的眼睛。

 

1. 字距大小調(diào)試

△ 字距不宜過緊或過大

當(dāng)你在軟件中輸入一個(gè)文本時(shí)，電腦會(huì)默認(rèn)設(shè)置該文本的間距，包括字距和行距。電腦并不會(huì)像設(shè)計(jì)師一樣必須根據(jù)文本進(jìn)行調(diào)整。如果你的文本顯得太過緊湊，字與字幾乎挨在一起，那就需要自行做出調(diào)整。同樣的，字與字之間相隔太遠(yuǎn)，可讀性也就會(huì)降低，設(shè)計(jì)新手經(jīng)常會(huì)犯的錯(cuò)誤是，要么把文本字距設(shè)置的過大，要么直接采用電腦設(shè)置的默認(rèn)值。聽說一些設(shè)計(jì)師說，字距大顯得有設(shè)計(jì)感，這就是典型為了設(shè)計(jì)而設(shè)計(jì)。

 

2. 避免“孤行”

△ 避免“孤行”的出現(xiàn)

額外增加或縮小字與字的間距可用于確定或特別強(qiáng)調(diào)某種觀念，但這些是例外，使用還需謹(jǐn)慎。為了達(dá)到良好的視覺效果，軟件程序的字體設(shè)計(jì)師會(huì)精心設(shè)置字號(hào)大小不同的字之間的間距。但是，字與字之間的組合何止千百，并不是每次都是合理的。比如，調(diào)整字距的設(shè)置需要謹(jǐn)慎，因?yàn)樯晕⒓哟笞煮w或縮小字距，就可能影響頁(yè)面的平穩(wěn)，或者使某行最后的字掉到下一行，避免“孤行”的出現(xiàn)（段落末尾的字或單詞落在一欄文字的開頭或結(jié)尾）。

 

3. 注意字與字的搭配

△ 大寫字母組合情況復(fù)雜多變

再舉個(gè)例子，大寫英文字母中，大寫字母本身的形狀差異，它們組合在一起的情況就會(huì)復(fù)雜多變。相比圓形字母“O” “Q”，或者“A” “V” “Y” “W”等由對(duì)角線筆畫組成的字母，當(dāng)我們把“I” “J” “E” “F”等帶有主干的字母放在一起時(shí)，這些單個(gè)字母之間需要更大的字距。又如“A” “V”放在一起，需要調(diào)整字距以彌補(bǔ)之間較大的負(fù)形空間，因?yàn)檫@兩個(gè)字母占據(jù)各自相反的空間，寬度也不同。

△ 手動(dòng)調(diào)整字間距（AI中可按住alt鍵+左右方向鍵）

字母間距調(diào)整允許手動(dòng)減少或增加字母間距，要密切注意調(diào)整后字間距的增加或縮減?？傊痪湓?，別完全信任電腦，多相信自己的經(jīng)驗(yàn)和眼睛。

 

4. “i”字檢測(cè)法

△ 字母“i”檢測(cè)字距

另外還有一個(gè)辦法來衡量字距，就是用小寫字母“i”，但這取決于對(duì)設(shè)計(jì)的敏感度。在一些英文字體中，超過小寫字母“i”的空間會(huì)造成閱讀困難，不過還是那句話，設(shè)計(jì)不像數(shù)學(xué)，沒有標(biāo)準(zhǔn)答案，只有合適與不合適，積累經(jīng)驗(yàn)自然能提高敏銳度。

 

5. 兩種版式設(shè)置風(fēng)格

△ 由于兩端對(duì)齊，導(dǎo)致字距大小不一，雜亂無章

純文本中的字距也需要仔細(xì)檢查，而且排版風(fēng)格起著重要作用。對(duì)于連續(xù)式閱讀，一般有兩種設(shè)置風(fēng)格，一是兩端對(duì)齊，二是居左。兩端對(duì)齊后，不同行的字距會(huì)有所不同，因?yàn)閱卧~會(huì)被拉長(zhǎng)以滿足對(duì)齊要求。字距可能變得過大（如上圖），尤其在行長(zhǎng)過小或者字體過大時(shí)?？梢允褂眠B字符進(jìn)行調(diào)整，以盡可能平衡字體，但是在一段之中最好不要多先過多連字符，一般只有1-2個(gè)。這樣做的優(yōu)點(diǎn)是能很規(guī)矩排一段文字，缺點(diǎn)就是剛說的，字距會(huì)變長(zhǎng)，影響閱讀。

△ 自行斷行，居左后字距一致，閱讀流暢

把文本設(shè)置成居左后，可以保證字距的一致性。這樣設(shè)置的弊端是會(huì)造成行末嚴(yán)重參差不齊。你可以先對(duì)過長(zhǎng)的一行進(jìn)行斷行，然后再對(duì)字距進(jìn)行不斷微調(diào)，這樣做有個(gè)優(yōu)點(diǎn)——可以避免兩端對(duì)齊文本會(huì)出現(xiàn)的問題。很多設(shè)計(jì)師都會(huì)比較喜歡用這種方式。

今天用了一短篇幅來講字距的問題，實(shí)質(zhì)是拋磚引玉，希望設(shè)計(jì)師們不要完全信任軟件，多實(shí)戰(zhàn)，接觸越多的項(xiàng)目，經(jīng)驗(yàn)值高了，自然能提高自己的設(shè)計(jì)出品。