12314.pic.jpg

首先,我們來定義什麼叫做排版?排版是一種運用在編輯文字上的視覺藝術,維基百科上將排版定義為“在固定版面內,排版擺置各種不同型態的資料,如數字文字、表格、圖形和影像等等,以最合適的方法呈現。”而在網頁、電子報、作業系統中的排版則稱為UI (User Interface,簡稱 UI,亦稱使用者界面) 。

 

在數位化時代以前,排版只限於設計印刷書籍、雜誌和廣告和一些傳播紙本、傳單等,這是一門極具專業手藝的行業。現今社會上,道路標誌、廣告招牌和產品包裝等,就是我們日常生活中隨處可見的排版印刷。

2typography-image_t-560x296.jpg 當網路出現後,網頁便成為一種快速、大量的圖形傳播處,當然排版設計也呈現幾千種不同的面貌出現在我們的網頁中。這是一個全新的世代,因為在歷史上,未曾出現這樣豐富、具視覺多樣性的排版設計。

不論在電腦上設計海報、書籍、網頁、EDM排版,設計師有無數字體可以選擇、調整、配套,還可以快速地將作品發佈在網路媒體上,分享他的的成果。

 

成為一個優秀的排版設計師所面臨的挑戰 | 

The challenge of being a good typographer

font-personalities-cheat-sheet2-560x420.jpg

 

可惜的是,這些無數的字體提供設計師們選擇,並未帶來實質上的幫助,反倒是有太多選擇讓設計師們無所適從。當然,能夠選出好的字體,並且將他們配在一塊兒,也是需要透過訓練的。其實排版設計需要有一點藝術鑑賞的敏感度,還需要知道一些基本的法則,然而,這些都是可以學習的,多觀看設計藝術作品,淺移默化中可以累積能量、提升技能。

 

我去哪裡增長設計、藝術見聞?Follow Me on Pintreset

Visit Yu-Ting's profile on Pinterest.

 

點選下方infographic 探索適合你作品的字體:

fonts31-560x403.png

 

 

「排版設計」該有的基本元素 | Basic elements of typographical design

anatomy-diag-560x282.jpg

  1. legibility(易讀性)

字體上的選擇,取決于你的品味以及審美觀,還有他們傳達給你的感覺,當然某部分還關聯到「易讀性」指的是當你在讀這些字時,彼此字母間的識別度、影響度高不高(想了解更多可參考Justfont文章。關於「legibility(易讀性)」跟「readability(可讀性)」差異請參考Type is Beautiful文章)。

 

有一些字體已經經過了幾百年的歷練,被普遍大眾視為常見的、好的字樣。像是“serif,” “sans-serif,” “monospaced” 還有 “cursive.” ,這些都是在排版上被認為較傳統的字體,但像rather unsettling alphabet 這種用 ”人“(笑!這個有趣) 來表現的字體,對於藝術家或是一個排版設計師可就不一定了,即便它可能超級難讀,但它富有藝術價值!(在這裡要先聲明,如果你是設計路牌的或是緊急逃生指標的字體排版設計師,本篇文章很明顯的不適合你。)。

type2c1.jpg

  1. Readability(可讀性) 

接下來,我們還要提到「可讀性」,這適用於字母間的的相互關係,以及對顏色、文字和背景之間的相互作用。如果你設計了一個漂亮的字體,但你把畫面設定為黃色背景配灰色字母,我的老天!沒有人可以讀它好嗎?

「字首」跟內文之間的間隔也會影響「可讀性」,然而這些間隔最好是字體的1.25 或1.5倍。一個設計良好的字體通常可以“調整字距”,意思就是說,你可以改變字母間的大小來符合你的設計。

BHelvetica.gif

 

  1. 文字與網頁間的關係

排版設計必須設想在頁面裡如何安排圖片位置、文字區塊、行數等等。太多行或是一行太多字數,往往會使讀者失去興趣,就像是一間小房間擠滿了傢俱跟衣物一樣,讓你感到心煩意亂,想趕快離開。加上現在智慧型裝置的普遍,設計師必須一再地重複思考、檢視您設計的字體是否用得合宜。將標題加大有助於讀者對文章結構以及內容的了解,所以在網路寫文章時,也要注意你的分段,還有清楚的拉出標題。此外,圖片跟文字間也是一門學問,數據指出,網路上隨機的瀏覽者,會比較容易停留在圖文並茂的文章上。圖片周圍圍繞文字,則有兩種反應,可能會是很自然的呈現,也有可能是尷尬搶鏡到不行,所以這都靠設計師的巧手來整合它。

 

  1. 設計感 vs 實用性(設計師 vs 老闆)

不得不說,設計師永遠要在這兩者上面找到平衡。一個網頁設計師可能會購買一個像是下方圖片的字體,來製作LOGO或是Banner,但如果把這種字體用在報紙或是新聞上,可能費盡眼力也看不下去,搞得眼花繚亂。現在有越來越多的字體設計師、排版設計師、平面設計師,一同致力于「易讀性」上的研究,並把它具體地表現在創作之中。記得幾年前出現超多花俏字體時,無名小站或是網站上,常常出現那種超可愛,但花俏到讀不出來的文章,小編我當時可就堅守「簡單」運用了Time New Roman ,中文運用黑體、明體,現在已經有許多中文的網站再加強網頁字體上的整合了,而且也開始有優化網站UI(User interface)的趨勢,小編也還在美國學習中,希望有朝一日成為亞太區不錯的UI設計師。

charcuterie-engraved2-f-560x374.jpg

下一章,我們將帶你了解排版設計上的一些基本法則跟類型。

下一章:了解「排版設計」基本規則和類型

Login

Lost your password?