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

by FLiPER 2020-05-22

設計 美學 版面設計 版面編排
簡單又美觀的字體排版方法！日本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

【埃及當代設計03】Ahmad Hammoud遊走開羅、巴塞隆納與柏林，以設計映照當下自我

by 張以潔 2026-05-18

La Vie雜誌 Ahmad Hammoud 埃及
【埃及當代設計03】Ahmad Hammoud遊走開羅、巴塞隆納與柏林，以設計映照當下自我

由奇美博物館與大英博物館共同合作的《埃及之王：法老》，無疑是貫穿今年的話題展覽，也引領大眾再次注意到這個神祕國度。不過除了古文明，埃及此時此刻的設計風景是什麼樣貌？La Vie專訪開羅設計工作室40MUSTAQEL，以及設計師Nada Sultan、Ahmad Hammoud，揭開當代埃及設計如何在字體與視覺間探索，又如何承接古老文化。

➣本文選自La Vie 2026／5月號《現在還看書嗎？》，更多精彩內容請點此

許多設計師從小就嶄露興趣，但Ahmad Hammoud會走上這行全屬偶然。他說，高中時有段gap year，對未來要選什麼科系毫無頭緒。在這個時期，他曾到一間廣告與社群媒體代理商工作，沒想到獲得了「你或許會成為一位不錯的設計師，應該考慮攻讀設計」的建議。而他也確實這麼做，進入開羅德國大學修讀平面設計學程。

開羅藝術電影院Zawya Cinema舉辦的Italian Cinema Focus，視覺識別由Ahmad Hammoud操刀。（圖片提供：Ahmad Hammoud）
開羅藝術電影院Zawya Cinema舉辦的Italian Cinema Focus，視覺識別由Ahmad Hammoud操刀。（圖片提供：Ahmad Hammoud）

畢業後，Ahmad的職涯不斷在「任職於代理商」和「獨立設計師」間轉換，在開羅工作8年後，再赴巴賽隆納ELISAVA設計學院攻讀碩士。兩年前完成碩士學業，現在他正於柏林的代理商「INNOCEAN Berlin」擔任藝術總監。

在logo設計上，Ahmad Hammoud偏好運用字體的logotype。圖為他為英國另類舞曲廠牌Method 808設計的logo。（圖片提供：Ahmad Hammoud）
在logo設計上，Ahmad Hammoud偏好運用字體的logotype。圖為他為英國另類舞曲廠牌Method 808設計的logo。（圖片提供：Ahmad Hammoud）
Ahmad Hammoud為開羅音樂製作人Molotof設計logo。（圖片提供：Ahmad Hammoud）
Ahmad Hammoud為開羅音樂製作人Molotof設計logo。（圖片提供：Ahmad Hammoud）

反映實體空間的品牌識別

至今他經手不少藝術與文化類型專案，像是沙烏地阿拉伯第一間藝術電影院「Cinema El Housh」，Ahmad攜手設計夥伴Nora Aly發想整體概念與視覺識別。他說，「El Housh」意指庭院、露台，或房屋內、房與房之間的開放式大型空間，通常是人們聚在一起交流的場所。為呼應電影院的空間特質，他們將品牌的阿拉伯文字型，設計成類似實際空間的結構；並規劃了一組跳脫既定印象的清新色彩，象徵當下展開的新文化探索。

「Cinema El Housh」的視覺識別，將字體設計為類似實際空間的結構。（圖片提供：Ahmad Hammoud）
「Cinema El Housh」的視覺識別，將字體設計為類似實際空間的結構。（圖片提供：Ahmad Hammoud）
「El Housh」意指庭院、露台，或房屋內、房與房之間的開放式大型空間，通常是人們聚在一起交流的場所。（圖片提供：Ahmad Hammoud）
「El Housh」意指庭院、露台，或房屋內、房與房之間的開放式大型空間，通常是人們聚在一起交流的場所。（圖片提供：Ahmad Hammoud）

影展海報的不同切角

Ahmad和Nora的設計組合，也操刀了第12屆Panorama of the European Film視覺識別。面對這個每年於開羅舉辦、放映歐洲獲獎劇情片和紀錄片的活動，他們以「電影是人們的映照，還是人們是電影的映照？」為概念出發，在視覺中大量運用「眼睛」，「彷彿影展也正在看著觀眾，不單只有觀眾在看電影。」

第12屆Panorama of the European Film視覺識別，Ahmad Hammoud和Nora Aly以眼睛隱喻「影展同時也在觀看觀眾」。（圖片提供：Ahmad Hammoud）
第12屆Panorama of the European Film視覺識別，Ahmad Hammoud和Nora Aly以眼睛隱喻「影展同時也在觀看觀眾」。（圖片提供：Ahmad Hammoud）

同樣是影展海報，針對開羅藝術電影院Zawya Cinema舉辦的Italian Cinema Focus，Ahmad選用開放資料的義大利繪畫作品，擷取局部細節並放大；並將古典繪畫中的畫框轉化為設計元素，將電影劇照置於框內，創造不同時空的作品互動。

Italian Cinema Focus視覺識別，選用開放資料的義大利繪畫作品，並放大局部細節。（圖片提供：Ahmad Hammoud）
Italian Cinema Focus視覺識別，選用開放資料的義大利繪畫作品，並放大局部細節。（圖片提供：Ahmad Hammoud）
Italian Cinema Focus活動手冊。（圖片提供：Ahmad Hammoud）
Italian Cinema Focus活動手冊。（圖片提供：Ahmad Hammoud）

從出版和展覽探討「身分」

而他在ELISAVA的碩士論文作品，與出身墨西哥、美墨邊境城市提華納的Mariana I. Solis合作。「來自開羅與提華納的我們，都經歷過身分如何形塑，又如何在某些情況下，限制一個人在世界的移動方式，這也進一步影響了個人的身分與自我認知。」

「In Search of a Haven」刊物、明信片。（圖片提供：Ahmad Hammoud）
「In Search of a Haven」刊物、明信片。（圖片提供：Ahmad Hammoud）

兩人的計畫「In Search of a Haven」為一套新的系統，同時以展覽與出版兩種形式，試圖在物理、數位、前景、記憶4大領域中，以更流動且有機的方式，重新定義何謂當代身分。Ahmad說，計畫同時以展覽與出版兩種形式呈現，展覽偏向空間性與沉浸式體驗；出版物則節奏較為緩慢，完整呈現他們的研究與過程。

「In Search of a Haven」出版物節奏較為緩慢，完整呈現研究與過程。（圖片提供：Ahmad Hammoud）
「In Search of a Haven」出版物節奏較為緩慢，完整呈現研究與過程。（圖片提供：Ahmad Hammoud）

作品其實記錄了每個階段的自己

回首一路走來，Ahmad認為自己的設計總是深受當下影響，包括所在城市、正在聽的音樂、剛看完的電影，或一段最近的對話，「我發現自己的許多作品，某種程度上都帶有鮮明的時間印記，記錄著當時的自己。」這也呼應了他對所謂「埃及風格」的想法，「更重要的是對自身經驗與觀點的誠實，你經歷過什麼？正在回應什麼？又如何理解並詮釋周遭環境？在這樣的過程中，身分與個性才會自然地顯現出來。」

第12屆Panorama of the European Film視覺識別。（圖片提供：Ahmad Hammoud）
第12屆Panorama of the European Film視覺識別。（圖片提供：Ahmad Hammoud）

Ahmad Hammoud私心推！設計迷的開羅必去景點

① Wissa Wassef Arts Center
② Samaklaban Creative Studio
③ Yellowtape Record Story

看更多埃及平面設計：
▻40MUSTAQEL從文化視覺到自出版，探索何謂阿拉伯設計
▻Nada Sultan擁抱音樂、電影與迷因文化，打造混沌色彩世界的極繁主義

埃及設計師Ahmad Hammoud。（圖片提供：Ahmad Hammoud）
埃及設計師Ahmad Hammoud。（圖片提供：Ahmad Hammoud）

Ahmad Hammoud
平面設計師、創意總監，創作橫跨品牌設計、敘事與文化探索。帶著遊走開羅、巴塞隆納與柏林的多元背景，他將設計視為一種質疑身分、挑戰體制，並在美學之內與之外建構敘事的方式。作品曾獲D&AD、ADG Laus，以及100 Best Arabic Posters等獎項肯定。

文｜張以潔　圖片提供｜Ahmad Hammoud

更多精彩內容，請見 La Vie 2026／5月號《現在還看書嗎？》

延伸閱讀

RECOMMEND

【埃及當代設計02】Nada Sultan擁抱音樂、電影與迷因文化，打造混沌色彩世界的極繁主義

by 張以潔 2026-05-18

La Vie雜誌 Nada Sultan 埃及
【埃及當代設計02】Nada Sultan擁抱音樂、電影與迷因文化，打造混沌色彩世界的極繁主義

由奇美博物館與大英博物館共同合作的《埃及之王：法老》，無疑是貫穿今年的話題展覽，也引領大眾再次注意到這個神祕國度。不過除了古文明，埃及此時此刻的設計風景是什麼樣貌？La Vie專訪開羅設計工作室40MUSTAQEL，以及設計師Nada Sultan、Ahmad Hammoud，揭開當代埃及設計如何在字體與視覺間探索，又如何承接古老文化。

➣本文選自La Vie 2026／5月號《現在還看書嗎？》，更多精彩內容請點此

回想小時候，Nada Sultan說自己是喜愛畫畫、沉浸在電腦「小畫家」軟體的孩子，但同時也相當愛說話、敲打鍵盤寫作，「這種『不停表達』與『持續塗畫』的習慣，自然地在後來匯聚，發展成現在的設計職涯。」大學就讀開羅德國大學（German University in Cairo），她一度以為自己會成為「硬派」的家具設計師，還曾對「做一張椅子」有著高度執著。但她逐漸發現，自己喜愛的是「見證想法從概念發展成具體成果的過程」，這也讓她慢慢走向品牌與視覺識別設計的道路。

巴勒斯坦創作歌手Saint Levant〈Deira〉MV片頭字幕的客製字體設計。（圖片提供：Nada Sultan）
巴勒斯坦創作歌手Saint Levant〈Deira〉MV片頭字幕的客製字體設計。（圖片提供：Nada Sultan）
Nada Sultan為〈Deira〉MV設計的字體，也延伸運用到影片裡的客製球衣。（圖片提供：Nada Sultan）
Nada Sultan為〈Deira〉MV設計的字體，也延伸運用到影片裡的客製球衣。（圖片提供：Nada Sultan）

經過廣告公司和精品設計工作室的歷練，從事設計工作超過7年的Nada在最近獨立，正著手創立己的設計工作室「Fantastic!」。「我目前的視覺風格，其實是所有興趣的累積。」在開羅出生和成長的她，自然擁抱一股色彩的混沌感；她也在大學畢業論文裡研究迷因，剖析當代數位視覺傳播產物的重要性。

Nada Sultan的海報創作。（圖片提供：Nada Sultan）
Nada Sultan的海報創作。（圖片提供：Nada Sultan）

阿拉伯創作歌手的視覺幕後

Nada自述相當享受從事音樂、周邊商品、影展相關的設計專案，她曾和創意總監Pedro Damasceno合作，為巴勒斯坦創作歌手Saint Levant操刀《Love Letters》EP裝幀。他們抓住帶有懷舊感的阿拉伯流行樂風、探索愛與身分認同的主題，將裝幀轉譯為簡約卻充滿戀愛氛圍的紅白視覺宇宙；角落的字體設計以模擬手寫樣式、大膽且流動的阿拉伯書法，搭配無襯線英文字體。她透露，設計靈感其實啟發於「通常會由媽媽或阿姨傳來，那種閃亮、愛心造型的WhatsApp貼圖。」

《Love Letters》EP裝幀由Nada Sultan與Michael Lewis合作，字型設計採模擬手寫筆觸的流動感阿拉伯書法，並搭配無襯線字體。（圖片提供：Nada Sultan）
《Love Letters》EP裝幀由Nada Sultan與Michael Lewis合作，字型設計採模擬手寫筆觸的流動感阿拉伯書法，並搭配無襯線字體。（圖片提供：Nada Sultan）
Nada Sultan表示，自己非常享受在為海報標題或專輯名稱打草稿時，那份直覺性的玩心與流暢感。圖為《Love Letters》裝幀視覺系列。（圖片提供：Nada Sultan）
Nada Sultan表示，自己非常享受在為海報標題或專輯名稱打草稿時，那份直覺性的玩心與流暢感。圖為《Love Letters》裝幀視覺系列。（圖片提供：Nada Sultan）

此外，她也攜手創意總監Noor Alazzawi，設計埃及創作歌手Wegz〈Ana〉單曲封面。這張封面有趣在於，Wegz邀來埃及傳奇肚皮舞者暨演員Fifi Abdou 拍攝，「我沒有預期會在同一個作品中，遇到兩位埃及流行文化代表人物。」她說，Noor Alazzawi的概念是希望字體能以戲劇化的形式，環繞在 Fifi 周圍，彷彿讓人「聽見」她說出這個詞，再融合Wegz的銳利形象，將字體做出 3D 鍍鉻的金屬字效果。

Wegz〈Ana〉單曲封面由Nada Sultan與Noor Alazzawi合作，不斷嘗試「Ana」3個阿拉伯文字母的視覺可能性，讓字體以戲劇化的方式環繞Fifi Abdou。（圖片提供：Nada Sultan）
Wegz〈Ana〉單曲封面由Nada Sultan與Noor Alazzawi合作，不斷嘗試「Ana」3個阿拉伯文字母的視覺可能性，讓字體以戲劇化的方式環繞Fifi Abdou。（圖片提供：Nada Sultan）

黑白與彩色的海報轉譯

阿拉伯電影週（Arab Cinema Week）也多次與Nada合作。第3屆海報首次以黑白示人，Nada從阿拉伯地圖學、星盤，和帶有銘文裝飾的陶器紋樣汲取造型靈感，打造出一種單色視覺物件，傳遞「世界正在崩壞，但永遠無法擊垮我們」的訊息。

第3屆Arab Cinema Week海報，透過鍍鉻質感的單色視覺物件，傳遞在時間流動中的堅韌意象。（圖片提供：Nada Sultan）
第3屆Arab Cinema Week海報，透過鍍鉻質感的單色視覺物件，傳遞在時間流動中的堅韌意象。（圖片提供：Nada Sultan）

第4屆海報的核心概念則為「土地知道它屬於誰」，她將母土比喻為一種頑強的花卉生物，視覺靈感來自植物學手繪圖，並期望呈現出超現實主義繪畫的氣息。

第4屆Arab Cinema Week海報，將「母土」比喻為一種頑強的花卉生物；動態設計則與Osman Setto合作，打造催眠般的影像。（圖片提供：Nada Sultan）
第4屆Arab Cinema Week海報，將「母土」比喻為一種頑強的花卉生物；動態設計則與Osman Setto合作，打造催眠般的影像。（圖片提供：Nada Sultan）

純創作的解放感

2025年Nada受《Crack Magazine》邀請繪製跨頁海報，在被賦予極大的創作自由下，她重拾其實早就在做、卻逐漸淡忘的插畫創作。「純粹為自己創作，始終帶有一種特別的解放感。」現今在她的Instagram頁面，也可見各種純創作海報，大玩色彩和字體設計。「我發現自己最自在的狀態，是在做阿拉伯字體設計的時候。」

她說，阿拉伯文是以「連寫」為基礎的書寫系統，每個字母根據其在單字中的不同位置，還有3種不同形式。這些「限制」對母語者來說，反而蘊含龐大設計空間，在設計上，她也很喜歡調整單字或字母的可讀性。但不論使用哪種語言，Nada發現自己都偏向「極繁主義」，總是要連每一個角落都加以裝飾，才覺得作品完成。

《Crack Magazine》跨頁海報創作，Nada Sultan的插畫反映了自身對超現實主義的嚮往，以及日常接觸的迷因文化、設計中對「完美網格」的拒絕。（圖片提供：Nada Sultan）
《Crack Magazine》跨頁海報創作，Nada Sultan的插畫反映了自身對超現實主義的嚮往，以及日常接觸的迷因文化、設計中對「完美網格」的拒絕。（圖片提供：Nada Sultan）

來自街頭和壁畫的靈感庫

問及現今埃及設計界關注的議題，Nada提到現有的設計教育與應用，多半建立在歐洲中心思維，因此許多設計師與設計教育者正積極推動「去殖民化設計」；越來越多設計師也自發檔案計畫，例如「Egyptian Cassette Archive」和「Egyptian Type Archive」，紛紛記錄了從街頭招牌到古老壁畫的字體和書寫形式，而這些也成為她重要的設計靈感庫。回望周圍也回看歷史，每個看似獨立產出的設計，其實早已鑲嵌於時空的脈絡中。

《Love Letters》裝幀視覺系列。（圖片提供：Nada Sultan）
《Love Letters》裝幀視覺系列。（圖片提供：Nada Sultan）

Nada Sultan私心推！設計迷的開羅必去景點

我會推薦在開羅市中心散步。特別是週六早上的「Souq Diana」市集，那裡有各種古董、復古雜誌和卡帶等等。也可以到Maadi的「Rizo Masr」，挑選以ROSO印刷製作的卡片與小誌。還有位於Garden City的「Cairopolitan」，可以找到許多充滿埃及文化元素的小東西。

埃及設計師Nada Sultan。（圖片提供：Nada Sultan）
埃及設計師Nada Sultan。（圖片提供：Nada Sultan）

看更多埃及平面設計：
▻40MUSTAQEL從文化視覺到自出版，探索何謂阿拉伯設計
▻Ahmad Hammoud遊走開羅、巴塞隆納與柏林，以設計映照當下自我

Nada Sultan
屢獲獎項肯定的獨立設計師與視覺敘事者，現為Fantastic! Design studio的共同創辦人暨創意總監。

文｜張以潔　圖片提供｜Nada Sultan

更多精彩內容，請見 La Vie 2026／5月號《現在還看書嗎？》

延伸閱讀

RECOMMEND