美感字體排版歌!日本「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

總覺得車站圖標雜亂不一致、不易辨別?全新「公共圖標系統」除了開源免費,還融入性別中性設計

總覺得車站圖標不一致、不易辨別?全新「公共圖標系統」除了開源免費,還融入性別中性設計

大至機場、台鐵車站指標,小至餐廳內的廁所標示,你是否也覺得生活中的圖標雜亂而不一致?台灣設計研究院近期推出「公共圖標開源計畫」,與交通部、衛福部、國土管理署、資源循環署攜手合作,並邀請到日本公共圖標設計師赤瀨達三擔任總顧問,經過一年多的密集研究和設計,釋出8種使用場域、近300個開源圖標,無論公部門、私部門都可免費下載使用。

公共圖標開源計畫提出近300個公共圖標開源檔案供各界參考使用
台灣設計研究院近期推出「公共圖標開源計畫」(圖片提供:台灣設計研究院)

為什麼需要更新公共圖標?

一個好辨別、資訊清晰的圖標,能夠取代文字,達到跨語言的溝通。經過設研院調查,發現台灣現有的公共圖標經常缺乏整體性,由不同主管機關管理,沒有一致性的樣貌;另外,公共圖標在取得或應用上也十分不易,部分有檔案、部分僅有圖例,造成使用單位不便。

本次公共圖標的改造計畫參考國際ISO與日本JIS標準,以通用性、一致性、簡單性、識認性作為設計原則,並加入人本思維、新興科技,與近年社交防疫的發展需求。

台灣公共場域中應用圖標現況
大至機場、台鐵車站指標,小至餐廳內的廁所標示,生活中現行的圖標經常雜亂而不一致(圖片提供:台灣設計研究院)

8大類型、近300個圖標

這套全新的公共圖標系統,目前已上架為開源檔案,並附有說明書,提供公、私部門自由應用。整個系統包含公共設施、交通設施、旅遊與觀光、體育活動與設施、商業設施、公共行為與指示、安全及無障礙等八大類型,近300個常見的圖標,未來也將持續依需求更新。

公共圖標開源計畫包含八大類型之公共圖標
這套全新的公共圖標系統具備8大類型、近300個圖標(圖片提供:台灣設計研究院)

公共圖標使用說明書_1
公共圖標系統目前已上架為開源檔案,並附有說明書提供公、私部門自由應用(圖片提供:台灣設計研究院)

公共圖標使用說明書_2
說明書內有使用建議與規範(圖片提供:台灣設計研究院)

體現多元身份的人形輪廓

公共圖標中有許多人形示意圖,但過往的圖標通常只有男、女二元性別,這次改造計畫便推出不凸顯性別特徵、呈現著衣後自然肢體輪廓的「基本人形」;針對女性人形,則弱化其腰部線條,減少對於女性身體的刻板描繪。另外,在無障礙圖標的部分,也試圖取代舊有的被動、機械化感,賦予更人性化、動態的形象。

為確保改造後的公共圖標具備容易辨識、理解直覺、跨越語言的溝通目的,設研院共邀集了245名使用者,包括各年齡層、不同性別、身障人士及外語人士等,針對新圖標的理解度、視認性進行測試與驗證。

公共圖標開源手稿由總顧問赤瀨達三老師提供,呈現中性、不突顯性別特徵
公共圖標開源手稿由總顧問赤瀨達三老師提供,輪廓上不突顯性別特徵(圖片提供:台灣設計研究院)

公共圖標開源計畫提出基本人形、男、女三樣態人形圖標
公共圖標開源計畫提出基本人形、男、女三樣態人形圖標(圖片提供:台灣設計研究院)

公共圖標開源,左起:1968年圖標、國際標準(ISO)2007年更新之圖標、本計畫提出圖標
左起:1968年圖標、國際標準(ISO)2007年更新之圖標、本次計畫提出圖標(圖片提供:台灣設計研究院)

 

台灣公共圖標開源檔案及使用說明書 索取連結

資料提供|台灣設計研究院

延伸閱讀

RECOMMEND

Pantone 2024代表色「Peach Fuzz柔和桃」應用靈感!低調感性色調,打造寧靜舒緩的同理環境

Pantone 2024代表色「柔和桃」應用靈感!低調感性蜜桃色調,打造寧靜舒緩的生活風格

處於快速發展、隨時都在變化的當代社會,人與人的溫暖陪伴,以及彼此給予的安全感更顯重要。為強調關懷、分享與同理的精神,PANTONE彩通選出色號13-1023「Peach Fuzz柔和桃」作為2024年度代表色,低調、寧靜又充滿感性氣息,在不同領域也都能輕易運用。

PANTONE彩通選出色號13-1023「Peach Fuzz(柔和桃)」作為2024年度代表色(圖片來源:Pantone)
PANTONE彩通選出色號13-1023「Peach Fuzz(柔和桃)」作為2024年度代表色(圖片來源:Pantone)
「Peach Fuzz(柔和桃)」是低調寧靜又充滿感性的色調(圖片來源:Pantone)
「Peach Fuzz(柔和桃)」是低調寧靜又充滿感性的色調(圖片來源:Pantone)

延伸歲月靜好的想像

生活各方面處於動盪不安的現在,人們對照顧、同理心和關懷的需求與日俱增,象徵著舒適感、含蓄又不失感性的「柔和桃」創造寧靜氛圍與提供身心健康的空間,引發大家彼此關懷、互助分享。感性之餘,PANTONE「柔和桃」也透露著嶄新形式的現代感。低調細緻、蘊藏深度的蜜桃色,柔和的輕盈感散發出不受拘束的美感氛圍。

「柔和桃」創造寧靜氛圍與提供身心健康的空間(圖片來源:Pantone)
「柔和桃」創造寧靜氛圍與提供身心健康的空間(圖片來源:Pantone)
感性之餘,「柔和桃」也透露著嶄新形式的現代感。低調細緻、蘊藏深度的蜜桃色,柔和的輕盈感散發出不受拘束的美感氛圍(圖片來源:Pantone)
感性之餘,「柔和桃」也透露著嶄新形式的現代感。低調細緻、蘊藏深度的蜜桃色,柔和的輕盈感散發出不受拘束的美感氛圍(圖片來源:Pantone)

PANTONE「柔和桃」應用靈感

PANTONE「柔和桃」在不同領域都能廣泛應用,例如在服裝與時尚配件上,「柔和桃」呈現滋潤的蜜桃色調,透過麂皮、天鵝絨、絎縫、絨毛材質呈現,在觸覺上技舒緩又柔軟,喚醒人們對溫暖包覆感的各種感官體驗。「柔和桃」也十分適合用於美髮、美妝。輕盈的蜜桃色調融入在各種髮色中,能增添飄逸、光亮的效果,營造自然的玫瑰色光澤;在妝容上,「柔和桃」則為眼妝、唇彩和雙頰增添柔和的暖色調,搭配大地色系更充滿清新活力,看起來更顯氣色。

在妝容上,「柔和桃」為眼妝、唇彩和雙頰增添柔和的暖色調,搭配大地色系更充滿清新活力,看起來更顯氣色(圖片來源:Pantone)
在妝容上,「柔和桃」為眼妝、唇彩和雙頰增添柔和的暖色調,搭配大地色系更充滿清新活力,看起來更顯氣色(圖片來源:Pantone)
PANTONE 2024代表色「柔和桃」周邊商品(圖片來源:Pantone)
PANTONE 2024代表色「柔和桃」周邊商品(圖片來源:Pantone)
PANTONE 2024代表色「柔和桃」(圖片來源:Pantone)
PANTONE 2024代表色「柔和桃」(圖片來源:Pantone)

若想在家居室內打造溫馨感,「柔和桃」也是絕佳選擇。暖心的蜜桃色調無論是出現在油漆牆面、家居裝潢,還是成為圖案中的點綴,都予人寧靜、豐富身心的感受,為空間注入療癒氣息。PANTONE「柔和桃」既散發復古調性,又重新營造現代風情,在視覺上能呈現舒適手感,拉近距離感,在餐飲的應用上也展現出迷人風采,令人聯想到甜美細緻的滋味與香氣。

若想在家居室內打造溫馨感,「柔和桃」也是絕佳選擇(圖片來源:Pantone)
若想在家居室內打造溫馨感,「柔和桃」也是絕佳選擇(圖片來源:Pantone)
PANTONE「柔和桃」既散發復古調性,又重新營造現代風情,在視覺上能呈現舒適手感,拉近距離感(圖片來源:Pantone)
PANTONE「柔和桃」既散發復古調性,又重新營造現代風情,在視覺上能呈現舒適手感,拉近距離感(圖片來源:Pantone)

盤點PANTONE「柔和桃」聯名系列

在宣布2024代表色的同時,PANTONE也公開了「柔和桃」與各個合作品牌的限定產品。其中,Motorola就為自家熱門機型「razr+/40 ultra」和新推出的「edge 40 neo」打造「柔和桃」特別色版本限定販售;美妝品牌Shades By Shan長期透過旗下的非營利組織「The Mamaberries Foundation」協助弱勢單親家長,本次也以大膽明亮卻柔和細緻的蜜桃色調推出全新產品「The Lip Shine」。

美妝品牌Shades By Shan推出的Pantone 2024年度代表色「柔和桃」聯名系列商品(圖片來源:Pantone)
美妝品牌Shades By Shan推出的Pantone 2024年度代表色「柔和桃」聯名系列商品(圖片來源:Pantone)

家居設計品牌Ruggable也與PANTONE合作推出限量版膠囊系列,以一系列現代感十足的當代波西米亞風格,設計室內地毯、地墊等新品,將溫暖舒適的「柔和桃」帶入家中;圖紋印花設計專家Spoonflower則推出三位獨立藝術家以「柔和桃」創作的全新設計,將其製作成壁紙、布料等室內裝飾提供選購。

Ruggable推出的Pantone 2024年度代表色「柔和桃」聯名系列商品(圖片來源:Pantone)
Ruggable推出的Pantone 2024年度代表色「柔和桃」聯名系列商品(圖片來源:Pantone)
Spoonflower推出的Pantone 2024年度代表色「柔和桃」聯名系列商品(圖片來源:Pantone)
Spoonflower推出的Pantone 2024年度代表色「柔和桃」聯名系列商品(圖片來源:Pantone)

資料來源|Pantone

延伸閱讀

RECOMMEND