MENU
Newbie Become Elite
layout
菜鳥成為設計師之路
排版篇
排版,就是文字的顏值

文/mao
LAYOUT
排版
與其曖曖內含光
不如光彩奪目的大放異彩
在這個看臉的世界,顏值已然成為時下評斷他人第一印象時重要的指標之一。無法否認,氣質出眾、五官立體的美女總是能輕易的在一開始就吸引大眾的目光,獲得大眾的好感。而排版亦如是,在人才濟濟的時代裡,樸實的文字若少了良好的排版,被細細欣賞的機率也少的一大半。與其曖曖內含光,不如光彩奪目的大放異彩。


不論海報、雜誌、報紙、網路等,任何文字存在的地方,就有排版的必要。良好的排版除了能夠瞬間抓住讀者的目光、讓讀者更有效率的吸收資訊,也能營造氛圍、帶給讀者文字外的感受。本篇文章將介紹四個最基本也是最核心的排版技巧,能夠運用在各種場合中,是菜鳥成為設計師必學的撇步喔!
1
對齊
光是簡單的對齊,就能讓一個版面變得簡潔有力。版面上每筆資訊都不是隨意擺放的,當有一條對齊線,你會發現不管文字怎麼放,看起來都很有系統。每個元素間都似有隱形的線串連起來,不管是向左對齊或是向右對齊,文字們齊頭齊尾的擺放,縮小來看就是個方正的文字塊,整齊有秩序。

初學設計的你,切記「不要置中對齊」!對於常用word的人而言,置中對齊似乎是常見用於標題的對齊方法,為了凸顯標題,你可能也用同樣的方式在其他排版中出現。然而,置中對齊其實是最無法突出重點的排版方式,仔細觀察,你會發現甚少作品是將文字大大的置中放在版面中,通常都會偏左偏右,看起來更有精神。

當然規則下必有反例,有些版面的確採用置中對齊會有意想不到的效果,然而初學者最好還是避免這種方式,你會發現比起置中,靠左或靠又看起來有力多了。下次在排版的時候,不妨挑戰看看不用置中對齊吧!簡單的移動對齊線,輕輕鬆鬆讓你的作品看起來更專業了。
https://tokyo-bleep.tumblr.com/post/141309770756






仔細觀察,每個作品都有隱藏的對齊線


圖片來源:
https://tokyo-bleep.tumblr.com/post/141309770756


對齊後,保持了版面的整潔,也留下大片的空白,這時可別硬找東西胡亂塞入版面中!留白的力量是不容小覷的,空白不但留下了空間讓民眾思考、停頓,也能更加凸顯其他元素的重要、資訊變得更加易讀,適當的留白是學習排版的重要課程之一。
2
群組
版面變得整齊後,將你想提供給讀者的資訊做更系統的整理,把每個相關的元素組成一個群組,讓人一看就明白版面囊括了什麼資訊,並選擇其有興趣的資訊做更為深入的閱讀。欲將版面做出更多層次,可以利用字體、顏色、大小、空白、符號等變化方式,讓每個看似單獨的字眼組成一個共同群體。而大部分的版面為了整潔,通常不會有超過5個以上的群體。
空白
格行空白是最簡單卻不失威力的方式,透過將不同資訊用空白隔開,相似資訊則能聚在一起更加吸引讀者的目光。
顏色
運用同樣的顏色將相同性質的文字綑綁在一起也是不錯的選擇,惟須注意一個版面上的顏色不宜超過5種,過多的顏色會讓讀者失去閱讀的重心,最好能控制在3種以內。切記,對於設計而言,重點永遠不在多,而在於精。
符號
當有許多資訊需要分類時,符號就是十分方便的區隔方式。在重點處加粗、底線,或是在每個小標後面加斜線,都能讓資訊顯得易讀又整齊。
3
對比
將資訊分類後,層次就出來了,接下來善用對比法則更能讓你的重點浮出,使得讀者一眼就看見你想表達的中心思想。運用對比技巧能順利吸引民眾的目光,讓他們先看見你最想表達的重點,接著順著你的引導繼續看下去。對比與群組相似,大概可以分為:字體、顏色、大小等方式,不一樣的是群組是將相似的資訊採用相同的字體、顏色組成群體,而對比是將這些不同群體利用字體、顏色等方式區隔開來。善用這些技巧能讓你的版面更加有層次,一目了然。





字體:
通常最重要的標題會使用與內文不同的字體,顯得特別而吸睛。但要注意的是,一個好的版面設計請避免用超過3種字體,因為過多的字體反而會讓整個版面變得沒有一致性,讓人無法看出到底想強調的區塊在哪裡。

此外,再搭配不同字體的時候也須注意兩者風格是否相符、字的粗細大小、字距行距看起來是否和諧等問題。
大小:
主標、副標等為了與內文分隔開,大多都會加大凸顯重要。許多剛接觸設計的人會認為「越大越好」,凡是遇到標題就要「放大、放大、再放大」,然而並不是越大就越有用,要領在於「有大有小」。如果整篇文章全部都是100pt,你也看不出任何重點;反之,若文章大標放大,副標稍微放大,內文不變,整篇文章的層次對比就出來了。有了對比,民眾看到清楚的標題後,若對此有興趣,便會繼續閱讀字型較小的內文。
顏色:
顏色的對比則可以用色環搭配出各種風格的色彩,對於剛接觸色彩學的人,推薦這個網站給大家,裡面有用色環搭配出的各種色彩讓你做選擇,你可以選具有高反差的互補色(Complementary)、不易出錯卻具強烈對比的分散互補色(Split-Complement)、舒適相合的近似色(Analogous)、活潑協調的三角對立色(Split-Complement)、多樣又平衡的方形色(Square),各種方式搭配出的顏色都具不同的風格,不過每種方式都需注意色彩的平衡。此外,還有簡易的冷、暖色調的對比法,冷色調會有縮小、倒退的感覺,適合用於背景;而暖色則有膨脹、突出地效果,適合用在標題。
4
重複
重複是讓一本雜誌顯得有系統、一份海報能突出重點的關鍵技巧,將重要的資訊不斷重複出現,不僅能讓讀者一眼就辨識出重點,更能讓他們留下深刻的印象。通常海報等文宣品,即會將LOGO重複出現,讓民眾快速記得企業的標誌;雜誌亦是如此,同樣的元素在每篇文章排版時出現在各個角落:頁碼、標題、圖片等,這些小細節都是雜誌之所以不同於文章合輯的關鍵因素。當然,同一張圖不斷出現也會造成視覺疲勞,這時應該採用「多樣性統一」,也就是將想強調的元素稍加做一些變化後,再重複使用,這樣不僅能達到重複的效果,也能讓讀者有更多不一樣的體會。


縱使這些排版技巧能夠讓原本的文字變得吸引人,別忘記,與美觀相比,重要的永遠是內容。若是文字不精,再漂亮的排版也只是淪為華而不實罷了。所以,在排版時除了善用這些技巧外,保持文字的易讀性更是首要原則。

下篇《菜鳥成為設計師之路》系列,將帶你一起精進文字功夫,讓你的作品有外表也有內在!敬請期待8/17(四)的文字篇!
Made on
Tilda