如何在這個(gè)問題上建立一個(gè)完整的網(wǎng)站架構(gòu)和設(shè)計(jì)一個(gè)優(yōu)秀的網(wǎng)站，是一個(gè)絕對(duì)的權(quán)威和正確的設(shè)計(jì)理念，但是任何一個(gè)網(wǎng)站的設(shè)計(jì)都需要一步一步地進(jìn)行。從這一時(shí)期的5個(gè)時(shí)期進(jìn)行系列化，分別從網(wǎng)站模型構(gòu)建、審美互動(dòng)設(shè)計(jì)、風(fēng)格設(shè)計(jì)、代碼設(shè)計(jì)、可用性測試和再設(shè)計(jì)五個(gè)方面進(jìn)行了探討。

網(wǎng)站設(shè)計(jì)是一個(gè)新的前沿領(lǐng)域。它不僅要從外觀上進(jìn)行創(chuàng)新，還要結(jié)合圖形和版面設(shè)計(jì)、交互設(shè)計(jì)等許多相關(guān)原則，使網(wǎng)站設(shè)計(jì)成為一種獨(dú)特的藝術(shù)。

好的網(wǎng)站設(shè)計(jì)可以使網(wǎng)站在同類網(wǎng)站中獨(dú)樹一幟。優(yōu)秀的創(chuàng)意和表達(dá)方式能給訪問者留下深刻的印象，增加網(wǎng)站的流量，甚至直接增加網(wǎng)站的收入，因此，在網(wǎng)站設(shè)計(jì)初期對(duì)網(wǎng)站的設(shè)計(jì)步驟進(jìn)行規(guī)劃是非常重要的。一般來說，網(wǎng)站的設(shè)計(jì)步驟分為模型構(gòu)建、審美互動(dòng)設(shè)計(jì)、風(fēng)格設(shè)計(jì)、代碼設(shè)計(jì)、可用性測試等。首先，我們將從以下四個(gè)步驟了解網(wǎng)站模型設(shè)計(jì)的內(nèi)涵和要點(diǎn)。

你的工作是設(shè)計(jì)師還是工匠，取決于你的工作是一個(gè)真正的設(shè)計(jì)，還是修飾頁面的操作，使它看起來更好。設(shè)計(jì)師工作在一個(gè)戰(zhàn)略上有利的地位，而藝術(shù)工作者只是軟件工具的使用者。

許多人把網(wǎng)站的設(shè)計(jì)定義為藝術(shù)設(shè)計(jì)。設(shè)計(jì)人員的任務(wù)是利用PS圖象處理軟件的繪圖軟件繪制需要顯示的頁面。其實(shí)，這是一個(gè)很狹隘的理解。合格的設(shè)計(jì)師應(yīng)該立足于整個(gè)網(wǎng)站，完成整個(gè)網(wǎng)站的規(guī)劃設(shè)計(jì)，從宏觀上把握設(shè)計(jì)風(fēng)格，然后確定如何在微觀上細(xì)化設(shè)計(jì)。當(dāng)然，網(wǎng)站DISI。GN還包括數(shù)據(jù)庫設(shè)計(jì)和程序設(shè)計(jì)，在這里，我只使用我的經(jīng)驗(yàn)，例如，談?wù)摼W(wǎng)站的前端設(shè)計(jì)。

奧運(yùn)官方網(wǎng)站：例如，這是一個(gè)非常成功的設(shè)計(jì)的例子。設(shè)計(jì)師不使用大量的紅色，因?yàn)樗ǔＩ婕皧W運(yùn)會(huì)的主題。它是一種完整的頁面風(fēng)格的國際化，將各種信息和功能模塊恰當(dāng)?shù)厝诤显谝黄穑哂胸S富的整體效果。

新浪頻道：例如，我們可以看到，設(shè)計(jì)師的創(chuàng)造力僅僅是壓縮在頁面滾動(dòng)屏幕后幾次看到的內(nèi)容塊上，使用奧林匹克五環(huán)顏色來設(shè)計(jì)。頁面頭基本上是可以在任何規(guī)格上使用的結(jié)構(gòu)材料。AL站點(diǎn)和Sina的信息系統(tǒng)必須是一個(gè)很好的設(shè)計(jì)來支持一個(gè)更獨(dú)立的主題模板，并且它不從網(wǎng)站的角度來處理這個(gè)項(xiàng)目。

我們經(jīng)常聽到設(shè)計(jì)師的抱怨：我無法完成設(shè)計(jì)10次以上，我經(jīng)常聽到產(chǎn)品經(jīng)理說：設(shè)計(jì)師不能抓住要點(diǎn)。

無論是在網(wǎng)站實(shí)施過程中的設(shè)計(jì)多么重要，它都是由需求決定的，因此，網(wǎng)站項(xiàng)目的前期需求是一個(gè)關(guān)鍵環(huán)節(jié)，也可以被理解為住宅建設(shè)的基礎(chǔ)。要么是結(jié)果，要么是由領(lǐng)導(dǎo)者或老板的沖動(dòng)引發(fā)的大討論。

在建立需求的過程中，網(wǎng)站設(shè)計(jì)者的組成部分是極其有限的。產(chǎn)品經(jīng)理、渠道主管和領(lǐng)導(dǎo)層的觀念往往決定著需求的最終形式，然而，設(shè)計(jì)師介入需求階段是必要的。設(shè)計(jì)師可以用自己的專業(yè)眼光提出科學(xué)合理的建議，影響需求的細(xì)節(jié)，這樣才能達(dá)到需求側(cè)與設(shè)計(jì)者之間的最佳一致性，而不必在面對(duì)NE的設(shè)計(jì)過程中抱怨。征求意見，但不改變。

用戶來自哪個(gè)頁面他最可能點(diǎn)擊哪個(gè)鏈接或按鈕他使用搜索框嗎下一頁在哪里，哪個(gè)頁面會(huì)被他打印出來

從整個(gè)網(wǎng)站的角度來看，這些過程可能僅僅是產(chǎn)品經(jīng)理需要掌握的，而設(shè)計(jì)者只得到了UE圖一點(diǎn)零一分的繪圖頁。事實(shí)上，一個(gè)好的設(shè)計(jì)師往往能夠承擔(dān)產(chǎn)品經(jīng)理的一部分責(zé)任，設(shè)計(jì)一個(gè)典型的產(chǎn)品。用戶路徑對(duì)網(wǎng)頁流量有很大影響。

頁面和頁面之間有很多關(guān)聯(lián)。切片鏈接中的超鏈接將進(jìn)程頁和外部頁面結(jié)合在一起。區(qū)域A的文本鏈接是鏈到第2頁。區(qū)域B的圖片鏈接指向頁面3。一個(gè)重要的大按鈕實(shí)際上是鏈接到網(wǎng)絡(luò)站點(diǎn)X頁面和頁面之間的繼承關(guān)系，繼承過程應(yīng)該讓用戶理所當(dāng)然，并在視覺上實(shí)現(xiàn)平滑過渡，這是設(shè)計(jì)者考慮的具體問題。從一頁到另一頁，應(yīng)該保留哪些模塊，哪些控件可以更改，頁面結(jié)構(gòu)是否可以更改，以及頁面顏色是否可以被替換為參照用戶路徑來設(shè)計(jì)的地方。您將了解用戶需要合理設(shè)計(jì)的內(nèi)容。這里我們可以參考圖中所示的網(wǎng)站設(shè)計(jì)流程圖。

設(shè)計(jì)者需要使用什么作為頁面設(shè)計(jì)的參考，所有的元素和過程都在大腦中，此時(shí)設(shè)計(jì)者需要簡單地整理它們，并畫出線條和注釋。

我們可以理解UE模型作為設(shè)計(jì)草圖。在UE階段，設(shè)計(jì)者主要基于用戶路徑所獲得的線索，再加上用戶交互習(xí)慣的探索，然后整理一個(gè)粗略的模型框架，在這個(gè)框架中，有幾個(gè)關(guān)鍵頁面，每個(gè)關(guān)鍵頁面的關(guān)鍵元素和模塊是什么ICH必須安排在特定的位置或必須突出顯示。

其中，主頁和最后一頁是最重要的兩級(jí)頁面。主頁將是用戶使用網(wǎng)站的第一站。首頁的體驗(yàn)是好的還是壞的，最后一頁是用戶想要獲取信息的特定頁面，他將在這個(gè)頁面停留很長時(shí)間，并且可以仔細(xì)閱讀，或者打印出這個(gè)頁面。在繪制UE模型之后，將有一個(gè)開發(fā)團(tuán)隊(duì)來討論和更新。IEW模型，此時(shí)需要關(guān)注主頁和最終頁面的近似外觀，每一個(gè)參與者都關(guān)心它，如UE模型圖中所示，我們可以參考一個(gè)商場的UE圖，在UE模型通過后，傳統(tǒng)的設(shè)計(jì)是最后投入使用，并需要具體的頁面設(shè)計(jì)。