設(shè)計階段可以說是Web項目最重要的階段之一。它通常涉及規(guī)劃階段中定義的所有信息。完成設(shè)計階段的主要可交付成果是網(wǎng)站的站點結(jié)構(gòu)和視覺表示。
網(wǎng)頁設(shè)計師不僅應(yīng)該在技術(shù)上精通網(wǎng)頁設(shè)計平臺和相關(guān)技術(shù)，而且還可以開創(chuàng)性的創(chuàng)意人才。
所有網(wǎng)頁設(shè)計師都有不同的創(chuàng)作過程，使他們能夠?qū)崿F(xiàn)其設(shè)計目標(biāo)。但是，它的核心是每個成功設(shè)計師的創(chuàng)作過程都是一樣的。
通常，設(shè)計師會按照一步一步的創(chuàng)作過程。讓我們來看看你通過這個過程的5個指針：
草圖/集思廣益的想法
一旦完成需求收集和分析，并且非常確定你知道有關(guān)該項目的所有知識，現(xiàn)在是進入創(chuàng)意區(qū)域的時候了。獲取鉛筆和紙張，并勾畫出您的創(chuàng)意！
草圖是開始任何設(shè)計的好方法。使用鉛筆和紙（或平板電腦）進行素描，可以讓您從容易地從一個想法跳到另一個想法的獨特能力。
無論您是網(wǎng)站設(shè)計機構(gòu)還是自由職業(yè)者，能夠通過草圖將想法傳達給客戶至關(guān)重要，尤其是在項目初期階段。最好的做法是為您的想法繪制一些粗略的設(shè)計，將其縮小到幾個，讓客戶提供關(guān)于您是否正確的軌道的反饋。
根據(jù)您的客戶的知識或期望，您可能希望跳過草圖，并進入更詳細(xì)的線框或樣式圖塊。2.定義內(nèi)容并創(chuàng)建一個工作流
當(dāng)您的客戶端綠色表示一個想法或兩個，創(chuàng)意過程的下一步是創(chuàng)建一個工作流。創(chuàng)建工作流程包括創(chuàng)建要包含在網(wǎng)站上的每個部分的列表，并顯示每個頁面上將顯示什么類型的內(nèi)容的簡要信息。
向客戶端呈現(xiàn)大綱或工作流程，以便他們可以添加，刪除或調(diào)整任何部分或功能。與客戶共享工作流程給設(shè)計師創(chuàng)造空間，從而有助于創(chuàng)造出創(chuàng)新的設(shè)計理念，并使客戶始終處于循環(huán)中。
客戶需要在項目繼續(xù)之前批準(zhǔn)工作流程。這將有助于您制定預(yù)算和時間框架來構(gòu)建網(wǎng)站（不是創(chuàng)意過程的一部分，但重要的一樣）。
3.低保真線框
低保真線框為您的創(chuàng)意設(shè)計提供了一個框架。這些線框是網(wǎng)站布局的簡單線條圖，專注于元素的放置，而不是顏色和類型。他們詳細(xì)描述了網(wǎng)站上的哪些功能，如用戶帳戶，社交網(wǎng)絡(luò)功能或簡報注冊。低保真線框作為粗略草圖呈現(xiàn)給客戶端，無需圖形。
開發(fā)線框時，設(shè)計師不應(yīng)該害怕實驗。有時候，當(dāng)你填寫更多的細(xì)節(jié)時，你可能會意識到原來的布局不正常。這就是線框過程的整體;?制作盡可能多的藍圖，以縮小代表您所掌握的信息的最佳方式。
4.高保真線框
發(fā)布低保真線框，高保真線框在提供更實際的實際產(chǎn)品體驗方面發(fā)揮關(guān)鍵作用，在這種情況下，您的網(wǎng)站。這些線框為產(chǎn)品提供了更好的輪廓;?填寫低保真線框中遺漏的細(xì)節(jié)。這些線框定義了頁面的視覺層次結(jié)構(gòu)，實際形式和交互元素，通常標(biāo)簽，教學(xué)文本和一些副本。
他們非常有幫助，因為他們確定什么內(nèi)容最值得關(guān)注的是他們可以在一個頁面上占據(jù)的空間百分比。它們可以按順序使用，以顯示如何在一系列屏幕中完成特定任務(wù)。這些線框突出了用戶友好和直觀的產(chǎn)品將是如何。
高保真線框包含與實際網(wǎng)頁設(shè)計密切相關(guān)的詳細(xì)程度，盡管它不應(yīng)該決定最終的設(shè)計或者UX。因此，在最終確定之前，您應(yīng)該嘗試使用線框信息設(shè)計，導(dǎo)航設(shè)計和用戶界面設(shè)計的3個主要組件來嘗試不同的版本。最后，選擇最適合您客戶需求的。
視覺模擬
網(wǎng)頁設(shè)計師通過提供網(wǎng)站的視覺表示來為線框帶來生命（參見終極網(wǎng)頁設(shè)計工作區(qū)）。該模型旨在為您的網(wǎng)絡(luò)客戶端提供在瀏覽器窗口中完成的網(wǎng)站的外觀之前Web開發(fā)人員花費任何時間來構(gòu)建網(wǎng)頁。
Prolo網(wǎng)站設(shè)計
圖形模型是向客戶展示完成的網(wǎng)站將是什么樣子的最佳方法，因為它可以顯示近乎精確的顏色，字體大小的準(zhǔn)確表示以及網(wǎng)站上所有導(dǎo)航和內(nèi)容元素相對于彼此的精確放置。
為了在設(shè)計中實現(xiàn)令人敬畏的外觀和感覺，網(wǎng)站設(shè)計師應(yīng)該創(chuàng)造性地發(fā)揮設(shè)計元素和整體用戶體驗。實驗并選擇適合您正在設(shè)計的品牌和網(wǎng)站的顏色，字體和字體的正確組合。
這個想法是使用一些試驗和錯誤來設(shè)計獨特的，視覺吸引力的和高度功能的設(shè)計。這是可靠而有效的創(chuàng)意過程的標(biāo)志
