設計原則

 

Design Guideline

設計原則

 

摘要 (Abstract)

設計原則是人機互動與介面設計等不同設計領域長久以來所發展的一系列共通的原則,能夠做為產品概念發展時的參考依據。參考設計原則建立產品雛型,才能符合特定產品的設計規範。

定義(Definition)

是一套共同的架構,無法清楚歸類,使用形式、結構和創造力,將訊息傳達給您想傳達的任何對象。而他的方法就是藉由設計,並以您的目標對象為基準,透過引人入勝的方式安排內容。

設計:指計畫、有意識的意圖。在腦中構思規劃目的,針對特定功能或問題發明;決定機能、發展或呈現的根本方案。 原則:全面且基本的法則、教條或假設;創造與設計流程背後的本質。

四個基本設計原則:每個原則是相互關聯的。

1.對比(Contrast)

摘要:避免版面上有太多相似的元素,用各種不同的元素創造對比,將觀看者的目光吸引到頁面上。可以使用色彩、大小、材質或字體等方式形成對比,就能創造強烈的視覺存在感,讓觀看者可以將注意力放在您的關鍵訊息。

目的:創造版面的吸引力及讓資訊調理井然

2.:重複(Repetition)

摘要:重複的目的就是一致性,有助於架構安排,讓設計中的視覺要素在整個作品中重複出現。

目的:統一及提高視覺吸引力

3.對齊 (Alignment)

摘要:版面上的每個元素不能隨意安排,必須與其他元素有視覺上的關聯性,確保閱讀流暢不費力,而他也可以創造整齊精緻的外觀,有助於觀看者將注意力放在您的關鍵訊息,讓各個元素產生連結。

目的:和諧一致又井然有序

4.相近(Proximity)

摘要:元素彼此有關聯,要將元素分為相近的距離;沒有直接關聯的元素則要區隔開。元素之間的間距變化,顯示彼此關係的緊密度或重要性。而且使用這個原則,形成更有凝聚性的單元,就能減少雜亂並更清楚明確的表達整個架構。

目的:建立條理

十個優質設計原則

1.統一&多元(Unity&Variety)

統一是由密切相關的元素所組成的整體特質;它們特製是相近的。

多元為擁有不同形式或類型的特質或狀態,在同一普遍類別內互有差異;不會單調或一成不變。

目的:統一或多元的多寡,往往依問題的功能需求而定,重點在於找到平衡。

2.群組(Grouping)

集合成群的動作或過程;集合成群的一組物件或圖像;把元素組成整體。

目的:有意識地匯集元素,有助於將設計統整為一體。

3.韻律&圖樣(Ryhthm&Pattern)

韻律是相關元素的規律再現或自然流動所突顯的律動或波動。

圖樣是一個單元,以整齊劃一的間隔一再複製,衍生的重複式樣。

目的:賦予設計秩序感的有效工具,不論整齊劃一或是間歇停頓。

4.連接(Connection)

把兩種相似或相異的元素串連起來,以強化其關係。

目的:在視覺上或實體上相連,變成一個新元素。

5.對比(Contrast)

相互比較的物件之間的差異,尤其是明顯的差異;相異元素的並列。許多特質可以形成對比,如 大小、形狀、顏色、紋理、明暗、位置。

目的:按視覺重要性排序,展現層次。

6.背景&縮放(Context&Scale)

背景是一種相互關聯的狀況,在裡頭有某物存在或發生;縮放是兩套尺寸間的比例。好設計就是存在於不同的尺寸與領域之間。

目的:挑戰實現設計的過程,啟發更好跨領域方式。

7.平衡(Balance)

對比、相反或互動元素之間的均衡,創造對稱或不對稱的平衡。

目的:元素賞心悅目的整合。

8.佈局(Placement)

定位的動作或例子,任何設計問題都需要仔細衡量特定元素的佈局。

目的:訂定方向,而元素的方向會影響觀感。

9.比例(Proportion)

一元素相對於另一元素或相對於整體的關係,可以應用在許多種關係上,例如長度對長度、大小對大小、長度對寬度、佈局、明暗或顏色,只要是可以量化的東西幾乎都能用上。

目的:比例的調整,任何增、減、修改都有可能破壞整理的和諧。

10.意義(Meaning)

特定含義或意向的指涉。

目的:設計是為了解決問題。

步驟(Procedure)

Step1 對象需求

設計項目主要是為了解決什麼問題,給何種對象知道或使用。

Step2.主題確立

制定風格並創造有明確且有創意的主題 。

Step3.造型特色

利用設計原則發展特色,如色彩、大小、材質或字體安插文字及外框造型並形成對比  。

Step4.內容集結

將排列、重複等透過元素連結起來,並讓觀看者清楚明白重點內容。

Step5. 最後修訂

整合所有元素,使能流暢有效地傳達設計概念。

Step6. 最後呈現

整合上列五個步驟,討論並修改,完成設計的最終型態

案例(Case)

案例一 假設為一間創意工作室製作一張海報,要代表以下意義:創意、設計、抽象、合作。

Step1. 接受個案

一張海報主題的訂定可以影響該海報設計類型與風格的確立,因此主題與內文是海報的靈魂,所以必須先確定主題。

Step2.研究

而所有設計問題都由研究開始,必須熟悉問題內容,找出所有的相關資訊聚集在一起。

Step3.設計探索

由廣泛探索設計的方向,構思多幅海報的草圖,鎖定一個主要構想脈絡,選擇最適合海報的風格、字題與插圖進行設計。

Step4.構想脈絡

為了讓海報能夠清楚表達主題,可以用色彩、大小、材質或字體安插文字及外框造型連結,而所有元素及版面的佈局呈現出的訊息是否明確都是影響整個海報是否有視覺美感的因素。

Step5.改善設計

確認所有的訊息是否一致,配合文字的速讀性與可讀性,以及關注遠看和邊走邊看的效果,讓大家知道這個海報的重點所在。

Step6.最後修訂

確認委託者與設計者對於該海報的認知差異,以及修改錯誤之處,是改善階段的最後一步。例如看起來過於拘泥,則更改為更流暢的曲線。

Step7.最終呈現

整合以上結果所設計出的最後方案就是海報的最終呈現。


案例二    假設為榛果巧克力設計一個包裝禮盒,須包含甜蜜、誘惑、榛果、健康的元素。

Step1. 接受個案

首先必須先思考品牌定位、傳送的價值主張以及品牌調性問題。

Step2.研究

進行市場研究,了解目標消費群體,找出所有的相關資訊,根據目標族群的審美觀與風俗習慣進行發想的包裝才有靈魂。

Step3.設計探索

在以往包裝上尋求突破點,賦予包裝具有特色的核心價值,像是造形、色彩、字體。如從甜蜜、誘惑、榛果、健康創造出各自代表顏色,再進行設計色彩拼接碰撞。

Step4.構想脈絡

找到產品包裝的風格和調性 ,強化產品特色,充分發揮自身優勢,著重特色設計。

Step5.最後修訂

包裝在具體使用過程中,要注意傾聽銷售人員與經銷商的意見,進行修改。

Step6.最終呈現

討論出哪一些還需要修改的地方,最後方案就是商品包裝設計的最終呈現。

參考資料(Reference)

維基百科。通用設計。

David Ko。Kanban board 簡單的設計原則。

Wesley。設計的心理學 – 設計的基本原則。

Augus’s。設計四大基本原則。

DESIGNING BY LEARNING

書名:The Non-Designer’s Book  作者:Robin Williams

書名:設計原點 作者:Peg Faimon / John Weigand

資料整理:2018 魏丞宏、2019 吳慧君、2021廖翊晴

總編輯:羅歆慈

編輯與排版:李明容

分享 Acadeck 給更多人!