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

更新於 發佈於 閱讀時間約 3 分鐘

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

設計前先從調查開始,釐清目標和傳達對象後簡化傳達主旨,選定氣氛/風格/調性 (正式、隨性、黑白),依照以上內容思考策略。
要暢銷就要做好從打動人心 (共鳴) 到下單購買的動線。將感性關鍵字和視覺圖像結合,一頁一主題,視覺版面 (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
37會員
31內容數
短篇奇幻作品將不定期更新。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Ray C的沙龍 的其他內容
《為什麼要睡覺?睡出健康與學習力、夢出創意的新科學》 Why We Sleep:The New Science of Sleep and Dreams
JavaScript 能做許多事,尤其透過瀏覽器的 API 或套件,我們得以悠游於巨量資料中,將資料轉換為與使用者溝通的介面,以下就來分享 15 個實用的 Vanilla JS 程式碼...
本文翻譯自 40 Tips that will change your coding skills forever。作者 Kesk 列出了一些對職業生涯有幫助的事情,很快就能讀完,但要正確應用到生活中可能需要一生的時間。Kesk 從事將近十五年的 App 開發...
時代在進步,技術也在進步,現代前端框架這麼多,我們該如何選擇?
在負利率時代,存錢不如存股的 4 大滾雪球投資法
《為什麼要睡覺?睡出健康與學習力、夢出創意的新科學》 Why We Sleep:The New Science of Sleep and Dreams
JavaScript 能做許多事,尤其透過瀏覽器的 API 或套件,我們得以悠游於巨量資料中,將資料轉換為與使用者溝通的介面,以下就來分享 15 個實用的 Vanilla JS 程式碼...
本文翻譯自 40 Tips that will change your coding skills forever。作者 Kesk 列出了一些對職業生涯有幫助的事情,很快就能讀完,但要正確應用到生活中可能需要一生的時間。Kesk 從事將近十五年的 App 開發...
時代在進步,技術也在進步,現代前端框架這麼多,我們該如何選擇?
在負利率時代,存錢不如存股的 4 大滾雪球投資法
你可能也想看
Google News 追蹤
2024.11.10 台中市政府 捷運藍線是台中市第二條捷運,在市府團隊努力推動下,進度再傳來「捷」報!交通局長葉昭甫表示,捷運藍線基本設計已獲中央通知核定,感謝行政院公共工程委員會及交通部大力協助,在最短時間審查通過,同意核列台中捷運藍線工程建造經費,市府也隨即展開後續各項作業發包工作,繼捷運綠
Thumbnail
本文推薦的是我個人認為極具實用性的設計工具書——《基本的基本:版面設計的基礎思維》,這本書由日本知名平面設計師佐藤直樹(Asyl)編撰,適合新手設計師快速上手,打好基礎,讓編排設計這件事情能事半功倍。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
2024.06.05 台中市政府 台中市政府積極打造「捷運大台中」,提供中台灣便捷交通,繼第一條捷運綠線上路後,接力推動捷運藍線期程邁出一大步。交通局表示,捷運藍線基本設計審議資料提報交通部審查,盼中央早日核定,為縮短前置作業,已完成沿線路線測量、地質、水文、管線、橋梁涵洞、土石方處理等各項調查工
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
本篇文章探討極簡設計的幾個面向,並分析設計師追求極簡設計的原因,以及極簡設計背後的自由審美的可能性。文章釐清極簡設計的本質,強調極簡設計不應該只是一種風格,而是一種設計的態度。
Thumbnail
這篇文章主要討論了設計的主客觀問題。透過討論設計師必然面對的主客觀問題,幫助讀者更妥善地處理設計衝突及評價,使設計更趨向完整。
2024.11.10 台中市政府 捷運藍線是台中市第二條捷運,在市府團隊努力推動下,進度再傳來「捷」報!交通局長葉昭甫表示,捷運藍線基本設計已獲中央通知核定,感謝行政院公共工程委員會及交通部大力協助,在最短時間審查通過,同意核列台中捷運藍線工程建造經費,市府也隨即展開後續各項作業發包工作,繼捷運綠
Thumbnail
本文推薦的是我個人認為極具實用性的設計工具書——《基本的基本:版面設計的基礎思維》,這本書由日本知名平面設計師佐藤直樹(Asyl)編撰,適合新手設計師快速上手,打好基礎,讓編排設計這件事情能事半功倍。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
2024.06.05 台中市政府 台中市政府積極打造「捷運大台中」,提供中台灣便捷交通,繼第一條捷運綠線上路後,接力推動捷運藍線期程邁出一大步。交通局表示,捷運藍線基本設計審議資料提報交通部審查,盼中央早日核定,為縮短前置作業,已完成沿線路線測量、地質、水文、管線、橋梁涵洞、土石方處理等各項調查工
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
本篇文章探討極簡設計的幾個面向,並分析設計師追求極簡設計的原因,以及極簡設計背後的自由審美的可能性。文章釐清極簡設計的本質,強調極簡設計不應該只是一種風格,而是一種設計的態度。
Thumbnail
這篇文章主要討論了設計的主客觀問題。透過討論設計師必然面對的主客觀問題,幫助讀者更妥善地處理設計衝突及評價,使設計更趨向完整。