PS用的很溜?但你的設計可能還沒有真正達到厲害的境地

分類:實用技巧 時間:2017-09-16

有多年經驗的設計師,往往具備一項牛X的技能,叫做“像素眼”。只要有不居中,不對齊,不對稱的地方,我們一眼就能發現。

看完文章覺得自己能力還不足想要更多的UI設計學習交流的都可以加一下我的學習交流群,平常會給大家分享一下UI設計的教程和一些文章,希望能幫助大家更好的學習UI設計,也能讓大家認識UI設計,不在局限於ps的一些小技巧。

群:514985251,

因為電腦的對齊和人的視覺平衡之間經常出現誤差,需要肉眼去調整,這眼力是靠多次實戰經驗累積下來的能力,而這能力,正是現在的人工智能所無法取代的。今天先來說說如何手動調到合適的字距。

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

1. 字距大小調試

△ 字距不宜過緊或過大

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

2. 避免“孤行”

△ 避免“孤行”的出現

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

3. 註意字與字的搭配

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

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

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

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

4. “i”字檢測法

△ 字母“i”檢測字距

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

5. 兩種版式設置風格

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

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

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

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

希望設計師們不要完全信任軟件,多實戰,接觸越多的項目,經驗值高了,自然能提高自己的設計出品。

下面這個是一個平常會更新UI設計幹貨文章和教程的 微信公眾號 ,只要關註輸入:“夢夢”就可以領取一整套UI設計的軟件資源和字體地址,所以需要多學習的都去關註一下公眾號去領取資源,平常也可以多看看設計文章增加自己的見識。


Tags: 設計師 電腦 設計 調整 設置 行距

文章來源:


ads
ads

相關文章
ads

相關文章

ad