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

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

 

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

△ 字距不宜過緊或過大

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

 

2. 避免“孤行”

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

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

 

3. 注意字與字的搭配

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

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

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

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

 

4. “i”字檢測法

△ 字母“i”檢測字距

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

 

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

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

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

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

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

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