vocus logo

方格子 vocus

《好設計,4個法則就夠了》:一次精通平面設計的實用原則

更新 發佈閱讀 4 分鐘

全書以平實近人的解說方式,說明吸引人的好設計該注意哪些事項,使用大量的範例作品佐證,並以問題啟發新手創作者該從哪一面向思考。全書分為兩大法則:一是設計原則、二是字體原則。

【關於設計的四個基本原則】

相近原則:目的在於建立調理,將相關的項目組合在一起,型態相近的事物表示彼此相關。計算視線停下的次數,試想哪些分散元素可以組合在一起成為一個視覺單元。

對齊原則:目的在於讓版面和諧又井然有序,每個項目在視覺上要與另一項目呈現某種對齊效果,避免版面內文使用一種以上的對齊方式,有秩序的編排方式有助於傳達資訊。

重複原則:目的是要統一與提高視覺吸引力,在整個作品重複某種設計項目(如:字體、粗細、項目符號、設計元素、顏色、版式、空間關係等),有助於讓資訊條理井然,引導讀者閱讀內容。

對比原則:為作品中各種不同的元素創造對比,將讀者的目光吸引至頁面上,清楚表達層級,讓讀者看出重點,如:字體、字型、線條粗細、冷暖色系、水平垂直元素,又或是字間、圖片大小等亦有對比效果。


【色彩設計】

● 色彩關係:

 原色(黃/紅/藍)─間色(綠/紫/橙)─複色

 補色(藍vs.橙)─三色組(紅/黃/藍)─分裂補色三色組

 近似色(水綠、綠、萊姆綠)─淡色與暗色─單色

  色相(hue):純粹的顏色

  暗色(shade):在任何顏色中加入黑色

  淡色(tint):在任何顏色中加入白色

● 色調:指任一顏色特定性質的亮度、濃度或色相,盡量避免使用相近色調的色相。

● 暖色系與冷色系:冷色具有收縮感,會後退到背景中;暖色有膨脹感,會突出於背景前方。


【字體關係】

和諧:使用同一種字族字體,風格、大小、粗細沒有過多變化

衝突:使用多種字體若有相似風格會產生衝突關係,字體間的相似處會造成閱讀困擾。

對比:結合數種迥然不同的字體和元素,強烈對比易吸引讀者視線。


【字體風格】

古典體(Oldstyle):以抄寫員的手寫筆跡為基礎,,適合編排長篇內文

1. 有傾斜圓弧、有襯線

2.小寫字母的襯線一定有角度

3. 直筆畫處有弧度,稱為托弧

4. 字母形式的弧形筆劃會從粗變細,即「粗細轉折」

現代體(Modern):筆劃粗細轉折大,易造成眼花撩亂的效果

1. 水平襯線且相當細

2. 小寫字母襯線很細,呈水平狀

3. 垂直的圓弧、沒有托弧

方塊襯線體(Slab serif):粗筆長體字,用於文章中易讀性很高,給人整潔印象,多用於童書。

1. 小寫字母襯線呈水平狀,也很粗厚

2. 筆畫粗細轉折對筆不明顯

3. 垂直的圓弧

黑體(Sans serif):筆畫末端沒有襯線,幾乎單一粗細,沒有可見的筆畫粗細轉折,字母形式線條粗細均勻,亦沒有圓弧。

書寫體(Script):臨摹沾水筆或畫筆的筆跡,可分成:連寫、不連寫、仿手寫印刷體、仿傳統羽毛筆筆法。

裝飾體(Decorative):有趣、有特色、好用。


【字體使用注意事項】

● 段首縮排:

不是五個空白鍵,而是使用的字體點數的一個全字寬,假設12點字,使用約2個空白鍵。如要表示新段落,另段首縮排與段間加大(ENTER)擇一使用。

● 使用項目符號或裝飾符號表列,不要用連字號。

● 編排文字時,不要全部用大寫字母(佔用空間比小寫字母多且不易讀)

● 文字編排要產生對比,基本原則是從兩個不同類別中選擇兩種字體(如古典體+現代體),不要把同類別的兩種字體搭配在同一版面,以免造成相似衝突。

● 對比技巧:大小、粗細、結構、樣式(大寫vs.小寫、正體vs. 斜體)、方位(水平vs.高瘦)與顏色(暖vs.冷)。

● 注意不同字體的結構,以及行間、字母間距、粗細、大小、樣式,營造版面質感。(平均字距、字距微調、字母間距、文字間距、行間、段間、欄間)


留言
avatar-img
Cathy Chao的沙龍
5會員
12內容數
Cathy Chao的沙龍的其他內容
2022/08/07
具備高度的感知力,高敏人的第一印象通常很準!所謂「高敏人」是指以美國心理學家Elaine N.Aron提出的HSP(Highly Sensitive Person)高敏感族的概念為基礎,作者武田有紀也是高敏人的一族,本書核心即在前言揭曉:「與其勉強自己,保有細膩感性更自在。」
2022/08/07
具備高度的感知力,高敏人的第一印象通常很準!所謂「高敏人」是指以美國心理學家Elaine N.Aron提出的HSP(Highly Sensitive Person)高敏感族的概念為基礎,作者武田有紀也是高敏人的一族,本書核心即在前言揭曉:「與其勉強自己,保有細膩感性更自在。」
2022/07/23
全書分為10個章節,深入淺出敘述在設計時會遇到的各種問題與實際狀況分析。開始設計前:先釐清課題(掌握現況,確認設計目的、傳達對象)、決定好壞基準、與案主建立價值觀的共識、盡量備齊所有素材、避免修改。
2022/07/23
全書分為10個章節,深入淺出敘述在設計時會遇到的各種問題與實際狀況分析。開始設計前:先釐清課題(掌握現況,確認設計目的、傳達對象)、決定好壞基準、與案主建立價值觀的共識、盡量備齊所有素材、避免修改。
2022/07/17
行動的原動力是意志力,只有停止無意義的決策,儲存意志力,才能配合需求立即行動! 把目標寫在紙上也不會成功浪費意志力,促使我們行動的是意志力,然其庫存量有限,會因思考或決策逐漸減少!只做你想做的那件事,必能成功
2022/07/17
行動的原動力是意志力,只有停止無意義的決策,儲存意志力,才能配合需求立即行動! 把目標寫在紙上也不會成功浪費意志力,促使我們行動的是意志力,然其庫存量有限,會因思考或決策逐漸減少!只做你想做的那件事,必能成功
看更多
你可能也想看
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
想用<方格子>輕鬆寫網誌,打造個人品牌嗎?那以下幾個功能你不能不會用......
Thumbnail
想用<方格子>輕鬆寫網誌,打造個人品牌嗎?那以下幾個功能你不能不會用......
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
觀看別人精美的塗鴉筆記,往往會心生羨慕:「哇!怎麼能夠做出這麼漂亮的筆記?」 其實一幅好的塗鴉筆記,就像一篇好的文章,都是由清楚的架構與元素所組成的,你可以拆解它,並任意把玩與使用。而本篇就是要帶大家認識五大核心設計元素,邀你進入塗鴉筆記的世界裡,像玩積木班地創造個人化的塗鴉筆記。開始一探究竟
Thumbnail
觀看別人精美的塗鴉筆記,往往會心生羨慕:「哇!怎麼能夠做出這麼漂亮的筆記?」 其實一幅好的塗鴉筆記,就像一篇好的文章,都是由清楚的架構與元素所組成的,你可以拆解它,並任意把玩與使用。而本篇就是要帶大家認識五大核心設計元素,邀你進入塗鴉筆記的世界裡,像玩積木班地創造個人化的塗鴉筆記。開始一探究竟
Thumbnail
前一篇寫到企業文件的「科技專業度」問題,其實還沒有講完;「編輯專業度」屬於另外一個角度的問題,所以放到這篇來寫。
Thumbnail
前一篇寫到企業文件的「科技專業度」問題,其實還沒有講完;「編輯專業度」屬於另外一個角度的問題,所以放到這篇來寫。
Thumbnail
如何將圖文訊息作適切搭配,減少雜訊干擾? 這是不少想學習視覺筆記的朋友詢問我的問題,根據我自己的經驗與坊間資訊圖解相關書籍,尤其推薦奕酉老師的《20道資料視覺化難題全解析》一書,我想分享四個我自己的觀點。 https://www.books.com.tw/products/0010891140
Thumbnail
如何將圖文訊息作適切搭配,減少雜訊干擾? 這是不少想學習視覺筆記的朋友詢問我的問題,根據我自己的經驗與坊間資訊圖解相關書籍,尤其推薦奕酉老師的《20道資料視覺化難題全解析》一書,我想分享四個我自己的觀點。 https://www.books.com.tw/products/0010891140
Thumbnail
工作上遇上喋喋不休的同事,你也可能曾經忍不住冒了一句:「說到了重點沒有?」。簡報設計中,如果內文比較多,又因為場合需要,或是老闆要求下不能再簡化,要在同事間突圍而出,你會願意花兩分鐘,造出個人化的螢光筆突顯效果嗎?相反,人人都會的粗體、斜體、下劃線,甚麼情景下該用甚麼的方法?
Thumbnail
工作上遇上喋喋不休的同事,你也可能曾經忍不住冒了一句:「說到了重點沒有?」。簡報設計中,如果內文比較多,又因為場合需要,或是老闆要求下不能再簡化,要在同事間突圍而出,你會願意花兩分鐘,造出個人化的螢光筆突顯效果嗎?相反,人人都會的粗體、斜體、下劃線,甚麼情景下該用甚麼的方法?
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
1.選對毛筆與紙張 寫書法絕對是工欲善其事,必先利其器的事,初學如此,有經驗者亦然,要寫出好字,首先就是要選對毛筆和紙張。 書法字體篆、隸、行、草、楷、歷代名家風格、大小,都有相對應的毛筆與紙張才能表現。 黃山谷用的毛筆紙張和蘇東坡不一樣,原因是表現的風格不同,兩者毛筆紙張互換,必然減損表現。 怎麼
Thumbnail
1.選對毛筆與紙張 寫書法絕對是工欲善其事,必先利其器的事,初學如此,有經驗者亦然,要寫出好字,首先就是要選對毛筆和紙張。 書法字體篆、隸、行、草、楷、歷代名家風格、大小,都有相對應的毛筆與紙張才能表現。 黃山谷用的毛筆紙張和蘇東坡不一樣,原因是表現的風格不同,兩者毛筆紙張互換,必然減損表現。 怎麼
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
如果你不是在報社、出版社或雜誌社的編輯部工作,也沒寫過學術論文的話,大概不太有機會看過「編輯體例」四字;但「編輯體例」可說是這些專業文字工作者的工作日常,有志提升寫作能力的各位,最好也應該有一份這種東西。 這篇就來介紹什麼是「編輯體例」、如何建立自己的編輯體例。
Thumbnail
如果你不是在報社、出版社或雜誌社的編輯部工作,也沒寫過學術論文的話,大概不太有機會看過「編輯體例」四字;但「編輯體例」可說是這些專業文字工作者的工作日常,有志提升寫作能力的各位,最好也應該有一份這種東西。 這篇就來介紹什麼是「編輯體例」、如何建立自己的編輯體例。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News