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

更新 發佈閱讀 4 分鐘

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



vocus|新世代的創作平台

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

要暢銷就要做好從打動人心 (共鳴) 到下單購買的動線。將感性關鍵字和視覺圖像結合,一頁一主題,視覺版面 (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
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
2024.06.05 台中市政府 台中市政府積極打造「捷運大台中」,提供中台灣便捷交通,繼第一條捷運綠線上路後,接力推動捷運藍線期程邁出一大步。交通局表示,捷運藍線基本設計審議資料提報交通部審查,盼中央早日核定,為縮短前置作業,已完成沿線路線測量、地質、水文、管線、橋梁涵洞、土石方處理等各項調查工
Thumbnail
2024.06.05 台中市政府 台中市政府積極打造「捷運大台中」,提供中台灣便捷交通,繼第一條捷運綠線上路後,接力推動捷運藍線期程邁出一大步。交通局表示,捷運藍線基本設計審議資料提報交通部審查,盼中央早日核定,為縮短前置作業,已完成沿線路線測量、地質、水文、管線、橋梁涵洞、土石方處理等各項調查工
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
本篇文章探討極簡設計的幾個面向,並分析設計師追求極簡設計的原因,以及極簡設計背後的自由審美的可能性。文章釐清極簡設計的本質,強調極簡設計不應該只是一種風格,而是一種設計的態度。
Thumbnail
本篇文章探討極簡設計的幾個面向,並分析設計師追求極簡設計的原因,以及極簡設計背後的自由審美的可能性。文章釐清極簡設計的本質,強調極簡設計不應該只是一種風格,而是一種設計的態度。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文推薦的是我個人認為極具實用性的設計工具書——《基本的基本:版面設計的基礎思維》,這本書由日本知名平面設計師佐藤直樹(Asyl)編撰,適合新手設計師快速上手,打好基礎,讓編排設計這件事情能事半功倍。
Thumbnail
本文推薦的是我個人認為極具實用性的設計工具書——《基本的基本:版面設計的基礎思維》,這本書由日本知名平面設計師佐藤直樹(Asyl)編撰,適合新手設計師快速上手,打好基礎,讓編排設計這件事情能事半功倍。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News