PS用的很溜?但你的設計可能還沒入門!

@設計便利店:有多年經驗的設計師,往往具備一項牛X的技能,叫做“像素眼”。只要有不居中,不對齊,不對稱的地方,我們一眼就能發現。因為電腦的對齊和人的視覺平衡之間經常出現誤差,需要肉眼去調整,這眼力是靠多次實戰經驗累積下來的能力,而這能力,正是現在的人工智能所無法取代的。今天先來說說如何手動調到合適的字距。

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

1. 字距大小調試

PS用的很溜?但你的設計可能還沒入門!

△ 字距不宜過緊或過大

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

2. 避免“孤行”

PS用的很溜?但你的設計可能還沒入門!

△ 避免“孤行”的出現

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

3. 注意字與字的搭配

PS用的很溜?但你的設計可能還沒入門!

△ 大寫字母組合情況復雜多變

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

PS用的很溜?但你的設計可能還沒入門!

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

字母間距調整允許手動減少或增加字母間距,要密切注意調整后字間距的增加或縮減。總之一句話,別完全信任電腦,多相信自己的經驗和眼睛。

4. “i”字檢測法

PS用的很溜?但你的設計可能還沒入門!

△ 字母“i”檢測字距

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

5. 兩種版式設置風格

PS用的很溜?但你的設計可能還沒入門!

PS用的很溜?但你的設計可能還沒入門!

△ 由于兩端對齊,導致字距大小不一,雜亂無章

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

PS用的很溜?但你的設計可能還沒入門!

PS用的很溜?但你的設計可能還沒入門!

PS用的很溜?但你的設計可能還沒入門!

PS用的很溜?但你的設計可能還沒入門!

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

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

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

「專業科班訓練方法」

  1. 《專業科班的方法!設計師在工作中通過哪些方式獲取靈感?》
  2. 《專業科班的方法!設計一個LOGO 的常規思路和流程是怎樣的?》
  3. 《專業訓練方法!如何設計一張高品位高水準的海報?(大量實例)》
  4. 《專業科班方法!平面設計里怎樣提高作品的視覺沖擊力?》
  5. 《專業科班方法!一套完整的中文字體是如何開發出來的?》
  6. 《專業科班方法!寫給視覺設計師的印刷基本知識和技巧》
  7. 《專業科班方法!平面設計中如何把握比例?》

歡迎關注作者的微信公眾號:「設計便利店」

PS用的很溜?但你的設計可能還沒入門!

【優設網 原創文章 投稿郵箱:yuan@uisdc.com】

================明星欄目推薦================

優優教程網 UiiiUiii.com 是優設旗下優質中文教程網站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章,按照我們的專欄一步步學習,一定可以迅速上手并制作出酷炫的視覺效果。

設計導航:國內人氣最高的設計網址導航,設計師必備:http://hao.uisdc.com

收藏 13
點贊

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。