如何為您的所有在線平台 DIY 一個令人驚嘆的視覺品牌(無需 Photoshop)

已發表: 2017-11-21

建立品牌標識不僅僅關乎視覺效果,還可以為您的圖形添加一層潤色,讓您的觀眾尖叫“專業”。

無論您要構建什麼,無論是博客、Youtube 頻道、商店還是其他完全不同的東西,這都是您想要的。 如果您正在更新您的品牌,甚至只是您的視覺資產,這也很重要。 (假日主題的社交媒體資料,有人嗎?)

另外,作為一個擁有殺手級圖形的熱門新 YouTuber 脫穎而出,比作為一個不知道如何搖滾縮略圖的 YouTuber 脫穎而出要好得多,你知道嗎?

幸運的是,這些天你有選擇。 如果您還沒有準備好投資專業設計師,並且學習 Photoshop 的想法讓您畏縮,您仍然可以為任何項目或平台建立一個偉大的視覺品牌。

無論您是更新現有品牌,還是啟動一個全新項目,請確保您的視覺效果恰到好處。 以下是使用適合初學者的工具的方法。

介紹 Hatchful

Hatchful 是您掌中的品牌助手

Hatchful 是一款移動應用程序,可幫助您從手掌開始構建視覺標識。

您只需回答幾個有關您業務的問題,Hatchful 就會從數百個可用模板中推薦徽標。 從那裡,您可以自定義品牌的顏色和字體,並下載您需要的所有品牌資產——包括適用於所有社交媒體平台的完美尺寸圖像。

無論您是否是 Shopify 商家,Hatchful 均可免費使用。 (您可以在應用程序中購買高級徽標模板,並且只有在下載時才需要付費。)

安裝 Hatchful

品牌戰略概述

在您真正深入了解您的視​​覺效果之前,您需要更全面地了解您的品牌。 畢竟,這不僅僅是關於你的字體、顏色、標誌和視覺營銷,這些都和這些東西一樣重要。

你的品牌的基礎是你是誰,你代表什麼,你為誰服務。 一旦你知道了這一點,細節就會變得容易得多。

你的品牌的基礎是你是誰,你代表什麼,你為誰服務。

為了幫助您更好地了解您的品牌,請嘗試回答以下問題。

  • 你做什麼工作?
  • 你為什麼這樣做?
  • 你為誰服務?
  • 他們需要什麼?
  • 是什麼讓你與眾不同?

記住——你不可能成為所有人的一切,你不應該嘗試。 最好的品牌是代表某種東西的品牌,所以不要害怕把賭注放在地上。

這甚至可能意味著在列表中添加一些問題:

  • 不做什麼?
  • 為誰服務?

例如,如果您處於傳統上以男性為主的行業或利基市場,但您的品牌專注於女性受眾,那麼這很重要。 或者也許你是一個瑜伽品牌,但你是為那些從未想過自己會成為“瑜伽人”的人服務的。

當您為品牌的各個方面(而不僅僅是視覺效果)打下堅實的基礎時,做出選擇會容易得多。

進一步閱讀:需要確定品牌的每個部分嗎? 看看這個建立品牌的七步指南。

建立視覺品牌形象

現在您已經有了良好的基礎,是時候開始關注視覺效果了。

擁有強大視覺品牌的公司在競爭中佔據優勢,因為大多數時候,您甚至可以在沒有看到他們的標誌的情況下識別出他們的廣告或帖子。 這是因為它們與視覺效果一致,從使用的字體到圖像的處理。

這是一個例子。 你覺得這個廣告是誰做的?

可識別的廣告示例
照片提供:廣告論壇

還是這個?

可識別廣告的另一個示例
照片由(劇透警報)提供:耐克

您可能立即知道第一個廣告來自 Apple,來自他們長期運行的 iPod 廣告風格,而第二個廣告中的字體尖叫著耐克。 這就是一致的視覺品牌的力量,包括一致的標誌使用、字體使用和產品設計。

您也可以通過增加視覺效果的一致性來建立一個與這些大品牌一樣可識別的品牌,這樣每當他們看到 Pinterest 上的圖釘或 Youtube 封面圖片時,他們就知道它來自您。

一個做得很好的品牌是金融飲食。 以下是他們的 Youtube 頁面、網站和商店中的一些圖片,所有這些顯然都是同一個一致品牌的一部分。 只要他們的粉絲看到一張圖片,他們就可以看出它來自 TFD。

tfd 品牌標識指南示例

一致的品牌是幫助您未來的粉絲和客戶找到您的另一種方式,隨著時間的推移,這些視覺效果會提示他們,他們可以期待從您那裡獲得與他們習慣相同的高質量內容或產品。

當您決定要為您的品牌使用什麼時,請務必寫下您選擇的內容:

  • 字體:您將使用哪些字體作為標題? 您將哪些用於正文? 您是否使用任何字體來強調?
  • 顏色:什麼顏色適合您的品牌? 你會用多少種顏色? 選擇它們時,請確保記錄每個十六進制代碼,類似於#5c6ac4。 這就是大多數網絡平台將確保他們使用您想要的確切顏色的方式。
  • 圖案:你用條紋嗎? 波爾卡圓點? 沒有圖案,曾經嗎? 記下它,並保存您喜歡的任何示例。
  • 圖像處理:你所有的圖像都是黑白的,還是你喜歡鮮豔的色彩? 你的圖像中總是有人物嗎? 您只想使用插圖嗎?
  • 標誌變體:您使用標誌的不同方式是什麼? 您是否有基於文本的徽標、圖標或兩者兼有?

這是品牌風格指南可以派上用場的地方。 它可以幫助您跟踪您對品牌所做的所有決定,以便下次您需要創建某些東西時,它看起來就像來自您一樣。

如果您將圖形創建交給虛擬助手(或隨著您的成長而發展的其他員工),樣式指南也會很有幫助,並且如果您使用應用程序來構建圖形,則可以讓您保持正軌。

創建徽標

當你面對像耐克耐克這樣的圖標時,設計一個標誌可能會感覺很困難,但是有一些簡單的規則可以幫助你創建一個滿足你需要的標誌(以及更多)。

把事情簡單化

如果這是您的第一個徽標牛仔競技表演,您可能沒有意識到需要多少種不同的尺寸,但它比您想像的要多。 至少,您需要對您的徽標進行一些變體才能為您網站的網站圖標工作,這是您在 URL 欄中看到的小圖像或 Web 瀏覽器中的選項卡。

來自大品牌的網站圖標示例。
來自知名品牌的一些網站圖標。

完成這項工作的最簡單方法是讓您的徽標保持簡單。

非常詳細的徽標在完整的網頁上可能看起來很棒,但是當縮小到您需要的最小尺寸時,最終看起來很雜亂、忙碌或簡直糟糕透頂。 即使縮小到 Instagram 頭像或 Twitter 個人資料圖片也可能帶有詳細的徽標。

簡單是你的朋友。

創建變體

到目前為止,我們涉及的所有示例都是方形圖像,但是您的網站標題或 Youtube 橫幅圖像呢? 這兩者通常會給你更多的水平空間,矩形徽標或文字標記可能更適合。

這是沃爾瑪的一個例子。 他們在他們的 Facebook 個人資料照片中使用方形圖標,但他們也有一個矩形字標——為了保持一致性,他們在其他地方使用了這個圖標。

沃爾瑪不同標誌變體的示例

考慮上下文

您可能擁有通常被認為是您所在行業的一部分的特定項目或形狀。 想想金融的美元符號,化妝品的化妝刷,諸如此類。 您的行業中可能還會使用常見的顏色。

您是想深入了解它並使用那些常見的符號、顏色或約定,還是完全避免它們,這取決於您。 只要確保你是有意做出選擇的。

如何創建您的徽標

這就是你可能會感到緊張的地方,認為這需要記住很多東西——嘿,這不是你不需要了解 Photoshop 就能完成所有這些的承諾嗎?

你說得對。 這就是可以為您完成繁重工作的應用程序的用武之地。

Hatchful是一款適用於 iOS 和 Android 的應用程序,可以為您消除標誌設計中的猜測。 它的構建考慮了所有這些,並且通過您的一些輸入,它可以幫助您從數百個可用的徽標模板中選擇最佳的徽標模板。

您可以調整顏色、字體等,並下載您需要的所有變體和資產。 它是免費使用的,如果您想在您真正喜歡的設計上投入一點錢,還有高級徽標選項 - 但您只需在完成編輯並準備下載新徽標時付費和品牌資產。

進一步閱讀:這裡有五個其他的標誌生成器可以幫助你創建一個標誌(以及關於如何製作一個偉大的標誌的額外建議)。

品牌化您的平台

如今,僅僅為您的網站打上品牌並收工是不夠的——根據您的項目,您甚至可能還沒有或不需要網站。

但是,無論您從哪裡開始建立品牌(您的網站、Youtube、Instagram,等等),您都需要注意無處不在的視覺效果。

這意味著您需要為您所在的每個平台提供尺寸合適、顏色合適的品牌社交媒體圖片。

您需要為您所在的每個平台提供尺寸合適、顏色合適的品牌社交媒體圖片。

我們可以共享每個平台的每種圖像尺寸的完整清單,但這不僅會使清單變得很長,而且一旦一個平台更改其佈局或首選圖像尺寸,它也會過時。 (如果您正在尋找尺寸,Sprout Social 可以很好地在這篇文章中保持它們的最新狀態。)

但是為什麼不使用可以為您處理所有圖像大小的工具呢?

Hatchful 將為您構建 Youtube、Facebook、Instagram 等的品牌社交媒體圖像,您可以直接從應用程序下載它們。 您的圖像將針對每個平台進行適當的格式化和調整。

您所要做的就是將每張圖片上傳到您的社交媒體平台,然後砰——您的品牌。

當您需要在推文中添加圖片或為 Instagram 製作精美的報價圖片時,可以使用相應的工具。

Canva 會為您跟踪推薦的社交媒體圖片尺寸,因此您只需選擇 Pinterest 圖形、Twitter 圖片、Youtube 縮略圖或任何其他預先調整大小的社交媒體圖片。 您所要做的就是確保字體、顏色和佈局與您現有的品牌相匹配。

您還可以使用 Pablo 創建針對社交媒體帖子優化的圖像,Pablo 是 Buffer 的一款圖像編輯工具,專門用於幫助您快速創建出色的社交媒體圖像。

品牌化您的網站或商店

在您的項目中的某個時刻,您可能想要建立自己的品牌網站。

有時這是第一步,有時是最後一步,但在互聯網上擁有一個可以調用自己的地方可以讓您完全控制創意,並且可以成為您的項目產生收入的重要因素。

進一步閱讀:這裡全面介紹瞭如何在 Youtube 上賺錢。 劇透警報:一些方法涉及在視頻流媒體網站之外擁有自己的網站。

這就是一致性變得更加重要的地方,因為與任何其他平台相比,您擁有更多的視覺靈活性。 您需要考慮如何使用:

  • 主題
  • 圖片
  • 字體
  • 標誌
  • 顏色
  • 主題

主題

當涉及到您的視覺品牌時,您網站的主題是大多數其他決策的基礎。 把它想像成房子的地基:它為您提供了入門的基本框架,您可以從那裡自定義它以適應您的口味。

不,我們不是在談論 Property-Brothers 風格的拆牆定制。 這就是為什麼你需要仔細選擇一個主題,以確保數字牆——也就是你的頁面佈局——接近你從第一天開始想要的。

如果您要建立 Shopify 商店,請從主題商店開始。 您可以根據要構建的內容、價格等對主題進行排序。

進一步閱讀:在選擇主題方面需要幫助嗎? 以下是為您的項目選擇完美主題所需了解的一切。

圖片

您網站的圖片包括標題圖片、博客文章圖片、側邊欄圖片、產品圖片等所有內容。 事實證明,網站往往有很多圖片,這就是為什麼它們是您品牌的重要組成部分。

當您選擇圖像時,請嘗試選擇一致的圖像類型,以使它們看起來都具有凝聚力。 如果你的一半圖像是卡通,另一半是經典的黑白圖像,那麼你可能沒有創造出正確的印象(當然,除非你想要這樣做)。

需要圖片嗎? 爆發可以提供幫助。 這是一組免費的圖片素材,可用於您的項目或商店。

字體

由於您已經選擇了品牌的字體,並且在樣式指南中記錄了它們(對嗎?!),因此將它們添加到主題中應該就像在主題的編輯器中選擇它們一樣簡單。

大多數主題和大多數平台都會使這變得像從下拉列表中選擇一樣簡單。 只要您將字體視為選項,就一切就緒。

如果您沒有看到您選擇的字體作為選項,那麼是時候深入研究主題的代碼了。 如果這超出了您的舒適區,那麼可能是時候外包給專家了。 如果您在 Shopify 上,您可以找到專家來幫助您完成主題定制等小任務。

標誌

還記得我們談到徽標變體的時候嗎? 當您需要設置您的網站時,您會很高興擁有它們。

您最小的變體(如果有的話)將作為您網站的 favicon 的一個很好的補充,並且您可以將更廣泛的版本添加到您網站的標題中。 您還可以將您的徽標添加到任何其他有意義的網站元素中。

例如,如果您正在建立 Shopify 商店,您可以將您的徽標添加到所有發貨通知中,這樣您品牌發出的每封電子郵件都帶有 .

這是加拿大省的一個例子,告訴客戶他們的訂單已經發貨。

來自加拿大省的品牌電子郵件示例

顏色

一旦你有了一個主題,你通常可以自定義一些顏色。 您需要回顧您已經選擇的特定顏色,並確保它們在您的網站上得到一致使用。

在這裡,您寫下的那些十六進制代碼將派上用場,以確保您的品牌顏色在您的網站上像素完美。

建立令人難忘的品牌形象

如今,您可以使用一些適合初學者的應用程序創建出色的視覺品牌,而可靠的視覺效果是使您的在線項目或商店取得成功的重要組成部分。

要製作徽標並儘快為您的所有社交媒體平台打上品牌,Hatchful 是您的最佳選擇。 立即獲取適用於 iOS 或 Android 的應用程序,您就可以順利實現全品牌(或重新命名)在線形象——無需 Photoshop。

最重要的是,所有這些工具都適用於您想要更新您的社交媒體資料或整個網站的任何時候。 這可能是季節性業務、假日季節,甚至是需要全力以赴的主題產品發布的情況。

無論您更新品牌的原因是什麼,您都準備好了。