美感字體排版歌!日本「Layout song」教你4大排版美學技巧

簡單又美觀的字體排版方法!日本NHK可愛《Layout song》教你留空等4大排版技巧

日本電視台 NHK 教育電視節目《Design Ah!》,是一個培養孩子對設計有基礎認知的節目。而在每一集都有簡短的動畫 MV ,去介紹設計如何被應用。節目釋出的《Layout song》便是用輕鬆愉悅的方式、舉例日常生活中的海報、招牌等,來講解「字體排版」的重要性,現在讓我們一起來看看吧!

Layout song / ならべうた from Ritsuko Nomura on Vimeo.


1. 對齊

第一個類別就是「對齊」。生活中有很多傳遞重要資訊的海報、文書或是資料夾,若沒有整齊對好,看起來就會很雜、很凌亂;對於閱讀者來說可能會造成混淆,不確定要從哪邊開始讀起、從何找起重要的東西。

像是以下這張海報,從原來的置中到靠左對齊,是不是在閱讀的時候就能輕鬆地從左到右看起;而另一個例子原本雜亂無章的電腦桌面,當上下左右都最齊整理後,瞬間變得清爽了。

Layout song


2. 放大

第二個類別就是「放大」。這個技巧,可以讓一個畫面裡的重點被強調、放大,不同資訊之間有主從、階層之別,更重要的是使整體有層次感,不是全部都一樣大小。

例如地鐵站的出口標示,若「出口 1」、「↑」、「Exit」三個傳遞資訊的內容都同等大小,可能乍看會直接忽略這個重要的資訊,若將指標的箭頭與幾號出口放大,這樣從遠方也能一目瞭然數字與方位。

Layout song2

3. 分開

第三個是「分開」。許多人一定有製作 Excel 表格的經驗,而如果你將所有資訊都擠在一起、一股腦的全部條列式的排下來,想必誰也看不懂其中的資訊與數字吧?所以,將不同類別的資訊分開,讓彼此有區別就能讓人賞心悅目了!

像是影片中舉例的發片,原本品項跟價格、總計的金額通通擠在一起,看了心揪一團鬱悶到不行之外,可能還會不小心算錯!所以在將物品的名稱跟金額的距離拉開後,是不是非常的清楚呢?

Layout song3

4. 留空

最後一個技巧,則是所謂的「留白」。如果很多文字或是所有資訊都擠在一起,相對在閱讀及視覺上就會造成很大的壓迫,因此留些許空隙、增加排版的「呼吸空間」,是非常重要的!

假若你拿到一本書如下圖上方那樣,你肯定讀了一行就放棄,因為實在太擠了。所以適當的留白,字與字、圖與圖之間的空間多一些,相對就能使人閱讀起來舒適,不會看到呼吸不暢!

Layout song4

《Layout song》用如此輕快可愛的洗腦曲調、搭配日常中的例子,嘗試展現給大眾「美學」是多麽重要的事!現在聽完、看完這首歌之後,你是不是對於排版有了基礎的概念了呢?往後在生活中,也要記得運用這些小技巧,讓生活裡充滿著美麗噢! 

本文由 FliPER 授權轉載,未經同意請勿任意引用

延伸閱讀

RECOMMEND

一本「需要泡水才能閱讀」的書:克服挑戰的創新設計,向世界呼籲水資源短缺造成的教育危機

一本「需要泡水才能閱讀」的書:克服挑戰的創新設計,向世界呼籲水資源短缺造成的教育危機

一般紙本書最怕水,一旦浸濕,紙張就會捲曲變形,墨水也容易模糊成一片。但這本《缺水的書》反其道而行,不只鼓勵你潑水,甚至只有在紙張濕潤時,文字才會浮現。

由非營利組織Water for People發起的「Dehydrating Book」(缺水的書)計畫,攜手創意溝通機構愛德曼,以及印刷工作室The Gas Company,設計並製作了130本《缺水的書》,期望喚起人們對水資源短缺議題的關注。

一本「需要泡水才能閱讀」的書:克服挑戰的創新設計,向世界呼籲水資源短缺造成的教育危機
Dehydrating Book(圖片來源:Water for People)

水資源即教育資源

根據聯合國兒童基金會(UNICEF)2021年的研究,全球有超過4.5億兒童因水資源匱乏而影響健康與學習能力,導致專注力下降。Water for People長期致力於改善秘魯及其他地區的水資源與衛生條件,而《缺水的書》更是水資源議題的具象化——當水從書本頁面退去,教育與機會也隨之消失。

一本「需要泡水才能閱讀」的書:克服挑戰的創新設計,向世界呼籲水資源短缺造成的教育危機
(圖片來源:Water for People)
一本「需要泡水才能閱讀」的書:克服挑戰的創新設計,向世界呼籲水資源短缺造成的教育危機
只有在紙張濕潤時,書本的內容才會浮現(圖片來源:Water for People)

突破挑戰的創新印刷方式

《缺水的書》故事靈感來自秘魯Cascas山谷一個村莊的學生,敘述一隻名為Lupita的蜂鳥與動物朋友們共同尋找水源的旅程,並在故事中強調水資源如何影響學習與個人發展。

一本「需要泡水才能閱讀」的書:克服挑戰的創新設計,向世界呼籲水資源短缺造成的教育危機
(圖片來源:The Gas Company)

為了製作這本能夠完全防水的書,令The Gas Company團隊傷透了腦筋。他們嘗試了泰維克、聚酯等材質,但這些材料不是皺縮變形,就是無法讓油墨附著。

最終,團隊選擇Super Yupo合成紙作為書頁並縫製成冊,3毫米厚的壓克力板作為書封,以雷射切割出書本密合的角度,並使用3M防水膠固定封面。至於內頁內容,第一層文字以UV印刷方式固定,再以絲網印刷覆蓋上變色油墨,使其在乾燥時隱藏,遇水時顯現。

一本「需要泡水才能閱讀」的書:克服挑戰的創新設計,向世界呼籲水資源短缺造成的教育危機
以Super Yupo合成紙作為書頁並縫製成冊,搭配3毫米厚的壓克力板作為書封(圖片來源:The Gas Company)

目前,共130本《缺水的書》已完成製作,並透過Water for People的活動贈送給捐款者,呼籲更多人關注刻不容緩的全球水資源危機。

一本「需要泡水才能閱讀」的書:克服挑戰的創新設計,向世界呼籲水資源短缺造成的教育危機
(圖片來源:The Gas Company)

資料來源|Water for PeopleFast Company

延伸閱讀

RECOMMEND

藏著阿爾卑斯山水的瑞士護照:結合視覺敘事與防偽巧思,向世界遞出一本旅行邀請

藏著阿爾卑斯山水的新版瑞士護照:結合視覺敘事性與防偽巧思,向世界遞出一本旅行邀請

設計一本護照需要哪些巧思?由日內瓦創意工作室RETINAA所設計的新版瑞士護照,將防偽UV印刷結合視覺敘事性,在細節中融入瑞士的人文與地景元素,讓這本護照不僅是國家身份的象徵,更成為瑞士人自我認同的一部分。

敘事性的現代感設計

RETINAA認為,即使製作技術先進,各國護照設計往往顯得過時;因此,本次設計的重點在於凸顯瑞士護照的現代感。此外,團隊也運用許多敘事性元素,將安全防偽功能融入其中,讓這本護照成為讓持有者感到信賴、認同與自豪的身份文件。

藏著阿爾卑斯山水的新版瑞士護照:結合視覺敘事性與防偽巧思,向世界遞出一本旅行邀請
(圖片來源:RETINAA)

細節中充滿「瑞士元素」

新版的瑞士護照,細節處處皆結合瑞士人文與自然特色,彰顯這片土地的美好,如同對世界遞出一張旅行邀請函。

▸ 沿著水流展開的世界之旅

設計團隊深入研究瑞士的自然景觀,聚焦塑造該國國土面貌的重要元素——「水」。瑞士被譽為「歐洲的水塔」,擁有豐富的水資源,而水不僅象徵著生命與流動,也能被解讀為互動與交流。於是在這本護照中,設計團隊規劃了一場順著水流展開的想像之旅,從阿爾卑斯山巔沿著河川進入山谷,穿越瑞士的26個州,最終流向世界。

藏著阿爾卑斯山水的新版瑞士護照:結合視覺敘事性與防偽巧思,向世界遞出一本旅行邀請
(圖片來源:RETINAA)
藏著阿爾卑斯山水的新版瑞士護照:結合視覺敘事性與防偽巧思,向世界遞出一本旅行邀請
(圖片來源:RETINAA)

▸ 藝術作品、古地圖都融入其中

在前期的資料搜集過程中,RETINAA進行了深入圖像研究,建立了一個數位圖庫,收錄文藝復興時期的阿爾卑斯山版畫、18世紀的風景畫、礦物學圖譜,以及許多當代設計作品。此外,團隊也特別著迷於瑞士的地圖製作工藝(尤其是製圖師Eduard Imhof的作品),並與瑞士聯邦地形測量局(swisstopo) 合作,取得了極為精細的地理數據,運用於護照內頁設計中。

藏著阿爾卑斯山水的新版瑞士護照:結合視覺敘事性與防偽巧思,向世界遞出一本旅行邀請
(圖片來源:RETINAA)

▸ 隱藏內頁的瑞士地貌

還有許多設計細節隱藏在新版護照中,只有在紫外線(UV)光下才會顯現,像是描繪個州地形的等高線、建築地標、文化遺產與歷史符號。護照封面也採用UV印刷,顯示部分的等高線,如果把數本護照並置排列,就會形成一個完整的瑞士國土。

藏著阿爾卑斯山水的新版瑞士護照:結合視覺敘事性與防偽巧思,向世界遞出一本旅行邀請
(圖片來源:RETINAA)
藏著阿爾卑斯山水的新版瑞士護照:結合視覺敘事性與防偽巧思,向世界遞出一本旅行邀請
(圖片來源:RETINAA)

▸ 延續舊版護照的視覺元素

另一個隱藏的設計細節是,將護照對著光線時,就能注意到瑞士十字的白色區域重疊著一個石英圖案。這個巧思以1985年Fritz Gottschalk和Jenny Leibundgut所設計的舊版瑞士護照為靈感(當年,這顆石英被放置於簽證頁中央),將石英隱藏於紙張內,如同它在大自然中的模樣,讓這份國家身份的象徵延續下去。

藏著阿爾卑斯山水的新版瑞士護照:結合視覺敘事性與防偽巧思,向世界遞出一本旅行邀請
(圖片來源:RETINAA)

在嚴密的防偽需求中開創視覺效果

RETINAA團隊透露,個人資料頁是整本護照中最具挑戰性的部分。由於這一頁包含護照持有者的照片與個人資訊,它必須擁有最高等級的安全防護,並符合國際民航組織的規範。在嚴格的製作規範之下,設計團隊仍然找出了一條創新的呈現方式,讓資料頁與第一頁內頁無縫銜接,創造出垂直介面般的視覺效果。

為了防範偽造,每本護照都含有一個嵌入式晶片,儲存持有者的數位照片、指紋和簽名,並經過加密保護;此外每本護照也都有獨一無二的數位簽名,可供邊境檢查人員以電子方式驗證其真實性。

藏著阿爾卑斯山水的新版瑞士護照:結合視覺敘事性與防偽巧思,向世界遞出一本旅行邀請
(圖片來源:RETINAA)
藏著阿爾卑斯山水的新版瑞士護照:結合視覺敘事性與防偽巧思,向世界遞出一本旅行邀請
(圖片來源:RETINAA)

延伸閱讀

RECOMMEND