非設計師的7個圖形設計技巧

[ad_1]

非設計師的7個圖形設計技巧

即使您不是訓練有素的圖形設計師,您是否曾經不得不創建過設計?

  • 社交媒體專業人士通常會設計與有機帖子和付費廣告一起使用的創意元素。
  • SEO可能會設計橫幅廣告和標註。
  • 內容營銷人員設計特色圖像,甚至可能會製作自己的信息圖表。
  • 企業家和企業主可能正在設計他們的整個網站,等等。

對於任何數字營銷人員來說,圖形設計都是一項有用的技能。

即使您沒有圖形設計培訓,也可以創建外觀專業的設計。

怎麼樣?

這裡有七個技巧可以幫助您(非設計師)創建引人注目的設計。

1.擁抱空白

在創建設計時,圖形和文本傾向於引起所有關注。

沒有圖形和文字的區域同樣重要,為設計留出喘息的空間是將業餘設計與專業設計區分開的因素之一。

白色空間(又稱負空間)是設計元素之間和周圍的區域,不一定是白色的(可以是任何顏色,圖案甚至圖像)。

簡單的經驗法則是這樣的:

不要過度使用您的元素。

2.堅持使用兩種易於閱讀的字體

在選擇字體時,要重點關注的是可讀性。

真的很難閱讀的華麗字體會對您的設計造成損害。

始終選擇清晰的字體。

此外,請嘗試使用兩種字體。

不僅如此,還會造成混亂。太多的字體最終會使您的設計難以閱讀,並使其看起來像是由業餘愛好者創建的。

如果選擇兩種字體,則可以將一種用於標題,將另一種用於正文。

選擇一種與您的品牌色調/聲音一致的字體。

例如,時尚精品店可能在其數字營銷中使用的字體可能與科技公司可能選擇的字體有很大不同。

無論選擇哪種字體,都可以調整字距調整,跟蹤和引導,以使設計更具延展性。

3.始終密切注意對齊

區分專業外觀設計和業餘設計的另一件事?

對準。

當您調整設計元素時,切勿盲目猜測。

大多數設計程序都會顯示一些行,這些行會在文本框或圖形對齊時通知您,或者您可以打開網格線以自己查看。

如果您的程序沒有使用網格線的選項,您仍然可以添加一個。

上載網格的矢量圖像,並將其發送到設計的背面。

然後,當所有內容對齊時,刪除網格。

4.考慮顏色的心理影響

在創建品牌的調色板時,重要的是要能反映出您品牌的色調。

從心理上講,顏色會喚起不同的感受:

  • 藍色:信任,安全,保障和放鬆。

  • 紫色:創造力,豐富度和神秘感。

  • 綠色:財富,健康和活力。

  • 粉紅:女人味,浪漫和青春。

  • 橙色:充滿活力和熱情。

  • 黃色:樂觀,自發。

  • 紅色:激情和活力。

  • 黑色:精緻,奢華和力量。

  • 白色:純度和清潔度。

  • 灰色:重力和敬業精神。

在設計時,請務必牢記品牌的調色板所引起的感覺。

以藍色為例。

鑒於它是信任和安全的色彩,因此,大通,PayPal,Venmo和Visa等金融品牌都將藍色用作主要色彩也就不足為奇了。

考慮一下您希望品牌的顏色傳達給客戶什麼。

您可以在從品牌徽標到網站設計的所有內容中使用色彩心理學。

5.創建調色板

除了考慮顏色的心理之外,您還必須考慮顏色如何相互作用以為您的網站和設計創建整體調色板。

Adobe的 色輪 是一個超級有用的工具,可幫助您輕鬆創建調色板。

在這裡,我採用鮮綠色,並使用免費工具創建了五個可調整的調色板。

類似調色板

此調色板使用色輪上基礎色旁邊的顏色來創建單色外觀。

非設計師的7個圖形設計技巧「 width =」 1547「 height =」 274「 size =」(最大寬度:1547px)100vw,1547px「 srcset =」 https://cdn.searchenginejournal.com/wp-content/上傳/2019/12/analogous-color-palette-5e0bcaa51c7a8.png 1547w,https://cdn.searchenginejournal.com/wp-content/uploads/2019/12/analogous-color-palette-5e0bcaa51c7a8-480x85.png 480w, https://cdn.searchenginejournal.com/wp-content/uploads/2019/12/analogous-color-palette-5e0bcaa51c7a8-680x120.png 680w,https://cdn.searchenginejournal.com/wp-content/uploads/2019 /12/analogous-color-palette-5e0bcaa51c7a8-768x136.png 768w,https://cdn.searchenginejournal.com/wp-content/uploads/2019/12/analogous-color-palette-5e0bcaa51c7a8-1024x181.png 1024w「 src =「 https://cdn.searchenginejournal.com/wp-content/uploads/2019/12/analogous-color-palette-5e0bcaa51c7a8.png

互補色調色板

互補色調色板使用您的基色和該顏色的完全相反的顏色來創建對比度。

以一個為主導,以另一個為重音。

非設計師的7個圖形設計技巧「 width =」 1547「 height =」 270「 size =」(最大寬度:1547px)100vw,1547px「 srcset =」 https://cdn.searchenginejournal.com/wp-content/ uploads / 2019/12 / complementary-color-palette-5e0bc91a29fa5.png 1547w,https://cdn.searchenginejournal.com/wp-content/uploads/2019/12/complementary-color-palette-5e0bc91a29fa5-480x84.png 480w, https://cdn.searchenginejournal.com/wp-content/uploads/2019/12/complementary-color-palette-5e0bc91a29fa5-680x119.png 680w,https://cdn.searchenginejournal.com/wp-content/uploads/2019 /12/complementary-color-palette-5e0bc91a29fa5-768x134.png 768w,https://cdn.searchenginejournal.com/wp-content/uploads/2019/12/complementary-color-palette-5e0bc91a29fa5-1024x179.png 1024w「 src =「 https://cdn.searchenginejournal.com/wp-content/uploads/2019/12/complementary-color-palette-5e0bc91a29fa5.png

三合一調色板

三重色調色板可拉出在色輪上均勻間隔的三種顏色。

非設計師的7個圖形設計技巧「 width =」 1549「 height =」 280「 Size =」(最大寬度:1549px)100vw,1549px「 srcset =」 https://cdn.searchenginejournal.com/wp-content/上傳/2019/12/triad-color-palette-5e0bca2fb965c.png 1549w,https://cdn.searchenginejournal.com/wp-content/uploads/2019/12/triad-color-palette-5e0bca2fb965c-480x87.png 480w, https://cdn.searchenginejournal.com/wp-content/uploads/2019/12/triad-color-palette-5e0bca2fb965c-680x123.png 680w,https://cdn.searchenginejournal.com/wp-content/uploads/2019 /12/triad-color-palette-5e0bca2fb965c-768x139.png 768w,https://cdn.searchenginejournal.com/wp-content/uploads/2019/12/triad-color-palette-5e0bca2fb965c-1024x185.png 1024w「 src =「 https://cdn.searchenginejournal.com/wp-content/uploads/2019/12/triad-color-palette-5e0bca2fb965c.png

單色調色板

此調色板中的所有顏色均為主要顏色的陰影,色調或色調。

非設計師的7個圖形設計技巧「 width =」 1550「 height =」 278「 size =」(最大寬度:1550px)100vw,1550px「 srcset =」 https://cdn.searchenginejournal.com/wp-content/上載/2019/12/monocolour-color-palette-5e0bc9fcd6fa2.png 1550w,https://cdn.searchenginejournal.com/wp-content/uploads/2019/12/monocolour-color-palette-5e0bc9fcd6fa2-480x86.png 480w, https://cdn.searchenginejournal.com/wp-content/uploads/2019/12/monocolour-color-palette-5e0bc9fcd6fa2-680x122.png 680w,https://cdn.searchenginejournal.com/wp-content/uploads/2019 /12/monochrome-color-palette-5e0bc9fcd6fa2-768x138.png 768w,https://cdn.searchenginejournal.com/wp-content/uploads/2019/12/monocolour-color-palette-5e0bc9fcd6fa2-1024x184.png 1024w「 src =「 https://cdn.searchenginejournal.com/wp-content/uploads/2019/12/monocolour-color-palette-5e0bc9fcd6fa2.png

複合調色板

複合調色板將兩種與主色相鄰的色調合併在一起,而沒有太多的對比度。

非設計師的7個圖形設計技巧「 width =」 1543「 height =」 270「 Size =」(最大寬度:1543px)100vw,1543px「 srcset =」 https://cdn.searchenginejournal.com/wp-content/ uploads / 2019/12 / compound-color-palette-5e0bc917e058a.png 1543w,https://cdn.searchenginejournal.com/wp-content/uploads/2019/12/compound-color-palette-5e0bc917e058a-480x84.png 480w, https://cdn.searchenginejournal.com/wp-content/uploads/2019/12/compound-color-palette-5e0bc917e058a-680x119.png 680w,https://cdn.searchenginejournal.com/wp-content/uploads/2019 /12/compound-color-palette-5e0bc917e058a-768x134.png 768w,https://cdn.searchenginejournal.com/wp-content/uploads/2019/12/compound-color-palette-5e0bc917e058a-1024x179.png 1024w「 src =「 https://cdn.searchenginejournal.com/wp-content/uploads/2019/12/compound-color-palette-5e0bc917e058a.png6.注意Facebook對廣告圖片文字的限制

如果您要創建的圖片是針對Facebook廣告的,則請注意新聞源中Facebook針對廣告使用的20%文字規則。

顧名思義,任何廣告照片的文字均不得超過20%。

如果您要為廣告設計圖片,請從一開始就牢記此規則-以後您可以免於頭痛。

在將其上傳到廣告之前,您甚至可以通過 Facebook的圖片文字檢查 工具,以確保它會通過。

7.確保品牌樣式指南中包含視覺組件

建立品牌風格指南非常重要,因為它可以確保每個人都在同一頁面上(不要雙關語),並創建外觀上一致的設計。

樣式指南的視覺部分應包括以下內容:

  • 字體庫。
  • 調色板,每種顏色均帶有十六進位,CMYK和RGB代碼。
  • 多種品牌徽標可供選擇。
  • 設計中經常使用的品牌資產和照片。
  • 有關如何/何時使用某些顏色,字體,大小等的相關說明。

結論

無需專業人士即可創建外觀專業的設計。

使用這些非設計者的設計技巧來影響您的創作,而且沒有人會知道您是自學成才的!

圖片積分

作者截取的所有屏幕截圖,2020年1月

相關文章