設計的基本原則有哪些？

01-05

比如大氣簡潔清爽等

我只知道第一原則：設計是為了解決問題，而非自我表達。

設計的根本目的是為了解決問題

解決問題的根本前提是要了解到都有哪些問題

這些問題之所以產生是因為現有解決方案無法對應到用戶的心智模型

用戶的心智模型會有一些固定的心理模式存在

而心理模式……設計原則由此而來

視覺角度：

格式塔原理

樓上李蕭提到的四大原則

可用性角度：

尼爾森十大可用性原則

羅賓·威廉姆斯（不是那個喜劇演員羅賓·威廉姆斯）是當今世界最優秀的設計作家。她寫了一本非常好的書，《非設計師用設計手冊：視覺新手的設計和排版原則》，書中闡釋了平面設計的4個基本原則：

●對比（C）。如果設計元素各異，如類型、顏色、大小、線條粗細、形狀、空間等，那麼就要製造較大的差別。

●重複（R）。重複視覺元素能夠優化手冊、通信或信頭的布局結構，增強其協調性。

●校準（A）。設計圖上的任何元素都不是隨意添加的，每個元素都要和其他元素有一定的視覺相關性。

●鄰近原則（P）。相鄰的元素要緊密結合在一起。

威廉姆斯在書中舉了很多例子，不妨翻翻看。如果你注意到了她所提到的CRAP，將來就可能避免作出看上去不太好的設計。

以下內容轉自我的一次分享，希望對你有幫助！

這是海聯隊的第3次公開課

歡迎大家來聽我們的#海聯公開課#《講給大家聽的設計課》

▎我覺得世界上只有兩類人，一類是會做設計的，另一類是不知道自己會做設計的。

▎今天我給大家分享的不是某款軟體的使用教程或是某種特效的的製作方法，而是在很多情況下對很多人都能起到幫助的基礎的設計原則。

今天課程我從五個方面來講

▎既然要做一個PPT來跟大家講設計，所以我把每一頁的PPT都當成海報來做。我在ppt中放了很多案例，與此同時，這個PPT本身就是一個案例，所以請大家注意觀察噢。觀察每一頁的設計，並且對照他是否符合我講的那些原則。首先我們來看一些不那麼好的作品

丑的人各有各的丑法

?髒亂差，像街頭小廣告，提不起任何觀看慾望；

?界面相對乾淨，但元素分散，必須四下尋找信息，容易使注意力分散；

?對比不明顯，字體背景顏色接近，視覺效果極差；

?有部分設計感，可是極其平淡，抓不住眼球。

然後我們看一些有潛力的作品

左邊】來自甘肅農業大學的孔德淵。是一個活動宣傳海報。

可以看到海報中有很多元素，而且看的出來作者花了很多精力和熱情，但是美觀程度上有所不足。

右邊】來自昆明理工大學的張瑾。

創意點是不錯的，並且各種元素的利用也很不錯，但是還是有一些美觀上的不足【不過編者認為，撇開那些看起來不是很美觀的字，整張海報還是很有可觀性的嘛，所以這也從側面烘托出良好字體運用的重要性啦~】

最後我們來看一些優秀的作品

【這兩幅優秀的海報有沒有讓你覺得有眼前一亮，很舒服的感覺？】

SUN ALSO RISES

左邊】是姜文導演的電影《太陽照常升起》在國外上映的時候的宣傳海報簡潔但不失特色。【編者認為這是個取巧的海報，歪果銀普遍比較喜歡這種「大色塊+突出主題」的海報，入鄉隨俗嘛╮(╯▽╰)╭】

畫面中心是電影名字和女主角的人像剪影，背景是主題色，大片的【姨媽】紅，是不是很帶感？很有視覺衝擊力？【23333~我在說什麼(?⊙ω⊙)? 【霧】】

除了這些重點突出的元素其他的信息像演員名單和工作人員等都放在海報底部用簡單的大小字進行適度的分層【比如導演就比演員的字大，那其他人就小到看不見~(￣_,￣ )】

【編】總之就是把所有需要突出和強調的東西放肆的強調出來，然後那些神馬導演啊主演啊編劇啊和一些閑雜人等就放在犄角旮旯意思意思一下就好，有心的人自己會找的。簡單來說，這張海報告訴我們要突出主題！

五月風

右邊】同樣是社團活動的通知，但它的設計感就很強。

因為是跟風箏相關的活動，所以找了相關的圖片，讓它佔據很大的版面，給人很強的視覺衝擊力，第一印象很明確。活動標題也直接放在圖片上，閱讀感受很好，活動的相關信息有序的排列在海報的下方。簡潔舒適。

【編】總之，編者本人是很喜聞樂見這種「小清新風」的海報的，並且大多數人都蠻喜歡的，不得不說這也是種取巧的設計喲~ 快快快，學起來！

接下來我們歸納一下這些好的設計和不好的設計他們的區別都體現在哪些方面，把一個設計做的像上述兩個海報一樣需要幾個步驟，讓我們一起來看一下。

1親密▏簡單來說，就是相關的元素放在一起，不相關的就放在其他的地方。

▏就像寫作一樣，每一段有一段的主題，寫完一段再另起一行寫另外一段。

▎所以在設計前你要想一下要表達什麼內容，如果兩個元素邏輯上是相關的，那它們視覺上也應該是相關的，如果邏輯上是分開的，那麼在視覺上也應該分開，一般來說分開的越明顯越好。

2對齊▏設計上每一個元素都不應該被隨意的放置，都需要按照一定的方式來對齊。

2對齊▏從居中對齊到右對齊視覺上的對齊感就變強了。

▏但是有可能你會覺得進行了「對齊」這一步以後的效果沒有「親密」效果來的明顯，但是有設計敏感度的人會看出其中的差別。

就像女生化妝一樣，有些步驟比如補水啊遮瑕啊什麼的可能沒有美白效果明顯，但女生會告訴你一步都不能少，等她完全化完妝以後你就不認識她了。

【編者認為，某些明星進行面部的微調就是這樣一種想要進步的表現，就像是一張「哎喲，不錯哦」的臉蛋奮發向上進行高階的設計最終達到「哇塞」的勵志故事 b(￣▽￣)d 】

3重複

▏適當的重複也有助於加強聯繫。

▎圖中文章的標題和作者名是相關的和重要的信息，所以我們為他們選擇相同的字體來製造重複，增強聯繫。這裡面還添加了小三角，從外來人為的引入一種符號，進一步創造重複和聯繫。

【當然編者認為不加也闊以，唉，誰讓編者是沒有設計敏感的人呢QAQ 但是編者認為增加了趣味性和人文性，也很有趣。】

4對比

▏需要做到不對比則以，一對比就要做徹底，這樣才有效果。

我們生活中對比是很常見的，比如超市打折牌，真是超吸引人，是吧~

5聯繫

▏將字體改為斜體，只是一個簡單的動作，就賦予了內容手寫體靈動的感覺，更具有人文氣息，也更有感情。

到這裡我想問一下大家，還記得最初我們海報的樣子嗎？

哪個會給你的衝擊力多一點呢？我相信是後者吧！

現在我們看看運用了以上方式的案例

▏與最開始那個像小廣告一樣的玩意比起來，最終的截稿是不是感覺耳目一新，脫胎換骨了？

▏感受到5個小錦囊的神奇了嗎？

啟示

當你完全理解這五個規則以後，你再做東西就會有些味道了。

設計並不難學，如果你最開始還不會用PS,AI這類的軟體，只要你腦海里有了你想要的樣子，那麼，即使用PPT，用美圖秀秀也可以做出不錯的設計。

這5個錦囊分享給你的是內功，如果內功掌握的好，那不同的工具對你來說只是一個工具選擇的問題，但如果你內功沒有掌握好，那麼即使你工具運用的很熟練，那也只是熟練的做出一些很醜的作品而已，並沒有什麼價值。

一個妙招

一個妙招換一個字體往往能給你的作品帶來不同的味道、

?這個小妙招很方便也可以很簡單的提升你設計的13格。

?快拋棄時時刻刻出現在我們身邊的「宋體」，徜徉在高13格字體的海洋中吧。

?優秀的設計，從拒絕「宋體」開始。

【編者提醒】字體雖好，可不要貪多喲~

不同字體在同一個作品中最好不要超過三種。

一個妙招不僅僅是改變字體，對字體變形也是很有趣的改變。

▏?是甘農大海聯隊做的海報，這是一個對字體靈活運用的例子，雖然都是字，但給人的感覺很好，很有設計感和張力。

▏?來自朱贏椿先生的一本書《設計詩》。

先生把設計和詩融會貫通起來，很有創意點。他製作了一系列的書，其中很多書都獲得「世界最美的書」讚譽。圖中節選的這一篇詩，只是聽和讀，感覺並沒有什麼特別的地方，但是看到這張圖的時候就會覺得很有趣。

①我看著鏡子中的我的時候「我」進行了一個鏡面的反轉，好像「我」真的在照鏡子一樣，十分具有畫面感；

②他寫「我眼角多了一道皺紋」，這時候你仔細觀察會發現「目」字旁多了一橫，好像真的有皺紋一樣。

這些都是創意的點，就看你能不能想到。

▏?是我先前的作品，也是對字體的變形。

首先先想好文案「悲傷是因為心中隱藏著失落感」。這句話本來就挺難過的吧，我們來讓它更難過。

第一步，把「失」的一捺進行拉長變形，營造出一種漫長的，牽掛的感覺；

第二步，把「落」進行分離變形，表現出一種分離，散落，落寞的感覺；

最後，把「感」字的「心」做一個變形，首先把心裏面的三個點做成紅色，對應心的顏色，在形狀上進行位移，把它做的像落淚一樣，體現哭泣，心碎的感覺。

▎經過這樣的設計，同樣一句話看起來是不是更加傷感了？這就是設計的力量！

以上，也感謝文中出現的編者幫我做的整理，這個內容最初由她發布在「HiLeader海聯隊」公眾號上，我搬運至此。謝謝！

四大設計基本原則

對比（Contrast）
重複（Repetition）
對齊（Alignment）
親密性（Proximity）

下面是《寫給大家看的設計書》中的原文

產品設計的基本原則：解決用戶需求

交互設計的基本原則：可用、易用、耐用

視覺設計的基本原則：漂亮的同時要風格統一

我目前從事互聯網行業，一名視覺設計師。針對我個人而言，好的作品主要有以下幾點：

1.是不是有效的傳達了所要表達的信息。

2.是不是用簡潔而大氣的方式進行了傳達。

3.作品是不是超出了一般用戶的預期，只需要超出一點點就可以了。

可能性和選擇

民主性

對我來說是針對性，設計為得是在滿足人們的使用、適用同時的創新，設計得首先了解針對的人群的特點和需求以及他們的心理。

微

並

氣

間

秘

素

借

破

原則就是先把握核心需求，什麼對比、重複、對齊，這些都不是原則，只是為了滿足需求的手段而已。

猜猜下面兩個方案哪個通過了

就界面設計而言，基本原則有一致性，層級概念，以及個性的表達。

盡量不抄襲

工作一年多感覺還沒有特別成熟的原則:

1. 最重要的是把握核心需求(解決什麼問題).這個需要仔細溝通和理解.我老闆經常說寧願開會討論三天要做些什麼事也不要做了三天不知道做了個啥.

2.拿到需求後要分析行業特性和企業定位以及具體的受眾群體等等.做完這些操蛋的工作後才在腦里有一個大致的輪廓.

3.「要著力於表達什麼,而不是用什麼形式表達"分清楚信息的主次順序.接下來所有的工作都是為了突出烘托主題部分，常用方法有對比.重複.對齊.統一.注重質感和光線的細節表達,圖文可讀性和圖文佔比率.留白的使用.色彩的合理統一搭配.

4.前期參考大量同類型的優秀設計.學會抄襲"

5.反覆修改.熱愛批評的聲音"我都是回答：謝謝你！

設計即是用美的方式解決問題。

所以原則有兩個，一是要美觀，二是要解決問題。

缺一不可。

解決問題，服務生活。

我們專業課講過，一，完整性原則，一件作品不僅要局部好看，好用，更要強調其整體性價值；二，變化性原則，時代在變，人們的觀念，需求，願望也在變，設計師應發現這種變化，並進行設計，以服務於人；三，設計資源，一是指工業方面，如材料能源，二是設計師本身也是一種資源，作為設計活動的主體，要不斷充實提升自己；四，綜合性原則，要考慮市場，消費，人的需求，工業技術等因素，綜合應用到設計中，才能更好的為人服務；五，服務性原則，設計師的作用是生活的銜接與聯繫，把生產與消費生活緊密聯繫在一起，才能更好的服務於使用者。