良好的網站設計思路有哪些？

網站建設 2022-07-03 次

在網站設計布局時，經常會出現一些常見的錯誤。在這篇文章中，我們將介紹您需要采取的步驟，以達到完美的網站布局。我們將介紹在開始一個新項目之前，在數字機構中工作的每個新網站建設者應該知道和做什么。這些步驟不僅包括設計方面，還包括可以很好地完成工作的一般工作流程提示。在此頁面上，我們將探討如何開始使用以及設計工作流程中的關鍵步驟，在第2頁上，您將找到有關處理網站布局設計的一般建議以及結束項目的提示。遵循這個建議，您很快就會開始創建良好的網站思路。

良好的網站設計思路有哪些

01.定義成功的含義

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

好的重新設計不一定是最華麗的，但隨著時間的推移會提高性能。在開始設計之前與客戶交談是確定所有這些的關鍵。

02.了解你的起點

設計師參與項目往往不是孤立發生的事情。客戶不會總是聯系您從頭開始。在大多數情況下，您必須了解當前的系統，如果您的項目旨在挑戰它，請找到發展它的機會，或按照原樣進行。選項是無限的。從設計的角度理解現有的是關鍵，如果你要快速行動并認識到創新的機會在哪里，而不是挑戰已經建立的和作為無法理解要求的人而來。

03.盡早與客戶分享設計

在提出交互式概念或設計“外觀和感覺”時，您需要確保您和客戶盡快登錄同一頁面。在與客戶共享概念之前，請避免在概念上花費太多時間。一旦初始概念獲得批準，您可以放松一點并開始生產。但在提出個概念之后，如果客戶不喜歡它，你應該收集足夠的反饋，以便將第二個更合適的概念帶到桌面上。

04.首先解決布局問題

這似乎非常明顯，但我經常發現設計師在考慮他們試圖解決的問題之前會直接進入他們的工作。設計是關于解決問題，而這些問題不能通過漸變或陰影來解決，而是通過良好的布局和清晰的層次結構來解決。

在開始刪除陰影之前，請考慮內容，布局和功能。確保這些想法符合客戶的目標，并隨時分享。

05.開始草繪框架

基本線框將幫助您構建布局（單擊右上角的圖標放大）當我被要求創建網站布局的外觀和感覺時，我要做的件事是提出一個解決所有設計問題的框架。框架是圍繞內容的UI，幫助用戶執行操作并在其中導航。它包括導航和側邊欄和底欄等組件。

06.添加一個網格

在開始設計任何東西之前，你需要一個合適的網格沒有網格沒有有效的借口 - 如果你不這樣做，我可以向你保證，設計看起來不會那么好。網格將幫助您構建不同部分的布局; 它將指導您完成特定的屏幕尺寸要求，并幫助您創建響應式模板，從而使您在間距以及許多其他設計問題方面保持一致。

07.選擇你的排版

根據經驗，在網站布局中使用不超過兩種不同的字體。探索不同的字體和顏色是項目發現階段的一部分。一般來說，我建議不要在網站上使用兩種以上的不同字體，盡管它實際上取決于它的性質。選擇一個易于閱讀的字體，用于大塊文本，并且更有趣的是標題和號召性用語。尋找靈感？看看我們對完美字體配對的綜述。不要害怕使用大字體，并且在使用排版時要有創意和一致性。

08.選擇你的顏色主題

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

根據每個元素的功能，在網站布局中一致地應用這些內容非常重要。想想Facebook，Twitter，Quora和Vimeo等網站的布局。除了UI之外，插圖或圖形細節不應有任何顏色限制，只要它們不會干擾組件的功能。

如果您遇到困難，請查看我們的網站設計師更佳顏色工具列表。

09.簡化布局

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

11.原型，原型，原型

實際上，在頁面上不應該有太多的號召性用語 - 一切都應該推向最終的'我能在這做什么？考慮一下您可以想象的最簡單的布局，并開始添加必要的組件。最后，你會驚訝于保持簡單。

10.通過您的解決方案引導客戶

避免對你的工作進行大的揭示。經常與客戶溝通的目標之一是在揭示您的工作時避免意外。在我展示自己進步的那些時候，我發現將它們帶到旅程并展示我從哪里開始，在瀏覽這個或那個挑戰時所考慮的因素以及我最終降落的地方，而不僅僅是展示沒有背景的旅程結束。

原型設計是測試交互的更佳方式。原型設計是測試交互和技術的更佳方式。現在有很多原型設計工具可以讓它變得簡單，而且你不需要成為一個編碼大師來創建有效的原型。這是另一種方式，您可以讓您的客戶興奮和充滿理念和想法，否則需要大量的解釋。

12.注意細節