《基本設計力:簡單卻效果超群的 77 原則》重點整理

更新 發佈閱讀 4 分鐘

簡単だけど、すごく良くなる 77 のルール デザイン力の基本



raw-image

設計前先從調查開始,釐清目標和傳達對象後簡化傳達主旨,選定氣氛/風格/調性 (正式、隨性、黑白),依照以上內容思考策略。

要暢銷就要做好從打動人心 (共鳴) 到下單購買的動線。將感性關鍵字和視覺圖像結合,一頁一主題,視覺版面 (Viewport) 使用單一標語、單一視覺和製造留白。

只用最多兩種正規供應商字體 (fonts.com);選用無襯線體 (Gill Sans, Frutiger, Gilroy, Avenir) 和襯線體 (Palatino, Optima, Trajan) 做搭配,商業場合基本上使用可讀性高的明體和黑體;差異化可使用字重 (粗細) 表現。

以願景或理念,決定色數。參考色票,依需求以順序選定:主色 (品牌故事)、底色、文字色、第一輔助色 (與主色明度相同、色相不同) 和第二輔助色 (與主色明度相同但彩度較低)。範例:主色 + 白 + 深灰 + 輔助色 (對比/協調功能)、

單色訴求是利用主色加深印象的戰略 (可口可樂);巴斯配色適用二至三種顏色做延展,活用獨特色彩組合的戰略 (FedEx);調色盤配色是由多種顏色組合而成,隨著服務或品牌的情況增減色數,商標色彩得以生動擴展,又被稱為動態識別 Dynamic Identity (Google 的各種 App 商標)。

使用照片或插圖前應做到釐清目的、調查和思考表現手法 (主視角構圖為客觀/自我帶入/想像畫面)。可使用手繪表達美味感、用大版面強調照片或插圖。採光影響九成照片品質,可在照片校正後利用濾鏡效果調色或套用藝術特效以營造風格 (親切/沈穩/悠閒)。

如果有時間和預算,建議委託創作者或代理商製作原創素材;若是使用網站上商業用途的素材,先了解是否已被大量刊登,且務必詳閱使用規範和授權條款,如果寫得不夠清楚,就盡量不要使用;若要委託繪製或拍攝,先了解自己需求類別、風格、主題和工具,備齊形象資料、繳納期限、合約、檔案類型等條件,再發案給特殊專長接案者進行委託。委託時討論由自己還是接案者保有最終決定權,並在每個階段做到共享、確認和同意。委託結束後,使用接案者的作品請標示原作者姓名。

整理設計風格,需要關注視線誘導、刪除不必要的元素、統一字體和外邊距,以及做到適當留白以凸顯主題。《設計是什麼?保羅.蘭德給年輕人的第一堂啟蒙課》裡提到「設計是形式與內容之間的關係。 (Design is a relationship between form and content.)」想讓人讀懂內容,排版就要簡單明瞭、注重共鳴;若希望讀者能樂在其中,編排上就盡量發揮創意。此外,也需注意設計的通用性,即能否在各種媒體尺寸上延展呈現。


感謝您的閱讀,我試著將生活與自己所學到的知識,以平易近人的方式傳達給正在努力進步的同好,甚至是領域之外卻有興趣的人。如果喜歡我的文章,歡迎贊助我,你的鼓勵也是我進步的動力。

留言
avatar-img
Ray C的沙龍
37會員
31內容數
短篇奇幻作品將不定期更新。
Ray C的沙龍的其他內容
2023/01/14
在 Instagram 看到有人分享在日本操作機器、製作寶可夢客製化衣服的貼文,聯想起先前在網上閱讀到關於 Pokémon API 的文章,一時興起也使用 PokeAPI 仿刻貼文中機器的操作介面。然而在開發過程中,發現連續抓取 905 份寶可夢資料...
Thumbnail
2023/01/14
在 Instagram 看到有人分享在日本操作機器、製作寶可夢客製化衣服的貼文,聯想起先前在網上閱讀到關於 Pokémon API 的文章,一時興起也使用 PokeAPI 仿刻貼文中機器的操作介面。然而在開發過程中,發現連續抓取 905 份寶可夢資料...
Thumbnail
2022/04/03
去年看到 Astro 剛發布時所宣稱的「用較少的 JavaScript 打造極速網站」就對這樣的框架產生興趣,那時雖然也試玩了一下,不過因為遇到一些開發初期的 bug 放棄研究。直到近期拿過去使用 petite-vue 開發的專案 — HTML Reserved Colors 來透過 Astr...
Thumbnail
2022/04/03
去年看到 Astro 剛發布時所宣稱的「用較少的 JavaScript 打造極速網站」就對這樣的框架產生興趣,那時雖然也試玩了一下,不過因為遇到一些開發初期的 bug 放棄研究。直到近期拿過去使用 petite-vue 開發的專案 — HTML Reserved Colors 來透過 Astr...
Thumbnail
2022/03/25
2021 年可以說是 NFT 大爆發的一年了,除了名人相繼創立自己的 NFT,也有各式各樣的商業模式和額外賦能不停的被開發出來;像是主打邊玩邊賺的 (Play-to-Earn,P2E) GameFi 項目「Axie Infinity」、擁有即可兌換一天一碗且連續七天雞肉飯的「元宇宙第一雞肉飯」...
Thumbnail
2022/03/25
2021 年可以說是 NFT 大爆發的一年了,除了名人相繼創立自己的 NFT,也有各式各樣的商業模式和額外賦能不停的被開發出來;像是主打邊玩邊賺的 (Play-to-Earn,P2E) GameFi 項目「Axie Infinity」、擁有即可兌換一天一碗且連續七天雞肉飯的「元宇宙第一雞肉飯」...
Thumbnail
看更多
你可能也想看
Thumbnail
賽勒布倫尼科夫以流亡處境回望蘇聯電影導演帕拉贊諾夫的舞台作品,以十段寓言式殘篇,重新拼貼記憶、暴力與美學,並將審查、政治犯、戰爭陰影與「形式即政治」的劇場傳統推到台前。本文聚焦於《傳奇:帕拉贊諾夫的十段殘篇》的舞台美術、音樂與多重扮演策略,嘗試解析極權底下不可言說之事,將如何成為可被觀看的公共發聲。
Thumbnail
賽勒布倫尼科夫以流亡處境回望蘇聯電影導演帕拉贊諾夫的舞台作品,以十段寓言式殘篇,重新拼貼記憶、暴力與美學,並將審查、政治犯、戰爭陰影與「形式即政治」的劇場傳統推到台前。本文聚焦於《傳奇:帕拉贊諾夫的十段殘篇》的舞台美術、音樂與多重扮演策略,嘗試解析極權底下不可言說之事,將如何成為可被觀看的公共發聲。
Thumbnail
柏林劇團在 2026 北藝嚴選,再次帶來由布萊希特改編的經典劇目《三便士歌劇》(The Threepenny Opera),導演巴里・柯斯基以舞台結構與舞台調度,重新向「疏離」進行提問。本文將從觀眾慾望作為戲劇內核,藉由沉浸與疏離的辯證,解析此作如何再次照見觀眾自身的位置。
Thumbnail
柏林劇團在 2026 北藝嚴選,再次帶來由布萊希特改編的經典劇目《三便士歌劇》(The Threepenny Opera),導演巴里・柯斯基以舞台結構與舞台調度,重新向「疏離」進行提問。本文將從觀眾慾望作為戲劇內核,藉由沉浸與疏離的辯證,解析此作如何再次照見觀眾自身的位置。
Thumbnail
本文深入解析臺灣劇團「晃晃跨幅町」對易卜生經典劇作《海妲.蓋柏樂》的詮釋,從劇本歷史、聲響與舞臺設計,到演員的主體創作方法,探討此版本如何讓經典劇作在當代劇場語境下煥發新生,滿足現代觀眾的觀看慾望。
Thumbnail
本文深入解析臺灣劇團「晃晃跨幅町」對易卜生經典劇作《海妲.蓋柏樂》的詮釋,從劇本歷史、聲響與舞臺設計,到演員的主體創作方法,探討此版本如何讓經典劇作在當代劇場語境下煥發新生,滿足現代觀眾的觀看慾望。
Thumbnail
《轉轉生》為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,融合舞蹈、音樂、時尚和視覺藝術,透過身體、服裝與群舞結構,回應殖民歷史、城市經驗與祖靈記憶的交錯。本文將從服裝設計、身體語彙與「輪迴」的「誕生—死亡—重生」結構出發,分析《轉轉生》如何以當代目光,形塑去殖民視角的奈及利亞歷史。
Thumbnail
《轉轉生》為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,融合舞蹈、音樂、時尚和視覺藝術,透過身體、服裝與群舞結構,回應殖民歷史、城市經驗與祖靈記憶的交錯。本文將從服裝設計、身體語彙與「輪迴」的「誕生—死亡—重生」結構出發,分析《轉轉生》如何以當代目光,形塑去殖民視角的奈及利亞歷史。
Thumbnail
本文推薦的是我個人認為極具實用性的設計工具書——《基本的基本:版面設計的基礎思維》,這本書由日本知名平面設計師佐藤直樹(Asyl)編撰,適合新手設計師快速上手,打好基礎,讓編排設計這件事情能事半功倍。
Thumbnail
本文推薦的是我個人認為極具實用性的設計工具書——《基本的基本:版面設計的基礎思維》,這本書由日本知名平面設計師佐藤直樹(Asyl)編撰,適合新手設計師快速上手,打好基礎,讓編排設計這件事情能事半功倍。
Thumbnail
2024.06.05 台中市政府 台中市政府積極打造「捷運大台中」,提供中台灣便捷交通,繼第一條捷運綠線上路後,接力推動捷運藍線期程邁出一大步。交通局表示,捷運藍線基本設計審議資料提報交通部審查,盼中央早日核定,為縮短前置作業,已完成沿線路線測量、地質、水文、管線、橋梁涵洞、土石方處理等各項調查工
Thumbnail
2024.06.05 台中市政府 台中市政府積極打造「捷運大台中」,提供中台灣便捷交通,繼第一條捷運綠線上路後,接力推動捷運藍線期程邁出一大步。交通局表示,捷運藍線基本設計審議資料提報交通部審查,盼中央早日核定,為縮短前置作業,已完成沿線路線測量、地質、水文、管線、橋梁涵洞、土石方處理等各項調查工
Thumbnail
本篇文章探討極簡設計的幾個面向,並分析設計師追求極簡設計的原因,以及極簡設計背後的自由審美的可能性。文章釐清極簡設計的本質,強調極簡設計不應該只是一種風格,而是一種設計的態度。
Thumbnail
本篇文章探討極簡設計的幾個面向,並分析設計師追求極簡設計的原因,以及極簡設計背後的自由審美的可能性。文章釐清極簡設計的本質,強調極簡設計不應該只是一種風格,而是一種設計的態度。
Thumbnail
這篇文章主要討論了設計的主客觀問題。透過討論設計師必然面對的主客觀問題,幫助讀者更妥善地處理設計衝突及評價,使設計更趨向完整。
Thumbnail
這篇文章主要討論了設計的主客觀問題。透過討論設計師必然面對的主客觀問題,幫助讀者更妥善地處理設計衝突及評價,使設計更趨向完整。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News