平面設計師需要牢記的 6 條 SEO 規則

已發表: 2020-01-07

目錄

  • 1 1. 如何為人類設計
  • 2 2. 創建適合移動設備的視覺效果
  • 3 3. 可掃描可讀結構
  • 4 4.插入視覺效果
  • 5 5. 圖標
  • 6 6.設計的心理學原理
    • 6.1總結:

平面設計不僅僅是製作一個令人驚嘆的網站; 不僅如此。 選擇正確的顏色和佈局集,將整個商業理念同步到具有外觀和有用功能平衡的可視化效果中,這是非常特別的。

嚴格按照這些步驟進行時; 它不僅使您的網站美觀,而且被證明是吸引更多訪問者和業務收益的門戶。

但問題來了:

  • 這就是給谷歌留下深刻印象所需的一切嗎?
  • 你知道谷歌不解釋圖像嗎?

記住這樣的提示,“像谷歌這樣的大型搜索引擎如何識別圖形並為您的網站授予應得的排名?” 這就是 SEO 發揮作用的地方。

SEO 可幫助您通過圖形與用戶進行清晰的交流。 SEO 幫助搜索引擎了解您的品牌及其向目標用戶傳達的信息。 SEO 的各個方面可以幫助一個設計,合併面向用戶的圖形,並推斷您最終不會創建不會進一步實施的東西。

公司更願意聘請芝加哥 SEO 服務,這些服務可以指導平面設計師策劃優化友好的內容。 但是,期望 SEO 專業人員隨時向您展示每一步是浪費時間,也意味著耗盡您的資源。 任何旨在登上利基巔峰的平面設計師都必須投入時間和精力來學習和探索 SEO 概念。 這些 SEO 技巧將節省時間並在用戶體驗和 Google 排名因素方面產生差異。

每個平面設計師都應該練習的 6 個 SEO 技巧,以確保在 Google 上獲得正確的排名:

1. 如何為人類設計

當你在谷歌上搜索“平面設計”的含義時,這個概念總結為:“平面設計是通過使用排版、攝影和插圖進行視覺交流和解決問題的過程。”

平面設計是將文本形式解釋為圖形格式。

根據 Wiki 的定義,“將重點放在設計問題的解決方案上。” 設計來吸引別人的眼球是為新手設計的——記住用戶的問題以及你的產品或服務如何成為解決方案。 當這個策略根深蒂固時,你會考慮通過注入需求、趨勢和產品服務類型等方面來為業務設計。 你的設計應該以色彩、內容和視覺效果的完美平衡來傳達所有這些東西。 不要太多,也不要太少。 剛剛夠。

2. 創建移動友好的視覺效果

自 2016 年移動互聯網搜索超過桌面搜索以來,谷歌將移動優先設計添加到排名因素列表中。 在設計時採用移動優先方法的另外三個原因:

  • 70% 的互聯網訪問來自移動設備。
  • 51% 的消費者更喜歡使用移動設備搜索新品牌和產品(BrightEdge 2017)
  • 根據 2018 年谷歌的人口普查,80% 的智能手機用戶選擇從擁有解決問題(如果有)的移動網站或應用程序的公司購買。

閱讀這些事實,人們可能想知道創建設備友好的圖形之間的相關性。 根據對平面設計的研究,專注於平面設計的公司比不專注於設計的公司高出 200%。 它還強調,吸引眼球的圖形對用戶具有持久且值得信賴的印象 - 並且不能否認用戶體驗對 Google 分析及其靜態偏好的影響。

所以問題出現了,“如何讓圖形設計為移動用戶服務​​?” 屏幕的寬度可能會留下較少的空間來標記印象,但您仍然有機會創建具有影響力的設計。 所以問題是如何讓平面設計為移動用戶工作? 由於屏幕小,您在這裡幾乎沒有機會給用戶留下深刻印象。

2020 年這七個移動優先的圖形趨勢將幫助您為小屏幕設計更好的視覺效果:

  • 充滿情感的色彩
  • 幾何形狀
  • 抽像圖案
  • 明暗對比色
  • 最低亮度
  • 手繪插圖或設計
  • 真實照片

Blurbpoint 博客 CTA

3.可掃描可讀結構

用戶處理許多網站和應用程序; 沒有人會逐字閱讀以了解您的業務。 這完全取決於他們看到了什麼以及他們如何看待它。 正是設計的影響力幫助他們決定是應該留下來閱讀更多內容還是點擊後退按鈕。 任何內容都可能在這個階段發揮關鍵作用,例如文字、圖像、動畫或視頻。

因此,可掃描性是網絡可用性的關鍵因素之一。 它是如何呈現內容和元素,以幫助用戶按照他們的意願掃描設計。

對用戶眼球追踪模式的不同研究揭示了用戶瀏覽網頁的三種常見方式:

  • Z型

Z Pattern 是一種典型的用戶眼睛模式,但網頁設計師避免實施它,因為它沒有為內容和視覺的組合留出太多空間。 如果你確定內容量太少,那麼只有你必須採用這種模式。

  • 之字形圖案

許多網站都有這種模式。 此外,它還提供了更多空間來插入內容和視覺效果,而不會干擾用戶的眼球追踪行為。

  • F型

這個太常見了,為內容騰出更多空間。

採用任何這種模式並將其與視覺層次結構相結合,為您的網站增添人情味。

  • 理解視覺層次:

視覺層次結構以最符合人類感知的形式安排和組織內容。 例如,文章首先使用標題,然後使用副標題,最後使用複制塊。 它允許用戶掃描標題和副標題以了解文章是否有幫助。 標題和副標題的呈現將決定用戶是留下還是離開。 明智地使用它們。

4.插入視覺效果

任何設計師都應該問自己幾個問題,比如,

  • “以下哪個視覺效果更吸引人?”
  • 產品的文字描述應該是什麼以及如何描述?
  • 它應該是該產品的視頻或圖片展示(如電視廣告)嗎?

一旦你深入研究這些,你可能會深入挖掘通過極端根源找到答案。 那是因為視覺效果比文字更有力量——視覺內容在大腦不那麼忙碌的區域進行處理。 一些有趣的事實是:

  • 傳輸到大腦的總信息的 90% 是視覺的
  • 人類處理視覺效果的速度比文本快 60,000 倍
  • 人類在 1/10 秒內獲得視覺場景感
  • 大腦快速掃描僅持續 13 毫秒的圖像
  • 人眼每小時可以捕捉 36000 條視覺信息

您還需要在您的網站上插入視覺效果的其他原因是什麼?

在您的下一個設計中使用視覺效果時,請遵循這十個技巧

  • 插入照片
  • 在“替代文本”下為您的視覺效果取一個合適的名稱,以便搜索引擎識別它們的相關性。
  • 引用一些動機。
  • 信息圖表優於長篇內容。
  • 動畫 GIF 立即吸引眼球。
  • 線條和箭頭等視覺提示讓用戶停留和探索很長時間
  • 避免使用鮮豔的顏色。
  • 通過視覺效果講故事(如電視廣告)
  • 確保所有視覺效果都在傳達預期的信息。
  • 將號召性用語放在一些引人注目的視覺效果的末尾。

5. 圖標

Favicon 是與品牌及其網站相關聯的圖標。 它位於瀏覽器的地址欄中或站點名稱旁邊。

網站圖標可幫助用戶將您的網站與在同一瀏覽器中打開的其他十幾個選項卡區分開來。 在網站圖標的幫助下,用戶可以輕鬆記住和識別您的網站。

在設計令人難忘的網站圖標時遵循這四個寶貴的提示。

  • 請保持簡單且易於識別(如亞馬遜)
  • 字母或品牌圖標會做得很好
  • 在 Photoshop 中的 512px X 512px 透明畫布上設計
  • 它應該是銳利的,小的,但對人眼來說是清晰的

6.設計的心理學原理

任何設計的成功都取決於其目標受眾。 因此,了解人類的思維模式至關重要; 這就是人類心理進入畫面的地方。 工具和技術可能會隨著時間的推移而改變,但人類的心理卻保持不變。

例如,用戶仍然喜歡故事,但如今,他們更喜歡視覺形式的故事,而不是閱讀整本書。 作為一名平面設計師,您的目標是與人類心理相聯繫,並將其與趨勢相結合,以建立一個與時俱進的網站。

總結一下:

任何擁有設計學位的人都可以設計,但要成為視覺設計師需要技巧、創造力和聰明的策略。 每個旨在站穩腳跟的平面設計師都應確保他們的設計具有創造力和SEO 策略的正確組合,這有利於確保良好的搜索引擎排名。 這意味著在實現品牌目標的同時,盡可能為目標受眾策劃易於理解的設計和內容。