網頁設計是網頁開發過程的重要組成部分。如果你對網頁設計感興趣，我們猜你有創意。你怎么能不為跳進去制作你的第一個網站而感到興奮呢？網頁設計是關于制作一件功能性的藝術品 - 但你從哪里開始呢？如果您想知道在開始之前需要了解的內容，本指南將為您提供幫助。

為您的第一個網站設計選擇一些基本內容
這似乎是一個不費吹灰之力的事情，對吧？但有時我們會過于雄心勃勃，最終感到沮喪。對于您的第一個項目，最好選擇一些簡單而有趣的東西。電子商務網站更復雜，一旦您有更多的經驗，最好解決。

博客是一個很好的起點。這將是一個很好的設計練習，您將了解內容管理系統（CMS）的工作原理，這對于未來的網站設計非常重要。最重要的是，您不必從頭開始。有很多博客模板可以很容易地將一個放在一起。

模板是一種有價值的學習工具。觀察HTML，CSS和Javascript元素的樣式和組合方式將使您更深入地了解設計的工作原理。您可以使用模板作為進行更改和自定義的基礎。

也許你不想開始一個博客 - 試著從你的創造性追求或愛好中抽離出來。如何為您的攝影技巧或短篇小說集建立一個展示柜？創建一個以展示您的激情的設計，使第一個項目愉快。

從其他設計師那里尋找靈感



毫無疑問，您遇到的網站以其令人驚嘆的設計讓您驚嘆不已。

創建一個靈感文檔，其中包含指向您喜歡的網站的鏈接，或者隨時為它們添加書簽。Pinterest是一個尋找優秀網站設計的好地方 - 您可以找到并固定插圖，書籍封面，海報，博客和其他類型的設計作品以供參考。設計師為這些系列使用術語“情緒板”。情緒板是一個快速參考資源，如果你發現自己卡住了。你會的。

除了你自己做出的發現之外，還有一些精選的收藏，你應該去看看。

Awwwards總是有新的和新鮮的工作和各種主題系列
Behance是網站設計工作的精彩匯編，重點是質量和創造力
Dribbble專注于個人設計師，提供一個論壇來獲取反饋并與他人就他們的工作進行交流
當然，前往Webflow展示，看看人們使用我們的設計平臺的各種方式。有這么多很酷的東西可以檢查出來，還有這么多的模板可以克隆為你自己的模板。

在網絡之外尋找靈感來源
網頁設計由一種視覺語言提供信息，這種語言可以在任何地方找到，比如圖畫小說的封面或銀行的數字信息亭。培養識別優秀設計的眼光，并開始分析為什么某些東西有效或不起作用，無論何種媒介。

注意排版
我們經常在閱讀時甚至沒有意識到字體。請注意類型在使用內容時的影響。菜單上的字體是否可讀？是什么讓這個手寫字母的標志對當地企業如此有效？字母無處不在。記下排版的好壞用法。

Typewolf是一個很好的資源，可以密切關注流行的字體。它有很多列表可供探索，是當天的特色網站，以及具有壯觀字體組合的Lookbook。看到正在使用的排版的實際示例是很有幫助的，像Typewolf這樣的網站是查看其實際應用的好地方。熟悉不同的字體將幫助您為第一個網站設計選擇正確的類型。


讓美術影響你
哦，我們提到過有一整部藝術史可以借鑒嗎？如此多的運動和藝術家仍然塑造著當今創意人員的作品，尤其是網頁設計師。漫步在我們的網頁設計和藝術史作品中，發現許多不朽的藝術成就。它不僅充滿了有價值的信息，而且是內容和藝術如何結合在一起講述故事的一個很好的例子。


了解藝術史將進一步擴展您的設計知識。
?

研究不同類型的設計
有很多設計學科需要熟悉。產品設計，插圖甚至品牌的知識可以進一步發展您的創意感官。

對于超越網頁設計的靈感，Abduzeedo提供了絕佳的例子。無論是海報藝術，行李還是家具，您都會看到設計做得正確的絕妙例子。對不同類型的設計持開放態度，積極尋找靈感。您擁有的知識越多，設計您的第一個網站就越容易。教育為直覺提供信息。


Abduzeedo是一個多學科設計項目集合，展示了各個領域的良好設計實踐。
?

在開始之前準備好內容
將內容放在首位意味著在開始設計第一個網站之前準備好使用內容。

它不一定是完美的。您以后可以隨時針對Google SEO（搜索引擎優化）進行編輯和優化。但是，至少要有一個將要上線的粗略草案將有助于確保設計布局以適應它。使用真實內容進行設計可以更好地表示網站的外觀和功能。它還為您提供了在設計過程的早期進行更改的機會。

對于博客，您需要準備好在CMS中進行測試的帖子。在發布之前寫幾篇文章可以節省在事后寫東西的麻煩。

保持設計簡單直觀
無論是寫作，導航還是CTA，沒有人愿意為您的設計而苦惱。

您的設計方法應植根于簡單性和有序性。邏輯應該引導某人輕松瀏覽網站。由于我們談論的是那些將與您創建的內容進行交互的人，因此這是介紹UX的好地方。

了解用戶體驗 （UX） 基礎知識
網站不僅僅是空間中的浮動文本。配色方案，內容，排版，布局和圖像都匯集在一起，為您的受眾提供服務并激發情感。在你創造的數字空間中徘徊的人應該有一條沒有障礙的清晰道路。

UX專注于了解您的受眾。他們在尋找什么 - 您的設計將如何使查找它變得容易？UX是關于進入觀眾的頭腦，并通過他們的眼睛看到你的設計。

在構建您的第一個網站時，請記住以下指導性UX原則：

讓事情變得簡單直觀
在邏輯繼承中傳達概念
滿足受眾的需求，抵制以犧牲可用性為代價展示技能的誘惑
了解您的受眾將幫助您根據他們的需求和需求制作量身定制的設計。查看我們的用戶研究初學者指南，了解有關如何執行此操作的更多見解。

了解用戶界面 （UI） 基礎知識
如果你是網頁設計的新手，你可能會對UI和UX之間的區別感到困惑。我們大多數人都是。知道這一點 - 它們是兩個不同的概念。

當UX關注設計的整體感覺時，UI是關于細節的。如果你在電梯里，UI將是樓層按鈕的大小和排列，而UX將包含電梯空間的顏色，紋理和其他室內設計選擇。UI是關于為某人提供他們所需的工具，以體驗您的網站而沒有復雜性。

在構建您的第一個網站時，請記住以下UI原則：

交互式元素的功能應該很明顯
統一性必須指導可用性 — 操作應遵循邏輯模式
設計選擇應有明確的目的