學習如何更好地看待設計的 3 種方法

歡迎來到我們的迷你係列“Effective Divi Web 設計原則”的第 1 部分，我們正在探索有效的設計實踐，以幫助新的網頁設計師和那些認為自己沒有“設計眼光”的人。

在當今的視覺時代，設計比以往任何時候都更加重要。 在將潛在客戶轉化為客戶時，良好的設計可以成就或破壞您的業務。 這可能是進行銷售或讓潛在客戶點擊您的網站尋找更專業的服務或產品之間的區別。 雖然新的網頁設計師和開發人員經常聲稱擁有“設計眼光”，但每個人都可以應用一些基本的設計原則來幫助他們在網頁設計的“設計”部分變得更好！

系列前言：

• 我們將在本系列中介紹的策略、實踐和策略一般適用於網頁設計，並非特定於 Divi，但本系列將基於我作為 Divi 網頁設計師的經驗。 提到的許多參考資料、佈局和起點將專門涉及 Divi。
• 這個系列主要是為那些在網頁設計方面不熟悉的人，或者是那些覺得他們沒有天生的設計眼光的開發人員心態的人。 但希望這些概念中的許多概念也能為已經建立的設計師提供靈感或複習。
• 之前在博客上已經提到過偉大的網頁設計原則，因此我們將在整個系列中鏈接回以前的一些帖子和資源。 這主要是我作為一名成功的 Divi 網頁設計師應用的優秀設計中一些最重要原則的指南，您也可以應用這些原則！
• 最後，說到好的設計，沒有對錯之分。 事實上，這真的是一個平衡流行觀點、你的個人創意觀點和客戶願望的問題。 我們都有這樣的客戶，他認為我們知道看起來很糟糕的東西看起來很棒，對吧？ 並非每個人都會同意這些設計基礎知識，但可以肯定地說，專業 Divi 設計師和整個網頁設計社區普遍共享這些原則。

這是我們展望未來的迷你係列的概述：

• 第 1 部分 - 學習如何更好地看待設計的 3 種方法
• 第 2 部分 - 3 非設計師有效的網頁設計原則
• 第 3 部分 – 每個網站構建要關注的 3 個重要設計領域

在我們深入探討之前，我必須說，雖然我知道有些人在創造力上比其他人更有天賦，但我強烈認為你可以學習良好的基本設計原則。 你可能不會成為 Divi 的米開朗基羅，但天哪，你仍然可以學習一些好的設計實踐來應用到你的網頁設計工作中。 我不會因為發布一些我的第一個網頁設計而感到尷尬，但我只想說我的“設計眼光”是不斷發展的，並且每天都在變得更加成熟。 我絕不是從今天的位置開始的。 坦率地說，設計不僅僅在網頁設計中很重要。 它在組織內容、撰寫電子郵件、使用手機拍攝精美照片等方面發揮著重要作用。 因此，了解一些基本原則以應用於您生活的其他方面也非常重要。

所以，如果你曾經發現自己說過以下任何話；

• “我只是沒有設計的眼光。”
• “我的身體裡沒有創造性的骨頭。”
• “我會編程，但我不會設計。”

那麼這個系列適合你！ 讓我們進入它。

準備和學習如何更好地看待設計的 3 種方法

在網頁設計的世界中，人們傾向於認同以下兩種群體之一：

網頁設計師——網頁設計師，又名（前端設計師）很可能會被網頁設計的設計、顏色、佈局和美學所吸引。 他們可能來自平面設計背景，或者可能來自更視覺化的媒介，如攝影或其他創意藝術。 如果您對事物的外觀和感覺更感興趣，而不是它的加載速度、代碼的簡潔程度或 php 和 css 文件中的自定義內容，那麼您很有可能在這艘船上

Web 開發人員——Web 開發人員，又名（後端開發人員）可能對數學、數字和網頁設計領域、網站的代碼、功能和後端更感興趣。 “設計師”可能會看到形狀、顏色、外觀、感覺等，而更具開發意識的人可能會看到類似於矩陣的東西——代碼、功能、可用性和網站表面之下的東西。

兩者都是成功的網站設計的關鍵，在我看來，一個成功的網頁設計師需要在這兩個領域擁有健康的知識組合。 就我個人而言，雖然我現在精通設計和開發，但我仍然被事物的設計方面所吸引。 我需要更加努力地考慮加載時間、乾淨的代碼和功能，而不是持續關注設計、佈局、外觀和感覺。 但對於那些與我相反的人來說，專注於令人賞心悅目的設計與使用乾淨代碼快速加載的可怕網站相比同樣重要。

我們在這裡真正談論的是左右腦的混合。 在這一點上，這對大多數人來說可能已經不是什麼秘密了，但是有很多研究表明，左腦是分析的、數學的、順序的、邏輯的等等。右腦是藝術的、創造性的、洞察力的、想像力的等等. 這是理解為什麼您可能會成為一名設計師或開發人員的關鍵。

簡而言之，

開發人員 = 左腦思考者
設計師 = 右腦思考者

對此的理解將我們引向第一個要點。

1) 準備好你的心態

如果你更喜歡創意，你很可能不得不在編碼和網頁設計的邏輯方面更加努力，反之亦然，如果你的傾向傾向於大腦的左側，你我將不得不更加努力地工作，以培養良好的設計眼光。 如上所述，我更像是一個右腦思考者和一個創造性的人。 雖然我喜歡 CSS 並且現在使用 PHP 會很危險而且不會出太多汗，但我並沒有那樣開始。 我不得不在我不擅長的網頁設計領域努力工作。

但它始於我的心態。 我知道我擅長哪些領域以及哪些人需要工作。 在這一點上我想再次鼓勵你，如果你是新手，或者如果你是一個沒有創造性的骨頭的開發人員，你可以學習好的設計原則，你可以培養設計的眼光。

在這一點上，您可能會說“這一切都很棒，但是我可以做些什麼來準備我的思維方式來學習良好的設計技術？” 雖然我們的學習方式各不相同，但我會告訴你什麼對我有用，我知道什麼對社區中的許多其他 Divi 設計師有用。

2) 如何學習和培養良好設計的眼光

通過複製好的網站設計來學習——是的，我說過。 如果您看到一個好的設計，請嘗試重新創建它，複製它們的顏色、字體、間距、佈局等。我不是說為了將其作為兒童主題或作為您的作品而出售的網站，而是從教育的角度來看，提高設計水平的最佳方法之一是複制已經設計精美的網站。 通過複製可以模仿的精美設計，您會驚訝於您將學到多少知識以及您會感到多麼強大。

對於與 Divi 相關的靈感，您可以通過像這樣的每月網站展示、通過 Divi 主題示例或通過關注您最喜歡的 Divi 設計師並查看他們的想法，在 ET 博客上經常找到一些很好的設計示例！

通過檢查無處不在的設計來學習——雖然印刷設計和其他廣告可能不是網頁設計趨勢的理想學習，但您仍然可以學到有價值的設計原則。 例如，也許您看到一個具有強大圖像的廣告，其文字以現代、時尚的方式設計，您可以很好地採用相同的想法並將其作為強大的設計應用到您的網站上！ 我現在不再害怕和妻子一起去商場逛逛化妝品店，因為我把它當作“Josh 的時尚設計及時行樂”。 以前花在盯著手機上的時間現在通常可以有效地用於檢查可以應用於我的網頁設計項目的新設計理念和概念！

通過構建 Divi 庫來學習– 使用 Divi 設計網站最神奇的事情之一是它附帶了一個完整的庫，其中包含您可以構建的經過驗證的有效佈局和設計。 如果您是設計和 Divi 的新手，或者在看空白畫佈時感覺卡住了，您可以從庫中加載預製佈局之一，更改顏色，替換圖像并快速開始！ 觀看重新設計已經很專業的設計將如何開始為您的下一個項目訓練您的大腦。

通過下載和構建每週免費的 Divi 佈局包來學習– 如果您是 Elegant Themes 的新成員或還不知道，博客上每週都會提供專業設計的 Divi 佈局包，可免費下載。 如果您有興趣在設計方面做得更好，這些不僅是學習和靈感的重要來源，而且就像上面提到的圖書館項目一樣，如果您是設計新手，這些都是很好的起點！

3）獲得對你的工作的反饋和建設性的批評

最後，提高設計能力的最佳方法之一是從他人那裡獲得反饋。 通常，當您被嵌入到一個項目中時，很容易對看起來好的和看起來不好的東西失去方向感。 獲得對您工作的反饋和建設性批評是提高設計水平的關鍵。

現在我明白了，這說起來容易做起來難。 您可能希望避免被摧毀或士氣低落，尤其是在您仍在學習的情況下，但如果您使用 Divi，您就可以自動訪問參與度最高、支持度最高和最有幫助的在線社區。 有許多渠道可以與 Divi 國家聯繫，但我個人更喜歡 Divi Facebook 群組。 我特意創建了 Divi 網頁設計師 Facebook 小組，主要目的是能夠發布作品以獲得專業、有用的批評和反饋，以幫助我們所有人成為更好的 Divi 網頁設計師。 如果您有任何值得信賴的家人、朋友或對設計有良好眼光的網頁設計同事，如果您不想在線獲得反饋，我也強烈建議您聽取他們的想法。

我發現獲得反饋非常有用，因為它通常會指出被忽視的糟糕設計、改進的領域或更多。 例如，我沒有很好的天賦並且需要努力工作的領域是排版。 不久前，我在一個我認為從頭到腳都很棒的網站上工作，當收到反饋時，被告知我使用的類型似乎不適合該網站的“感覺”。 在消除了最初的設計師自豪感後，我意識到他們再正確不過了。 該類型確實與網站的感覺不符。 從那時起，我學會了更加註意我選擇的字體，以使它們與網站的正確外觀和感覺相匹配，而不是堅持我的“去”。

因此，如果您有足夠的勇氣接受一些建設性的批評，歡迎您在我們的 Divi 網頁設計師 Facebook 群組或任何其他在線 Divi 社區中這樣做，前提是它遵守該群組的指導方針。 作為旁注，如果您是提供反饋的人，我想鼓勵您在措辭和提出建設性批評的方式上格外小心。 在提供反饋時，請記住嘗試建立一個人，而不是摧毀他們。

在結束

我希望這篇對 Effective Divi 網頁設計原則的介紹能給你啟發並為本系列的其餘部分加油！ 同樣，這第一篇文章更多地是對未來的介紹和準備，但仍然很重要，因為在您能夠更好地進行設計之前，首先要為您的學習心態做好準備。

關於如何學習更好的網頁設計技術，您還有其他想法或做法嗎？ 請在下面的評論中告訴我們！

明天：非設計師的 3 條有效網頁設計原則

既然我們已經介紹了準備和學習如何更好地看待設計，現在是時候進入一些可操作的、實用的設計原則，這些原則將幫助您的設計遊戲更上一層樓！ 直到那時！

請務必訂閱我們的電子郵件通訊和 YouTube 頻道，這樣您就不會錯過重大公告、有用提示或 Divi 免費贈品！