版面編排應用:點、線、面(上)

2016/09/01
版面編排應用:點、線、面(上)
分享
收藏
立即加入Shopping Design會員,收藏喜歡的文章,把關注的展覽活動加入行事曆!
版面編排應用:點、線、面(上)

對設計師來說,不論是紙本雜誌、書刊,還是數位時代的虛擬媒體,在版面設計與處理上,都有一些絕對必要通透的基本功。本篇我們要來帶著讀者們以實務經驗切入設計視角,帶領大家一步一步、從無到有地完成版面編排設計,進而找到自己的個人設計風格。

──點/版面基本單位:字

一、字體選擇
設計的首要決定通常為「主要字體」。中文字體雖選擇有限,但仍可以根據文字屬性,按黑、明、圓體(或其他)等合適「字型類別」(category)做設定。另外,為達到視覺美觀與協調,建議不要採用中文字體內預設的英數及符號:絕大多數都非出自專業設計之手,造型、比例也與中文不協調;最後選擇「字體設計」(typeface/ fonts)時,則需考慮其應用的載體(螢幕、紙本、環境空間)、版面的形式以及時代風格等條件。如果實在不知道該如何選擇,建議考慮使用中英同步設計的字體。

圖說明

二、字級設定

圖說明

字級大小關係著「內容屬性/層級」條件、閱眾與閱讀環境。以刊物、書籍設計為例,主文段式種類很多,從大標、副標、引言、作者、小標題,到內文與附屬box(說明文)、附註等,內文字級可能偏大,否則圖說、頁碼、標眉等配件就沒有辦法往下降級。

圖說明

除了上述的有形條件,還有一個極重要考量:有色的「字」以外之「白」空間,也就是設計版面被文字占據後,「黑/白」平衡的狀態。這個比例關係還需合併「欄寬」、「行距」等相關條件,才能判斷字級大小之於版面是否合適。

──線/掌握閱讀節奏:行

三、單行字數
以內容的層次架構、屬性,以及字體設定為基礎來看,深度取向的文章通常主體欄寬較寬,字數相對較多、字級略大,例如書籍或者雜誌的主文;而輕鬆取向的短文則通常欄寬較窄,單行字數少,例如二、三百字內的短文或圖說,字級比主文小。另外要提的是,中文有直、橫書的編排。直書的垂直瀏覽跟水平動線相比較費力,字數/欄高的設定要比橫排略少。

字體設定也需注意:明體/ 襯線字體的閱讀舒適度較高,容納的字數較多,黑體/無襯線字體則次之。縱觀來說,所有字數的選擇還是需要回歸版面大小及閱讀節奏來思考。要能讓讀者自然順暢、保持一定節奏地換氣,才是理想的閱讀長度。

圖說明

四、字距設定
英文的「字」是指由字母構成的單字,單字與單字間的間隔稱為字距;而中文指的字距,則是字元與字元間的距離,比較像是英文的letter space,可以透過tracking或kerning──字元間距與字間距微調來調整大小。排版軟體上, tracking是整體、平均一致的調整字元間距,kerning則是特定兩個字元間的距離微調,利用留白空間平衡字元筆畫的墨色,讓整體視感的灰度均勻一致。

圖說明

一般來說,除非有特別理由,字元間距並不需刻意調整,中西語皆然。但若遇到不完美的情況,就要個別調整修正。甚至中文橫排與直排所遇到問題的字元也不盡相同。

還有一個常遇到的問題:當拉丁字元及數字出現在中文環境裡,前後是否要保留一個空格?以編排的經驗來說,顧及視覺與句法的辦法是,遵照中文原理,在字元間保留「足夠」的辨識空間即可,差不多是半個英文字距的寬度。

──中文字距小提醒──

由於漢字字元筆畫差距很大,並置時容易產生前後距不均等。特別需注意其中一類是,筆畫較少,或造型結構上有留白缺口的字元,如「人」、「小」、「寸」、「今」等,這些字元前後距偏鬆,若又遇到標點符號則更明顯;另一類則是筆畫較複雜,或以方框包覆的字元,如「圍」、「圖」、「閱」、「瀏」等,跟前後字元顯得較近,當「一人、團圓」此類情況出現,就會顯得字元間距與黑字灰度非常不一致。標點符號「、」也顯得離「人」較遠、靠「團」較近,這時候就需要kerning──字間距微調來修正問題。另外,中文直排時,則必須注意「一」這個字元,若上或下為標符,需將間距減少,以免顯得空洞;而像「小」、「上」、「夕」、「大」、「為」這類字元,則因上緣留白較大,也需特別調整。

圖說明

你可能會問,上述情形難道無法以一個簡單設定解決,一定得透過手動個別調整嗎?基本上是的,別無他法。字體設計無法事先考慮所有變數,即使拉丁字體設計也不可能完美無瑕;字元出現的頻率、組合,也因內容屬性不同而有差異。

投入於字間距微調的心力與時間,需以文字量多寡,或是你到底有多在意來決定。特別要提醒的是,文章大標題或廣告文案內容通常字數較少,個別字元的昭示性較強,建議無論如何都要仔細、認真地調整。

延伸閱讀:

文字編排基礎篇:你應該要知道的10件事
怎麼排都怪?標點符號的編排祕技大公開
什麼!圓餅圖已經兩百多歲了?──訊息圖表的前世今生

circle粉絲專頁:https://www.facebook.com/circlezine/
circle網站:http://circlezine.com/

更多關於〈版面編排應用:點、線、面〉,歡迎參閱:《Circle》設計微誌第九期

2026 DesignBIZ SUMMIT 趨勢論壇 9/3 登場!聚焦「感知,重新定義商業的尺度」,洞悉 AI 時代下的產業變局

2026/07/07
Shopping Design
2026 DesignBIZ SUMMIT 趨勢論壇 9/3 登場!聚焦「感知,重新定義商業的尺度」,洞悉 AI 時代下的產業變局
© Shopping Design
分享
收藏
立即加入Shopping Design會員,收藏喜歡的文章,把關注的展覽活動加入行事曆!
追蹤
以「感知,重新定義商業的尺度」為題,從設計視角出發,探討 AI 應用、品牌轉型、消費體驗新商機。

掌握 AI 時代 3 大關鍵行動策略、5 大核心議題!全日型論壇 9/3 登場

【2026 DesignBIZ SUMMIT 趨勢論壇】以「 感知,重新定義商業的尺度 」為題,聚焦「AI 應用、品牌行銷、文化創新」三大核心,從設計與創意視角,拆解未來商業如何從感官觸動走向價值認同,重塑品牌打動人心的驅力。

AI 抹平技術門檻、平庸美感俯拾皆是,品牌該如何創造溢價能力?深入第一線品牌與設計團隊幕後,從策略、洞察到實踐,重新定義 AI 時代下的商業競爭力。

多人團票熱賣中!早鳥優惠只到 8/17|立即報名 ❯❯ https://lurl.cc/gM6JsK


感知,重新定義商業的尺度 —— DesignBIZ 趨勢論壇

AI 應用 ⁕ 情緒行銷 ⁕ 品牌設計 ⁕ 消費體驗 ⁕ 文化轉型

⟢ 精彩議程/

▫ Rebranding 的系統邏輯:從不二家 PEKO 看指標系統如何整合品牌設計
講者:木住野彰悟/6D-K Co., Ltd 創辦人暨藝術總監
↳ 拆解不二家品牌重塑幕後:從客戶溝通到設計落地
↳ 從識別、空間到消費場景,如何打造一致、共感的品牌體驗?

講者簡介|木住野彰悟為平面設計工作室 6D 創辦人。其專業實踐聚焦於企業與城市的視覺識別,設計範疇橫跨標誌、包裝、指標系統,以及跨領域的設計系統建構。代表作品包含不二家、神奈川縣立圖書館、出雲大社、京都新風館、哆啦A夢登戶車站等眾多跨領域指標性專案。

▫ 技術美學的破局點:從 AI 流程解構看未來設計的跨域整合力
講者:楊漢軒/ NVIDIA 技術美術工程師
↳ 破除 AI 取代焦慮,解構 AI 底層模型到商業應用層級
↳ 設計生產力的新戰場:展望未來設計的工作型態

講者簡介|現任 NVIDIA 技術美術工程師,具備超過十年的技術美術(Technical Artist)資深實務經驗。長期跨域於科技、遊戲、動畫與數位藝術,擅長在技術與視覺美術之間進行深度轉譯。 曾獲桃源國際藝術獎首獎、參與開發多款跨平台遊戲,最近幾年專注在 AI 軟體與AI模型的訓練與研發。

▫ 走進生活的共感行銷:Spotify 如何用數據驅動洞察,釋放文化穿透力
▹ 講者:廖以琛 April Liao /Spotify Advertising 大中華區負責人
↳ 從用戶洞察到場景行銷,如何活用行為數據,精準勾動消費者情緒?
↳ 洞悉情境式廣告的互動體驗,打造沉浸的品牌共鳴

▫ 從材料到文化,品牌如何讓價值被重新看見
▹ 講者:吳庭安 /W 春池計畫 主理人、春池玻璃副總經理
↳ 從材料與製程創新出發,打造傳產的綠色經濟
↳ 如何將永續設計導入品牌,重構市場的價值認同?

講者簡介|吳庭安,「W 春池計劃」主理人,循環經濟與循環設計的實踐家。以「透明(Transparency)」為核心概念,推動工業、設計與文化的共生循環。其設計與策劃涵蓋材料再生、空間建築、品牌敘事與地方文化再造,主張讓設計成為連結人與自然、產業與社會的透明媒介。

▫ 重新定義「設計感知」:AI 如何介入視覺創作與互動藝術
講者:吳哲宇/新媒體藝術家、墨雨互動設計&MonoLab 創辦人
↳ 互動式的體驗設計,如何重構新媒體藝術的商業邊界?
↳ 從 Taiwan.md 出發,打造 AI friendly 的科技人文環境

講者簡介|吳哲宇,新媒體藝術家,墨雨互動設計與 MonoLab 創辦人。十二年以演算法追問程式碼能否擁有生命與情感,相信機制本身就是作品。作品於威尼斯雙年展、Art Basel Miami 與台北 101 展出,駐研足跡從巴黎 104 到 C-LAB × 法國 IRCAM。2026 發起開源知識庫 Taiwan.md,為台灣寫下 AI 讀得懂的靈魂;線上學生逾兩萬人。

▫ 工藝,在演算法之後:材料如何找到新價值
講者:王識源 & 盛郁庭/ROSO 機器人建造實驗室共同創辦人
↳ 人機協作,如何開啟空間與建築設計的新可能?
↳ 從數位製造到藝術設計,探索傳統材料新應用

▫ 傳承轉譯:以體驗設計重構文化的商業價值
▹ 講者:蔡明倫/POUYUENJI 寶元紀總經理
↳ 餐食、旅宿到體驗,傳產如何跨業態,建立文化品牌生態系?
↳ 傳統茶文化的設計轉譯,打造跨世代共感的生活體驗

講者簡介|蔡明倫,寶成國際集團共同創辦人蔡其建之長子,畢業於台大、哈佛設計研究碩士,曾任寶成工業董事及副總經理。為承續父親對藏茶的熱愛與分享初心,2020 年接任 POUYUENJI 寶元紀總經理,陸續開設《溪山行館》、於京都設立品牌原生店《POUYUENJI KYOTO》與《playtea kyoto》,及苗栗三義《POUYUENJI HILLS 寶元紀之丘》、台中《元紀.台灣菜》等據點,將POUYUENJI逐步打造為國際茶生活品牌。

▫ 字體即品牌策略:超越視覺美感的商業字型決策學
▹ 講者:森田隼矢/Monotype 資深字體設計師
↳ 從 LINE 字體設計出發,字型如何形塑品牌識別、市場行銷與營運?
↳ 跨市場的視覺溝通:字體如何在不同觸點兼顧在地化與通用性?


≣ 參與對象

◦ 品牌經營者・創業者 — 追求策略轉型與品牌再定義的實踐路徑
◦ 跨領域領導者 — 開拓經營視角,強化團隊創意思維
◦ 策略/內容企劃人 — 掌握前線設計與消費趨勢應用
◦ 創意設計工作者 — 強化設計與市場連動思考,拓展設計影響力

≣ 活動資訊

時間| 2026 年 9 月 3 日(四) 10:00-17:00(09:00 進場)
地點|福華國際文教會館 卓越堂(臺北市大安區新生南路三段 30 號)

≣ 票券資訊

◦ 8/17 前!早鳥優惠:3600元 / 人 ❯❯ https://lurl.cc/gM6JsK
◦ 3 人以上團報:3200 元 / 人
◦ 6 人以上團報:3100 元 / 人
◦ 10 人以上團報:3000 元 / 人
◦ 一般票:4500 元 / 人
※ 票券包含 Shopping Design 特刊雜誌乙本(9月出刊,價值 350 元)
※ 票券或內容洽詢:sd@shoppingdesign.com.tw、謝先生 02-8773-9808#285、徐小姐 02-8773-9808#270

≣ 報名須知

※ 論壇提供午餐。
※ 本公司採用電子發票,發票將統一於付款完成後的兩週內由「綠界科技 ECPay」寄送電子發票開立通知至您報名時填寫的發票收件人email。若有公司報帳特殊需求(如更改統編、同筆訂單開立多張發票...等),敬請於報名前來信或來電告知,完成報名後恕無法受理,謝謝。
※ 如需申請退款請於論壇開始日前 8 個工作天告知,我們將收取論壇的 10% 費用以及銀行轉帳之手續費,逾期恕不受理。論壇亦提供名額保留,請於活動前來電或來信告知,可為您保留名額一年,一年內若對其他論壇或課程有興趣可轉移至 Shopping Design 所舉辦之該活動。
※ 主辦單位保留活動大綱異動之權利,更新資訊以活動網頁內容為主。

2026 DesignBIZ SUMMIT 趨勢論壇資訊
9/3(四)趨勢論壇 @福華國際文教會館 2 樓卓越堂(臺北市大安區新生南路三段 30 號)

關於「設計新商業年會 DesignBIZ SUMMIT」
2006 年創立起始,Shopping Design 從個人消費需求出發,傳遞買設計、學設計、享受設計的理念;與讀者分享好設計背後的理念和知識,期待更有意識的消費、有態度的理想生活。 而進入日趨自動化、生活化、娛樂化的消費場景裡,我們開始深度看向市場供給端,分享企業品牌如何運用設計展開溝通、貼近需求、引導創新,深入其中設計之所以能為商業賦能的關鍵、交流共創,進而催生了「設計新商業年會」!

2026 DesignBIZ SUMMIT 設計新商業年會|趨勢論壇 — 感知,重新定義商業的尺度
時間|2026/9/3(四)~2026/9/3(四) 地點|台北市大安區新生南路三段30號
追蹤
READ MORE

延伸閱讀

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

我還不是會員, 註冊去!
找有趣、有用、有意義的大小設計事...
Vol.156
Vol.156 找回靈感大作戰

3條散步路線・6本靈感日記・10+私房選店・20+找靈感練習。

© 2026 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓