設(shè)計階段可以說是Web項目最重要的階段之一。它通常涉及對規(guī)劃階段定義的所有信息進(jìn)行塑造。設(shè)計階段完成后的主要可交付成果是記錄在案的網(wǎng)站結(jié)構(gòu)和網(wǎng)站的視覺表示。

網(wǎng)頁設(shè)計師不僅應(yīng)該在技術(shù)上精通網(wǎng)頁設(shè)計平臺和相關(guān)技術(shù)，還應(yīng)該是一個能夠跳出框框思考的創(chuàng)意人。

所有網(wǎng)頁設(shè)計師都有不同的創(chuàng)作過程，使他們能夠?qū)崿F(xiàn)他們的設(shè)計目標(biāo)。但就其核心而言，每個成功設(shè)計師的創(chuàng)作過程都是一樣的。

通常，設(shè)計師遵循一步一步的創(chuàng)作過程。讓我們看一下引導(dǎo)您完成此過程的

5個方針：

1、素描/頭腦風(fēng)暴的想法

一旦你完成了需求收集和分析，并且非常確定你知道關(guān)于該項目的一切，是時候進(jìn)入你的創(chuàng)意區(qū)了。拿起鉛筆和紙，勾勒出你的創(chuàng)意！

草圖是開始任何設(shè)計的好方法。使用鉛筆和紙（或平板電腦）進(jìn)行素描可以讓您輕松地從一個想法跳到另一個想法。

無論您是網(wǎng)站設(shè)計機(jī)構(gòu)還是自由職業(yè)者，能夠通過草圖與客戶交流想法非常重要，尤其是在項目的早期階段。最好的做法是為你的想法勾勒出一堆粗略的設(shè)計，將它們縮小到幾個，讓客戶就你是否走在正確的軌道上提供反饋。

根據(jù)客戶的知識或期望，您可能希望跳過草圖并進(jìn)入一些更詳細(xì)的線框或樣式圖塊。

2、定義內(nèi)容并創(chuàng)建工作流程

當(dāng)您的客戶綠色表示一兩個想法時，創(chuàng)意過程的下一步是創(chuàng)建工作流程。創(chuàng)建工作流包括創(chuàng)建要包含在網(wǎng)站上的每個部分的列表，以及有關(guān)將在每個頁面上顯示的內(nèi)容類型的簡要信息。

客戶會看到大綱或工作流程，以便他們可以添加、刪除或調(diào)整任何部分或功能。與客戶共享工作流程為設(shè)計師提供了創(chuàng)意空間，反過來又有助于產(chǎn)生創(chuàng)新的設(shè)計理念，并使客戶始終處于循環(huán)狀態(tài)。

客戶需要在項目繼續(xù)之前批準(zhǔn)工作流程。這將幫助您制定構(gòu)建網(wǎng)站的預(yù)算和時間框架（不是創(chuàng)作過程的一部分，但同樣重要）。

3、低保真線框

低保真線框為您的創(chuàng)意設(shè)計提供框架。這些線框是網(wǎng)站布局的簡單線條圖，專注于元素的放置而不是顏色和類型。他們詳細(xì)描述了網(wǎng)站上的功能，例如用戶帳戶、社交網(wǎng)絡(luò)功能或新聞通訊注冊。低保真線框以粗略草圖的形式呈現(xiàn)給客戶，沒有圖形。

設(shè)計師在開發(fā)線框時不應(yīng)該害怕實驗。有時，當(dāng)您填寫更多細(xì)節(jié)時，您可能會意識到原始布局效果不佳。這就是線框圖制作過程的重點；制定盡可能多的藍(lán)圖，以縮小代表您可以使用的信息的最佳方式。

4、高保真線框

發(fā)布低保真線框，高保真線框在提供更真實的實際產(chǎn)品體驗方面發(fā)揮著至關(guān)重要的作用，在這種情況下是您的網(wǎng)站。這些線框提供了更好的產(chǎn)品輪廓；填充低保真線框中缺少的細(xì)節(jié)。這些線框定義了頁面的視覺層次、實際的表單和交互元素，通常還有標(biāo)簽、說明性文本和一些副本。

它們非常有幫助，因為它們決定了哪些內(nèi)容最值得關(guān)注，以及它們可以在頁面上占據(jù)的空間百分比。它們可以按順序使用，以顯示如何在一系列屏幕中完成特定任務(wù)。這些線框圖突出了產(chǎn)品的用戶友好性和直觀性。

高保真線框包含與實際網(wǎng)頁設(shè)計緊密匹配的細(xì)節(jié)水平，盡管它不應(yīng)決定最終設(shè)計或用戶體驗。所以在最終確定之前，你應(yīng)該通過線框信息設(shè)計、導(dǎo)航設(shè)計和用戶界面設(shè)計的 3 個主要組成部分來嘗試不同的版本。最后，選擇最適合您的客戶要求的一種。

5、視覺模型

網(wǎng)頁設(shè)計師通過提出網(wǎng)站的視覺表示來為線框帶來生命（請參閱終極網(wǎng)頁設(shè)計工作區(qū)）。該模型旨在為您的網(wǎng)絡(luò)客戶端提供完整網(wǎng)站在瀏覽器窗口中的外觀在 Web 開發(fā)人員花費任何時間構(gòu)建網(wǎng)頁之前。

圖形模型是向客戶展示最終網(wǎng)站外觀的最佳方式，因為它可以展示近乎精確的顏色、字體大小的準(zhǔn)確表示以及網(wǎng)站上所有導(dǎo)航和內(nèi)容元素相對于彼此的精確放置.

為了在設(shè)計中實現(xiàn)令人敬畏的外觀和感覺，網(wǎng)站設(shè)計師應(yīng)該具有創(chuàng)造性，并使用設(shè)計元素和整體用戶體驗。嘗試并選擇最適合您正在設(shè)計的品牌和網(wǎng)站的顏色、字體和字體的正確組合。

這個想法是通過一些試驗來提出一個獨特、視覺吸引力和功能強(qiáng)大的設(shè)計。這是一個可靠和有效的創(chuàng)作過程的標(biāo)志。