所有非設計師都需要知道的 17 個平面設計技巧

已發表: 2016-03-29

我有一個懺悔……

我不是一個訓練有素的平面設計師。 但如果你正在閱讀這篇文章,你可能也不是。 而且我猜你不會很快就去藝術學校。

現在好消息來了……

如果您正在為博客文章、社交媒體或在線廣告設計圖像,則不需要平面設計學位。 您只需要了解一些最佳實踐。 這就是我進來的地方。

在這篇文章中,我們匯總了所有非設計師都需要知道的 17 個平面設計技巧。 如果您遵循它們,您將能夠順利製作出滿足您所有在線需求的精美圖形。

1. 從一個很棒的調色板開始

有沒有註意到最好的設計往往有漂亮的顏色? 這絕非偶然。 選擇出色的調色板是出色設計的關鍵之一。

現在,在您對選擇自己的顏色的想法感到畏縮之前,您不必這樣做。 使用像 ColourLovers 這樣的網站可以讓您訪問數百萬種漂亮的調色板。 只需找到您喜歡的十六進制代碼,並在您的設計中使用它。

以下是查找調色板的一些重要資源:

  • Shapefactory 的顏料
  • 冷卻器
  • 土坯顏色

如果您正在尋找更多配色方案的想法,請查看我們的調色板靈感資源詳細列表!

色彩愛好者

2. 不要被字體沖昏頭腦

理想情況下,您希望將自己限制為 1 或 2 種字體。 這使您不必擔心大量的字體組合。 如果您要使用多種字體,請將一種用於標題,另一種用於正文。

限製字體

3.有一個“滑動文件”

這個術語來自文案世界,但在這裡同樣適用。 “滑動文件”是指文案人員看到的良好副本的實例。 在我們的例子中,這意味著您看到的優秀設計實例。

以這些示例為例,將它們存儲在某個地方(您的計算機、保管箱等),然後在適當的時候將它們帶回來。 如果你不完全抄襲別人,借用一點設計才華並沒有什麼可恥的。

如果您正在為 Facebook 廣告設計圖片,您可能需要查看 AdEspresso Facebook 廣告庫。 您還可以查看 Dribbble 和 Behance 等設計網站。

4. 不要害怕空白

不,不是在間隔的意義上空白。 相反,不要害怕在您的設計中留下空白。 有時,正如他們所說,少即是多。

通常設計會變得如此混亂,以至於一些沒有任何東西佔據的空白空間實際上會增強設計。 這可能需要您進行一些心理調整。 但是通過正確的更改,您可以使用這個簡單的概念跳過看似“專家”的設計師。

如果您想學習如何利用空白區域,請查看 Apple 創建的任何營銷圖片。

iphone-white-space

5. 對齊你的對象

這有助於將設計元素保持在可呈現的順序中,而不管它們的大小不同。 正確對齊是一種讓您的圖像具有精緻和專業外觀的簡單方法。

在 Snappa 中拖動項目時,網格線會自動出現,使排列對像變得非常容易。

對齊對象

6. 使用圖標來支持您的信息

圖標就像黑胡椒。 它們可以撒在您正在製作的任何設計之上。 這些圖標將為您的設計增添額外的趣味,確保它的“味道”很棒。

我們非常廣泛地使用圖標來強化我們博客文章的內容。 如果您想向大師學習,請查看 Helpdesk 博客以獲取更多靈感。

Helpscout 圖標

7. 遵循你自己的設計規則

規則,什麼規則? 你為自己設定的那些。

這些可能不會是特定的規則。 而是在您的設計中使用一組特定的顏色、線條、紋理等的情況。如果您已經確定了該選擇,請不要轉身做與它相反的事情。 與您的“設計規則”保持一致,以確保整體形象的一致性。

8.沖洗並重複

如果您在一個廣告活動、網站或其他項目中處理多個設計 – 對您來說最簡單的方法是沖洗和重複。 也就是說,複製您的設計,然後更換您需要更改的元素。 這可確保格式相同,即使您更改內容也是如此。

9. 使用字體變體

您可以添加大量種類,同時仍然保持一致。 關鍵是使用來自單一字體“系列”的文本。

字體“家族”的一個例子是 Arial,它具有基本的 Arial 字體,以及 Arial Black、Arial Narrow 和 Arial Rounded MT Bold 等變體。 這些字體看起來都不一樣。 然而,它們之間有足夠的共同點,在設計中一起使用時會產生一致性感。

字體變體

10.充分利用對比

使用對比有助於為您的設計添加“態度”,並使某些元素脫穎而出。 也有很多方法可以產生對比。 您可以在設計中使用對比色、字體,甚至對比項之間的空間量。

在現實世界中也考慮一下,你會明白為什麼這是有道理的。 一個七英尺高的人(例如摔跤手安德烈巨人,或籃球運動員姚明)會受到關注,因為他們與一般人群形成對比。 這同樣適用於設計中的對比元素。

如果要確定哪些顏色對比,請使用 Adob​​e Color 之類的色輪。

對比色

11.用一條(或兩條)來營造秩序感

線條有助於在圖像中錨定項目並營造整體秩序感。 通過將線條放在文本塊周圍來使用圖像中的線條 - 通過錨定文本。

您還可以將線條作為圖像中各種元素之間的“分隔符”。 在後一種情況下,元素的分離感進一步增強了設計中的規劃和協調感。 添加一行

12. 規劃你的設計

我們將這個技巧放在技巧列表的中間,以反映大多數人的平面設計過程中規劃通常落入的位置。

與將規劃作為第一步必不可少的步驟不同,普通的非設計師只是在他們深入設計過程後才開始認真考慮他們的設計計劃。

計劃階段不需要很長時間。 事實上,它可能只是一兩分鐘。 但如果你知道你要完成你開始設計之前,你會得到的東西更快完成。

13.通過調整亮度級別在圖像上添加文本

當您的設計涉及在圖像上放置文本時,請調整背景圖像的亮度級別或添加顏色疊加。 這樣,背景圖像將抵消文本的顏色,使文本可讀並且設計看起來仍然乾淨清晰。

您可以使用我們的免費在線報價工具輕鬆將報價轉換為圖形!

亮度等級

14.仔細組織你的正文

每當您有正文(即段落)時,每行不應超過大約 30-40 個字符。 這也包括空格,因此請謹慎選擇。

如果超過這個大概長度,你就會冒著讓讀者難以理解句子的風險。 再短一點,你的文本行就會開始像俄羅斯方塊一樣,漫不經心地落入不穩定的溪流中。

15. 想想你為誰設計

除非這純粹是為了您個人的享受,否則您很可能是在為特定的受眾進行設計。 永遠不要忘記您正在設計的“誰”。 這可確保您創建的內容是您設計的目標受眾真正想要看到的,並且他們會做出積極的反應。

上下文在這裡很重要。 例如,一個黑暗、骯髒、甚至令人毛骨悚然的設計——不會是你想要在網站上為高檔、昂貴的產品提供的那種東西。 例如,對於成熟的成年觀眾來說,設計感覺太“幼稚”(淺色、使用彎曲的線條、卡通等)也是如此。

16.讓形式跟隨功能

正如您所聽到的,它仍然無可否認是正確的——形式服從功能。 因此,請確保您了解設計的功能。 知道您將能夠更輕鬆地找到有效的表格。 您將更好地了解什麼屬於設計,什麼不屬於設計。

例如,設計為僅在啟動前收集電子郵件的啟動頁面可能不需要帶有圖像的輪播。 當我們有我們的初始註冊期時 – 我們沒有使用使我們的初始網站複雜化的項目。 相反,我們根據其功能定制了網站的形式——即接收人們的電子郵件。 這些出色的設計示例也利用此規則來提高轉化率並改善用戶體驗。

所有這一切都歸結為了解設計的“原因”。 並且仔細思考。

17.保持簡單

你有沒有看過一部電影——超級英雄電影和科幻史詩——有太多的特效。 太多的爆炸,超速的飛船,巨型機器人等等。 最終,特效只是模糊在一起,並消除了電影其他地方發生的大部分事情。 (我們正在看著你,變形金剛。)

你的設計也是一樣。 如果您使用過多的特殊效果(例如陰影和色調漸變)過度使用它,您將很快轉向臃腫且美觀的圖像。

您仍然可以使用一些設計“特效”。 但是將它們少量撒在您的設計上,就像在沙拉上撒一點香醋一樣。 太多的香脂,它否定了沙拉。 還有太多的特效,它否定了您設計的其餘部分。

把事情簡單化

結論

如您所見,平面設計並不難。 只需遵循這 17 個提示,您就可以順利在線製作精美的圖像。