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

臺中綠美圖視覺識別設計永真急制操刀!簡約線條呼應建築、藝術與閱讀

即將成為臺灣文化地標之一的臺中綠美圖,不僅因建築設計來自於普立茲克獎得主 SANAA 事務所的妹島和世、西澤立衛之手,其跳脫框架結合美術館與圖書館的藝術文化場域,也啟發激盪出藝文館所的無限想像。將於明年底啟用的臺中綠美圖,近日更搶先釋出來自永真急制操刀的視覺識別系統,由兩條簡約俐落的直線展開不受限的可能性,發展出呼應建築結構設計、場館本質,以及視覺美感的三組logo與視覺識別應用!

臺中綠美圖

既是建築型態,也是場館本質的 Logo 設計

不受限於地理場域「臺中」、名稱帶有與「綠」地、自然的連結,永真急制團隊選擇以「綠美圖」的建築本體為靈感,深入探索空間與功能的融合,將建築設計中的流動感與跨域特性,轉化為具備高度識別性與永恆性的圖像語言。在綠美圖的總體概念下,永真急制首先以兩條俐落線條 logo 定義,象徵複合場館的開放性與多元發展,以留白美學的設計,訴說自由發展的空間;臺中市立美術館則在這兩條線之內,以鋸齒的線條擬態藝術繪畫筆跡,表達藝術本質的感性、動作性與視覺性;而在臺中市立圖書館的 logo 中,兩條直線又暗示著書架的邊界,搭配中央數本書籍堆疊、傾倒的樣態,帶來簡明直觀的聯想。

臺中綠美圖
臺中綠美圖

而簡潔的 Logo 線條裡,其實隱藏著美術館與圖書館建築內部的重要結構。聶永真解釋,若將美術館、圖書館的 Logo 旋轉 90 度,其線條的轉折宛如兩大場館獨特的樓板規劃與斜坡層次設計,看見識別視覺,就猶如漫步於館內,體驗空間中的藝術文化內涵,同時又以聶永真設計師一貫的簡約調性,完美呼應 SANAA 建築的輕盈質感。

臺中綠美圖

細節滿點!深具脈絡的設計原則

事實上,在簡約識別的背後,其實蘊含著重要的方法理論與設計脈絡。對此,設計師聶永真為 logo 設計提出五大識別原則—— Distinctive(與眾不同的)、Memorable(可被記憶的)、Adaptable(適用性強的)、Simple(簡單的)及Timeless(超越時間的),並以此原則發展出六款設計提案,最終在 SANAA、專家學者與市府共同溝通討論,演變設計出如今所見之設計,為臺中市立美術館與臺中市立圖書館打造出相符的品牌形象。

臺中綠美圖

除此之外,仔細放大檢視 Logo 線條的收邊,也可看出轉折角度的設計細節其實較一般圓角更為平滑,聶永真指出,之所以選擇以羊角螺線詮釋曲線,能夠為 logo 整體帶來視覺穩定度,而非圓角單點站立的感受,而羊角螺線亦是蘋果產品經常選擇的曲線設計。另一方面,三款視覺識別在英文字選擇全小寫,一改過往在重要機構以大寫的方式呈現,不失為一種去權威化的做法,為綠美圖帶來輕鬆、親和力,切中了綠美圖在城市中所扮演的文化角色,而這也是國際場館視覺識別的設計趨勢之一。

臺中綠美圖

除了標誌設計,聶永真團隊還為綠美圖量身打造了「輕方體」字體,透過專屬字體將視覺識別系統的精緻感推向新的高度。字體的設計考量了數位媒介與實體應用的兼容性,無論是在大型看板、數位螢幕或印刷物上,都能與 Logo 保持比例與平衡,充分展現對於設計細節的嚴謹態度。

臺中綠美圖
臺中綠美圖

匯聚美學、知識與生活,成就跨域交融願景

臺中市政府文化局長陳佳君強調,綠美圖不僅是兩大文化場館的匯聚,亦是藝術與知識的結合,將透過專精的跨領域合作,為市民創造全新的文化體驗。這一願景也在臺中市立美術館長賴依欣與臺中市立圖書館長曾惠君的共同推動下,進一步深化。美術館在開館前,將深入梳理中部藝術發展脈絡,包括典藏品研究與購藏,並陸續開啟系列講座、學習與推廣活動、出版品發行、國際論壇等計畫,從多元面向探索發展可能;而除了藝術展覽與跨域藝術計畫為開館一大亮點外,更將呈現半開放式典藏庫房,並藉由多種藝術推廣的形式,回應當代藝文發展及新型態美術館趨勢,美術館也將作為國際跨域交流的節點,回應場域特色,打造城市藝術地標,以藝術推動城市永續發展。圖書館則致力於打造智慧、便捷且具美學意識的閱讀空間,藉由紙本閱讀與線上數位體驗,實踐閱讀平權、知識平權,揉和大數據與AI技術,讓知識與藝術無縫融合。隨著綠美圖預計於 2025 年底落成,期待這座結合藝術、知識與數位閱讀的國際前瞻性文化場域,將與中央公園的綠意,一起為市民帶來嶄新的生活與文化體驗!

文/湯侑宸  圖片提供/臺中市立美術館

IG推出6款全新字體,你用過了嗎?字型團隊Colophon打造多元風格,人人都能變身業餘設計師

IG推出6款全新字體,你用過了嗎?字型團隊Colophon打造多元創作風格,人人都能變身業餘設計師

Instagram近期推出許多功能更新,除了一篇貼文可發佈的照片增加至20張,讓內容更豐富不受限外,更在創作介面上新增了6種訂製字體、特效與動畫,致力讓人人都能找到屬於自己的風格,成為一站式的創作與分享平台。

每個人都是業餘設計師

前陣子,Instagram在Reels(連續短片)和限時動態的編輯頁面中加入了新的字體、動畫和特效,使用者可以輕鬆地相互混搭,打造獨具特色的樣式組合。同時,操作介面也變得更簡化,讓每個使用者都能成為業餘的設計師,也讓Instagram朝一站式創作平台更進一步。

IG推出6款全新字體,你用過了嗎?字型團隊Colophon打造多元風格,人人都能變身業餘設計師
Instagram在Reels和限時動態的編輯頁面中加入了新的字體、動畫和特效。(圖片來源:Instagram)

風格各異的6種新字體

本次推出的6款全新字體,由Instagram和字型開發商Colophon合作設計。Colophon總部位於英國倫敦,曾為Google Pixel、Canva、芬達、Dunkin'、Tripadvisor等品牌服務;2022年時,Colophon也曾幫Instagram重塑品牌識別,並打造專屬字體「Instagram Sans」,運用在使用介面、限時動態創作中,並超過40位字體設計師和語言專家合作,製作尊重每一種書寫傳統與文化的全球字體系統。

IG推出6款全新字體,你用過了嗎?字型團隊Colophon打造多元風格,人人都能變身業餘設計師
Colophon曾於2022年時幫Instagram重塑品牌識別,並打造專屬字體「Instagram Sans」。(圖片來源:Instagram)
IG推出6款全新字體,你用過了嗎?字型團隊Colophon打造多元風格,人人都能變身業餘設計師
「Instagram Sans」針對不同書寫傳統與文化,打造全球性的字體系統。(圖片來源:Instagram)

新的訂製字體包括手寫草書風格的「Signature」、飽滿而活潑的「Bubble」、經典襯線體「Poster」、靈感來自裝飾藝術風格的「Deco」、受80至90年代文字處理器啟發的復古字體「Editor」,以及適合用做迷因字幕的壓縮字體「Squeeze」。6款字體各具強烈風格,希望創作者們都能找到最符合自己調性的設計。

IG推出6款全新字體,你用過了嗎?字型團隊Colophon打造多元風格,人人都能變身業餘設計師
於IG新上架的6款字體。(圖片來源:Instagram)
IG推出6款全新字體,你用過了嗎?字型團隊Colophon打造多元風格,人人都能變身業餘設計師
除了有新的字體可以運用,還可以搭配不同特效、動畫來創作。(圖片來源:Instagram)

其他令人期待的新功能!

除了可以在限時動態和Reels中使用這些新字體外,現在也能在貼文照片上添加文字了!選擇想發佈的照片後,點擊文字按鈕就能加入並編輯文字,也可以點擊螢幕右上角的相簿按鈕來疊加其他圖像。這項功能更新令貼文有不一樣的敘事方式,擁有更多發揮空間、更加多元,或許也將帶起不一樣的創作趨勢。

IG推出6款全新字體,你用過了嗎?字型團隊Colophon打造多元風格,人人都能變身業餘設計師
現在,使用者也能在貼文照片上添加文字了。(圖片來源:Instagram)

延伸閱讀

RECOMMEND