設計網站布局時，經常會出現一些常見的錯誤。這些步驟不僅包括設計方面，還包括一般的工作流程技巧，這些技巧可以很好地完成工作。

1、了解設計方向

在開始工作之前，你需要知道你在設計什么。除了對網站的描述，你還需要知道對它的期望是什么。以新聞網站為例。目標是什么？是為了盡可能多的制作廣告印象，還是為了提供好的閱讀體驗？如何衡量這些目標？

好的重新設計不一定是華而不實的，但隨著時間的推移會提高性能。在開始設計之前與客戶交談是定義所有這些的關鍵。您需要了解他們在書面工作說明書(工作說明書)之外的關注點和目標是什么。

2、理解你從哪里開始

通常，設計師對項目的參與不是孤立發生的。客戶不會總是聯系你從頭開始。在大多數情況下，你必須了解當前的系統，如果你的項目是為了挑戰它，尋找機會去發展它，或者照現在的樣子去做。

選擇是無限的。如果你要快速前進，認識到創新的機會在哪里，而不是需要挑戰已經建立的東西，并以一個無法理解需求的人的身份離開，那么從設計的角度理解什么是關鍵。

3、盡早與客戶分享設計

當提出一個交互式概念或石家莊網站設計“外觀和感覺”時，你需要確保你和客戶盡快在同一頁上。在與客戶分享概念之前，避免在概念上花費太多時間。

一旦當初的概念被批準，你可以放松一點，開始生產。但是在提出一個概念后，如果客戶不喜歡它，你應該收集足夠的反饋，把第二個更合適的概念帶到桌面上。

4、先處理布局

這看起來很明顯，但要經常發現設計師在考慮他們試圖解決的問題之前，會直接投入到他們的工作中。設計是為了解決問題，這些問題不能通過漸變或陰影來解決，而是通過良好的布局和清晰的層次結構來解決。

在開始投射陰影之前，先考慮一下內容、布局和功能。確保這些想法符合你客戶的目標，并且可以自由分享。

5、開始繪制頂層框架

當被要求創建一個網站布局的外觀和感覺時，我做的一件事就是想出一個解決所有設計問題的頂級框架?？蚣苁菄@內容的用戶界面，幫助用戶執行操作并在其中導航。它包括導航和組件，如側欄和底部欄。

如果你從這個角度來處理你的設計，當你設計主頁以外的部分時，你將會清楚地了解你的布局需要。

6、添加網格

這聽起來很簡單。在開始設計任何東西之前，你需要一個合適的網格。沒有網格就開始沒有合理的借口——如果你沒有，我可以向你保證，設計不會看起來那么好。網格將幫助您構建不同部分的布局；它將指導您完成特定的屏幕尺寸要求，并幫助您創建響應模板，因此您在間距以及許多其他設計問題上保持一致。

7、選擇你的字體

探索不同的字體和顏色是項目發現階段的一部分。一般來說，我建議在一個網站中不要使用兩種以上不同的字體，盡管這取決于它的性質。石家莊網站制作選擇一種易于閱讀大塊文本的字體，并且對標題和行動號召要更加有趣。尋找靈感？看看我們的完美綜述字體配對。不要害怕使用大字體，使用印刷術時要有創造性和一致性。

8、選擇您的顏色主題

在選擇一組字體的過程中，你應該開始探索你將在界面、背景和文本中使用什么顏色。我為一般用戶界面推薦一套有限的顏色和色調。

根據每個元素的功能，在網站布局中始終如一地應用這些非常重要。想想臉書、推特、Quora和Vimeo等網站的布局。除了用戶界面之外，插圖或圖形細節不應該有任何顏色限制，只要它們不干擾組件的功能。

9、簡化布局

網站的結構越簡單，用戶導航就越容易。每個部分都需要講一個故事；它需要給用戶一個理由和結果。布局應該有助于內容突出報道中重要的部分。

事實上，一頁上不應該有太多的行動號召--一切都應該朝著“我能在這里做什么？”的結局前進。為了一個簡單的目的，考慮你能想象的簡單的布局，并開始添加必要的組件。你會驚訝保持簡單有多難。

10、提煉每個組件

對待每一個組件，就像它可以在設計競賽中展示一樣。如果你關注每一個組成部分，整體將超過其部分的總和。我不得不承認這條建議不是我的。我在以前的一家機構聽說過，我對這個聲明的清晰和真實感到震驚。

每一個組件都需要設計得好像它可以作為有史以來好的組件獨立存在一樣。有時候，設計師會把網站的某些部分留到后面，不會給他們太多尊重。

11、向客戶介紹您的解決方案

石家莊網站設計要避免大張旗鼓地揭露你的工作。經常與客戶溝通的目標之一是在透露你的工作時避免意外。當我展示我的進步時，我發現帶他們去旅行，展示我從哪里開始，我在應對這種或那種挑戰時的考慮，以及我到達哪里更有用，而不僅僅是在沒有背景的情況下展示旅程的結束。

通過這樣做，您會發現他們要么同意您的結論，要么在演練過程中的某個時刻指出您可能沒有考慮到的缺陷或其他變體。無論是哪種情況，你都會有一次談話，客戶會覺得更投入，因為他們是這個過程的一部分。

12、動起來思考

設計互動體驗時，運動是必不可少的。任何設計都不能再被單獨或作為靜態組件來評判；每個組件都由其與系統的關系來定義，這種關系需要正確地傳遞運動。運動可以說明內容或布局中交互狀態的動態效果。出于第二個目的，我建議將您的設計進一步引入原型設計。