學會這些排版技巧, 給你的設計加分

文字的排列要遵循規律

人類在閱讀文字時的基本規則是從上到下、從左到右的。文案的排版應盡量遵從這一規則除特殊版式之外,儘可能減少參差不齊或右對齊排列,大部分情況下,還是使用左對齊或居中對齊是最為合適的選擇。

而當沿著某一版塊或素材的左側排列文字的時候我們使用右對齊會比左對齊和居中對齊要有更好的表達效果,但一定要記住這是特例。

我在通過一個小例子來更加明確關於左右對齊的操作。

這裡有人會問,這兩個圖左右都是不規則的,為什麼第一個就不舒服第二個就沒事,這裡要

考慮的就是我前面提到的視覺點,從正常從左到右的閱讀順序,第一張是視覺的【入口處】就開

始不齊,是一開始就有的生硬的視覺干擾,而第二張是視覺【出口處】末端不齊,出口的部分是

緩和的部分,是可以減少視覺的硬性干擾的。我們拋去美觀、版式等問題不看,單從閱讀的流暢

性和合理性來說,也是左對齊比右對齊要好的很多的。

明確主、副標題及描述

文字排版應用的核心是對比,而對誰做對比,怎麼對比,為什麼要對比是很都設計師都做不

好的點。主、副標題及描述部分從直觀的外形上可以通過粗細、大小、顏色來區分,而最常用的

特點對於主標題一—大、粗、醒目;副標題——可以與主標題同一字體、略粗、略大、較規整

描述——常伴有形狀搭配來划出分隔,利於閱讀,較細、較小(有些文案沒有描述或副標題時,

可彼此借見綜合使用。)另外在字體的選擇上盡量不要使用識別度較低,特型異型的字體

主標題的應用

一般情況下,我們都是以主標題的長度為一個文字排版的左右寬幅,而如果主標題過長會導

致我們的視覺點被拉長,文字如果都以主標題為基準去排列會顯得臃腫,不按主標題去排列,主

標題和其他文字之間會有很明顯的斷檔,所以一般情況下,當主標題超過8個字的時候我們可以選

擇性的分段

很多朋友願意在文字排版的開頭使用你整體文案中最大或最粗的文字,其實有時候這種版式

會讓畫面頭重腳輕,有很強的壓迫感,文字排版的摸索階段,還是多以副標題或縮小了的主標題

作為開頭比較合理。

主標題字數略少時可以單獨以主標題的每一個字做為一個圖層的方式,通過大小變化、粗細

變化、旋轉、疊加、排列等方式靈活運用主標題,必要時可附帶特效。

行距與間距

行距與間距的把握是文字排版中最為點睛的一環,如果控制得好,整個文案都會很和諧,如

果控制不好即便上邊提到的幾個技巧都做的完善也會感覺整體非常不舒服。距離的把空中我們

定要慎重考慮承重是否合理,直白的說就是你下方的文案能否撐得住上方的文案,而這個撐的含

義就是通過行距與間距去展現的

上圖為例,我們說說行距,上圖的文字整體行距是比較保守的同距型,這種方式比隨意的擺

放要合理一些,但是整個文案部分看起來較為死板獃滯

我們可以拉開文案間的行距,較為合理的承重行距是上窄下寬,寬度可以幫你去支撐畫面但是注意,這個時候我們要把同一範圍的文案看做一個整體,當做一個分塊,但不要讓這種整體在一個畫面里出來太多,版塊分的太多文案就會散亂,視覺也不易集中,一般情況下兩塊即可不過這個整體中的文案之間可以做一些小浮動性的行距的處理。

紅框部分為一個整體,注意上邊提到過,就算是整體,其中的行距也可以做一些小的浮動變化,尤其是文案較多的時候不要讓你的文字看著死板。然後整個文案很明確的分為兩部分,紅色部分,點擊領取一部分,通過兩個部分的行距拉大來增加承重,但這種行距的拉大不要做的太過,盡量讓他們集中在一個視野的範圍

間距一般來說使用默認距離是不會出現太大的問題的,足夠應付很多的場合,但是有的時候我們是需要通過間距拉伸來達到某些目的,比如下圖中「精品台釣竿」與整體文案相比較文字部分相對薄弱,我們就可以使用文字間距拉伸的方式讓它有更好的表現效果,不過我們要注意文字間距的人為拉伸盡量不要讓拉開的距離超過當前一個字體大小的一半,那樣文字就會散亂。

再延伸到一個問題,很多朋友都很喜歡用英文儆些裝飾效果或者翻譯,這種情況我們盡量使用大寫字母而不要使用小寫,小寫文字有高有低,一行下去很不規整,凹凸不平,很容易干擾視覺,而大寫高度相同就會減少這種視覺上的衝突

這是特例。

感謝你的閱讀

還有什麼實用技巧,可以在下方進行評論! 我會一一進行整理,然後繼續更新。

更多往期內容,可以翻看我以前發的文章,希望對大家有用!

我怕找不到了,怎麼辦

先收藏,如果收藏完還怕忘記放哪的,可以轉發去自己手機上保存,這樣子就能方便查閱了。


推薦閱讀:

會ps的大神進來看看這圖怎麼弄?
自學初級photoshop用什麼軟體或者說我去哪裡搜教程好點?
Photoshop 除了做海報、修照片外,還可以怎麼玩?

TAG:Ps教程 | PhotoShop入门 | Photoshop使用技巧 |