如何改進您的 WordPress 博客的設計? 為什麼視覺效果對網站流量真的很重要?

已發表: 2016-09-09

設計……設計是每個人都聽說過的東西,但沒有多少人確切知道它的含義。 這個世界上的一切都是有設計的。 一個杯子、一件襯衫、一個房間、一個場地等。

沒有好的設計,一切都將只是meh。 這就是為什麼您應該非常關心您的 WordPress 博客的外觀。

內容隱藏
1視覺效果在網站上如此重要嗎?
2如何改進博客的設計?
3圖片和視頻
4字體和圖標
5側邊欄
6種顏色

視覺效果在網站上那麼重要嗎?

毫無疑問。 有時,它甚至比內容本身更重要。 當然,內容始終是最重要的,但信息與優質設計一起創造奇蹟。

我所說的視覺是什麼意思?

視覺效果可以是任何不是文本的東西。 它們可以是圖像、圖形、信息圖表、字體、視頻、動畫、顏色等。設計是您挑选和安排所有這些以使它們在博客上看起來很棒的方式。

如果你不相信視覺內容的重要性,這裡有證據:

  • 90% 的信息傳遞到大腦是視覺的。
  • 大腦處理視覺信息的速度比文本快 60,000 倍。
  • 彩色視覺效果將人們閱讀一段內容的意願提高了 80%。
  • 包含相關圖片的文章的總瀏覽量比沒有圖片的文章多 94%。

如何改進博客的設計?

有時您需要設計師來使您的網站看起來很棒。 但這不一定是必須的。 你也可以一個人做這一切。 你所需要的只是一點創造性的眼光和……耐心。

耐心尋找、安裝和使用正確的工具。

當您自己設計 WordPress 博客時,最需要考慮的是什麼? 讓我們一步一步來。

圖片和視頻

誰說您必須成為專業攝影師並且在您的網站上只使用您自己的圖像? 有很多網站提供大量免費使用的高質量圖像。 這同樣適用於視頻。

MyStockPhotos 是我們在 ThemeIsle 的業餘攝影師保持活力的集合,並為世界上所有的博主提供了一些免費資源。

Unsplash、Pexels、Gratisography、Life of Pix、StockSnap、Coverr、Mazwai、Distill、Videvo 只是一些最棒的免費圖片和視頻資源,可讓您為自己的 WordPress 博客借用他們的作品。 還有許多圖像設計應用程序,例如海報製作應用程序和 Canva、Adobe Spark 等網站,可為您的博客設計高質量和優雅的圖像。

圖像是必不可少的。 不使用圖像就無法發布帖子。 這是規矩! 但是由於許多其他原因,例如特色圖像、橫幅、廣告、背景,圖像是必不可少的。 無論您做什麼或想什麼,圖像都會大大提高用戶參與度。

這是事實。

post-with-images

但是您不必完全按照您在網絡上找到它們的方式使用它們。 您可以使用幾個很棒的工具來編輯和優化它們。

帆布

使用 Canva,您可以輕鬆設計很酷的東西並在此期間玩得開心。 它讓你基本上可以構建任何東西。 此外,它還帶有自己的免費和付費圖像、圖表、插圖、框架、圖標等庫存。試試吧,讓奇蹟發生。

像素

Pixlr 是一款不錯的在線照片編輯器,您可以使用它來編輯要在博客上使用的圖像。 它具有相當複雜的功能和設置,因此如果您正在尋找高級編輯器,它非常適合,但不如 Photoshop 高級。

圖像優化

您知道以正常大小和質量上傳原始圖像會影響您網站的性能嗎? 在將每張圖片放在博客上之前,您應該始終對其進行優化。 ImageOptim 是一款出色且易於使用的工具,它通過使圖片更輕巧並同時保持其質量不受影響來壓縮圖片。 圖像將是相同的,但它會節省您的磁盤空間和帶寬,因此您的網站會加載得更快。

字體和圖標

字體起初可能看起來有點微不足道,當您考慮博客的設計時,不一定是首先想到的。 但它們是更友好外觀的關鍵。 特別是如果您是博主或作家。 對於作家來說,字體是神聖的。

或者也許只是我。

normal-fonts

也不要用複雜的誇大其詞。 但嘗試與眾不同。 您的文本字體使講座更愉快。 如果我喜歡這些字體,我通常會在博客或文章上逗留。

FontReach 是一個有趣的工具,它為您帶來了世界上所有的字體。 在這裡,您會找到一個列表,其中列出了網絡上所有網站上使用的最受歡迎的列表。 但是您也可以鍵入您已經知道的字體並使用它。

FontAwesome 也是一個很棒的流行工具,它提供了大量的圖標和字體,非常適合您的 WordPress 網站。 它為大量事物和對象提供圖標。 只需搜索您想要的。

永遠不要拿你博客的字體和圖標開玩笑。 它們提高了文章的可讀性。 而且,有時,它們可能是訪問者在您的博客上停留更長時間的原因。 但是一旦你選擇了一種字體樣式,就堅持下去。 不要在同一個博客上使用多個,它不會給你帶來任何價值。

sidebar 側邊欄

側邊欄使您的網站看起來更專業,並為您的內容髮揮迷你地圖的作用。 它將通過為他們提供結構良好和組織良好的主題來簡化訪問者的導航。 此外,您可以在邊欄中添加出色的小部件,以增加博客的交互性。

在側邊欄中,您經常會看到搜索欄、社交圖標和提要、帖子類別、號召性用語按鈕、評論、作者信息框等。側邊欄在相同程度上幫助您和您的受眾。

側邊欄不應錯過博客,無論其性質如何。 記住這一點。

顏色

配色方案是必不可少的。 顏色使我們周圍的一切都變得異常美麗的方式相同,您的網站也是如此。 色調永遠不會傷害任何人。 相反,顏色更容易引起人們的注意。

但是使用它們的風格。 選擇應該讓您的內容成為焦點的組合。 設計師會告訴你這是火箭科學,但我會說它更多的是關於品味和目的。 無論哪種方式,您都不應在您的網站上使用超過 2 或 3 種顏色。 除非你的博客是關於彩虹的。

另外,不要害怕空白! 它們是強制性的。使用深色背景不是最好的主意,因為它會使眼睛疲勞,在這種情況下,沒有人會花太多時間閱讀您的帖子。

請記住,淺色和褪色的顏色比明亮的顏色更容易忍受。

color-scheme

Coolors.co 是一個免費的在線工具,可以生成漂亮的配色方案。 通過這種方式,您可以測試它們並查看它們是否符合您的偏好。 此外,它還為您提供方案中每種顏色的代碼。

您有多在意您的博客的外觀? 您認為設計有助於增加您網站的流量嗎?


作者簡介:

Adelina Tuca 是 ThemeIsle 和 Of living & press 的作家和 WordPress 博主。 她喜歡運動、遠足、書籍、搖滾音樂,她喜歡把她認為具有挑戰性和獨特性的一切都寫在紙上。