日本電視台 NHK《Layout song》排版之歌的 4 個字型排版重點
為什麼日本的設計都那麼好看? 看了排版之歌《Layout song》會發現日本人從小就吃很好啊🤭
來自日本電視台 NHK 的《Design Ah!》是一個培養孩子對設計有基礎認知的教育節目。每集都有簡短的 MV 動畫,介紹設計是如何被應用的~這首《Layout song》就是用輕鬆愉悅的方式,舉例日常生活中的指標、看板等,來講解「字型排版」的重要性,包括空間留白、資訊對齊、放大重點等。
用一首歌教排版美學:日本 NHK 的 《Layout Song》🎶
在設計世界裡,「排版」往往是既基礎卻又容易被忽略的部分。日本 NHK 的教育節目 《Design Ah!》 就用一首輕快的歌曲——《Layout Song》(ならべうた)》,將四個核心排版原則,以簡明易懂、甚至洗腦的方式傳達給觀眾。
這樣的做法,突破了設計教學常見「理論+範例」的形式,而是透過聽覺與視覺雙重刺激,把排版觀念融入日常語境,讓設計不只是知識,而更像直覺與感受。

《Layout Song》傳達的 4 大排版法則
1. 對齊(Alignment)
把文字、標題、段落、圖像拿來對齊;統一的對齊方式,能讓整體視覺更穩定、有秩序,不至於「到處亂跑」。


2. 放大重點(Emphasis / Scale)
字體大小、粗細、顏色、字型要有差異對比,這能幫助重點凸顯、等級區分。
在同一畫面中,不要所有字都一樣大小;讓最重要的標題或資訊突出、容易被識別。透過尺寸、粗細或色彩強化資訊層級。


3. 分隔(Separation / Grouping)
利用線條、邊框、陰影、或留空,區分段落、清單、說明文字等,把不同層級/類別的內容分開,以利讀者辨識。
適當的邊距、行距與段距,能讓畫面「呼吸」,擁擠只會讓人眼花撩亂。


4. 留白(Whitespace / Negative Space)
在元素間留出呼吸空間,不要過度擁擠。
字與字之間、圖與文字之間、段落之間都要有適當距離,讓整體視覺更舒適。


這部《Layout song》影片由野村律子 Ritsuko Nomura 製作,身兼影像導演 / 創意總監 / 動態圖像設計師的她,與《Design Ah!》節目有過多次合作。➡️ ならべうた
今年很多人去逛展並跟著投影畫面一起晃動的「デザインあ展neo」就是由這個《啊!設計》節目概念在東京虎之門之丘舉辦的噢!最近 Reels 上流行的晃動手指互動影片也是從這邊來的,只能說設計的影響力真的非常大呢!
結語:設計,從感受與原則共舞的過程
排版不是冷冰冰的規範,而是視覺與內容、空間與呼吸之間的協調。
《Layout Song》以一首歌,把設計的骨幹——對齊、放大、分隔、留白——變得可「聽」可「看」。這提醒我們:專業設計,既需要理論與原則,更要有人的感知與感受。
當我們下次在做網頁設計、簡報頁面、海報或視覺內容設計時,不妨在心裡哼一哼那首歌,讓排列與空間互相對話。設計,應該是讓人舒服、讓人有方向的體驗,而不只是華而不實的裝飾。