如何設計一個網站

01 10

研究

潛在的客戶只是要求你設計一個網站,但你從哪裡開始? 您可以遵循一定的流程來確保項目順利進行。 它反映了標準的圖形設計流程 ,僅包含幾個網站特定的步驟。

作為平面設計師,您可以選擇自己完成整個設計,包括編碼。 但是,您也可能希望收集團隊來幫助您了解詳細信息。 網站開發人員和搜索引擎優化專家可能對您的項目有價值的補充。

這一切都始於研究

與大多數設計項目一樣,創建網站的第一步是進行研究。 其中一些研究將與客戶一起完成,以了解他們的需求。 你還需要更多地了解他們的行業和競爭對手。

在與您的客戶會面時,您需要盡可能發現以幫助您制定網站輪廓並最終設計。 這包括詢問他們的目標受眾,目標,創意方向和其他可能影響客戶能力的變量,如預算和截止日期。

您的行業和市場研究將同時進行。 為了準備迎接您的客戶,您應該了解他們的行業。 找到需求之後,你會想要更深入一點。

所進行的研究水平將取決於客戶的預算和您現有的行業知識。 它可以像查看該領域的其他網站一樣簡單。 對於更大的項目,可能與焦點小組進行深入研究。

02之10

頭腦風暴

一旦你知道該項目的全部內容,就該收集想法, 集思廣益是開始的好地方 。 而不是尋找完美的想法成為你的第一個,扔掉網站的任何想法或概念。 你可以隨時縮小範圍。

有些網站可能會要求提供標準的網絡界面,包括導航(按鈕欄)和用戶最可能期望的內容區域。 其他人可能需要一個獨特的概念來呈現內容。

最終,內容將推動設計。 例如,一個新聞網站將有一個比攝影師的網絡投資組合更為不同的方法

03之10

決定技術要求

在開發網站的早期階段,需要就項目的技術要求作出決定。 這些決定會影響預算,時間框架,並在某些情況下影響網站的總體感受。

主要決定之一是網站的底層結構應該是什麼,這將決定使用什麼軟件以及網站“運作”的系統。

您的選擇包括:

04年10月

寫一個大綱

既然您已經收集到了必要的信息並對一些想法進行了頭腦風暴,那麼把它全部寫在紙上是個好主意。

網站的大綱應包括網站上要包含的每個部分的列表,並說明每個網頁上將顯示的內容類型。 它還應盡可能詳細地描述網站上的哪些功能,例如用戶帳戶,評論,社交網絡功能,視頻或簡報註冊。

除了幫助組織項目,客戶還應該看到網站提案 的大綱 以便他們在項目繼續之前批准。 這將允許他們添加,刪除或調整任何部分或功能。

所有這些都將最終幫助您制定預算和時間框架並構建網站。 根據批准的大綱就網站項目的價格達成一致意見將有助於避免項目後期的額外費用或意見分歧。

10的10

創建線框

線框是網站佈局的簡單線條圖 ,可讓您(和客戶)專注於元素的位置而不是顏色和類型。

這非常有用,因為它可以確定哪些內容最值得關注,以及頁面上用於這些元素的空間百分比。 沒有被其他視覺元素分散注意力,批准的線框為您的設計提供了一個框架。

對於某些項目,您可能會考慮將線框集合用於不同類型的內容。 包含大量文本的聯繫人,關於以及其他頁面的佈局可能與圖庫或購物頁面不同。

在從一個線框轉換到另一個線框時,保持整個網站的統一外觀非常重要。

06年10月

設計網站

一旦你和你的客戶對線框感到滿意,現在該開始設計網站了。

Adobe Photoshop是創建初始設計的最常用工具。 網站設計的重點應該是呈現內容,並將用於創建實際的網頁。

目前,只需設計和使用基本元素來為您的客戶創造一些東西來查看和批准。

07的10

構建網頁

當您的設計獲得批准後,網頁需要從模型轉化為以HTML和CSS編寫的實際網頁。

有經驗的設計人員/開發人員可以選擇承擔所有的編碼工作,而專注於網頁設計方面的人可能會與開發人員密切合作,使網站生動起來。 如果是這樣的話,開發者應該從一開始就參與其中。

開發人員將幫助確保設計是一個現實和有效的網頁佈局。 他們也應該諮詢你向客戶承諾的任何功能,因為有些功能可能無法執行或對網站有益。

諸如Adobe Dreamweaver之類的軟件可以幫助設計人員將模型轉變為有效的網頁,具有拖放功能,預建功能以及用於添加鏈接和圖像的按鈕。

網站建設有很多可用的軟件選擇。 選擇一個你喜歡的工作,只要確保他們能夠真正了解頁面的細節和編碼。

08年10月

開發網站

一旦您的佈局在HTML和CSS中完成,它就需要與您選擇的系統集成。 這是它成為一個運作良好的網站的地步。

這可能意味著要開發模板以供內容管理系統讀取,更改WordPress模板或使用Dreamweaver在頁面和更高級的Web功能之間創建鏈接。 這又是一個可能留給其他成員或團隊成員的步驟。

您還需要購買一個網站域名,並有一個託管服務排隊。 這應該是您與客戶討論的一部分,實際上應該在流程的初始階段完成。 有時可能需要一段時間才能使服務變得活躍。

您或您的開發人員對網站進行全面測試也很重要。 你不想做“大揭秘”,而且功能不正常。

09年10月

推廣網站

隨著您的網站在線,現在是時候推廣它。 如果人們不訪問它,你的驚人的設計就不好。

駕駛交通工具可以包括:

10 10

保持新鮮

讓人們回到您的網站的最佳方式之一是保持內容新鮮。 將所有工作放到網站中後,您不希望在發布後的數月內保持不變。

繼續發布新內容,照片,視頻或音樂......無論網站是用來展示的。 博客是保持網站更新的好方法 ,任何有關您網站的主題的帖子都可以更新,

如果您的客戶將要處理CMS網站的更新,您可能需要培訓他們使用它。 更新您設計的網站是獲得固定收入的好方法。 確保您和您的客戶同意您進行更新工作的頻率和費率。