如何在這個問題上建立一個完整的網(wǎng)站架構(gòu)和設(shè)計一個優(yōu)秀的網(wǎng)站,是一個絕對的權(quán)威和正確的設(shè)計理念,但是任何一個網(wǎng)站的設(shè)計都需要一步一步地進行。從這一時期的5個時期進行系列化,分別從網(wǎng)站模型構(gòu)建、審美互動設(shè)計、風格設(shè)計、代碼設(shè)計、可用性測試和再設(shè)計五個方面進行了探討。
網(wǎng)站設(shè)計是一個新的前沿領(lǐng)域。它不僅要從外觀上進行創(chuàng)新,還要結(jié)合圖形和版面設(shè)計、交互設(shè)計等許多相關(guān)原則,使網(wǎng)站設(shè)計成為一種獨特的藝術(shù)。
好的網(wǎng)站設(shè)計可以使網(wǎng)站在同類網(wǎng)站中獨樹一幟。優(yōu)秀的創(chuàng)意和表達方式能給訪問者留下深刻的印象,增加網(wǎng)站的流量,甚至直接增加網(wǎng)站的收入,因此,在網(wǎng)站設(shè)計初期對網(wǎng)站的設(shè)計步驟進行規(guī)劃是非常重要的。一般來說,網(wǎng)站的設(shè)計步驟分為模型構(gòu)建、審美互動設(shè)計、風格設(shè)計、代碼設(shè)計、可用性測試等。首先,我們將從以下四個步驟了解網(wǎng)站模型設(shè)計的內(nèi)涵和要點。
你的工作是設(shè)計師還是工匠,取決于你的工作是一個真正的設(shè)計,還是修飾頁面的操作,使它看起來更好。設(shè)計師工作在一個戰(zhàn)略上有利的地位,而藝術(shù)工作者只是軟件工具的使用者。
許多人把網(wǎng)站的設(shè)計定義為藝術(shù)設(shè)計。設(shè)計人員的任務(wù)是利用PS圖象處理軟件的繪圖軟件繪制需要顯示的頁面。其實,這是一個很狹隘的理解。合格的設(shè)計師應(yīng)該立足于整個網(wǎng)站,完成整個網(wǎng)站的規(guī)劃設(shè)計,從宏觀上把握設(shè)計風格,然后確定如何在微觀上細化設(shè)計。當然,網(wǎng)站DISI。GN還包括數(shù)據(jù)庫設(shè)計和程序設(shè)計,在這里,我只使用我的經(jīng)驗,例如,談?wù)摼W(wǎng)站的前端設(shè)計。
奧運官方網(wǎng)站:例如,這是一個非常成功的設(shè)計的例子。設(shè)計師不使用大量的紅色,因為它通常涉及奧運會的主題。它是一種完整的頁面風格的國際化,將各種信息和功能模塊恰當?shù)厝诤显谝黄?,具有豐富的整體效果。
新浪頻道:例如,我們可以看到,設(shè)計師的創(chuàng)造力僅僅是壓縮在頁面滾動屏幕后幾次看到的內(nèi)容塊上,使用奧林匹克五環(huán)顏色來設(shè)計。頁面頭基本上是可以在任何規(guī)格上使用的結(jié)構(gòu)材料。AL站點和Sina的信息系統(tǒng)必須是一個很好的設(shè)計來支持一個更獨立的主題模板,并且它不從網(wǎng)站的角度來處理這個項目。
我們經(jīng)常聽到設(shè)計師的抱怨:我無法完成設(shè)計10次以上,我經(jīng)常聽到產(chǎn)品經(jīng)理說:設(shè)計師不能抓住要點。
無論是在網(wǎng)站實施過程中的設(shè)計多么重要,它都是由需求決定的,因此,網(wǎng)站項目的前期需求是一個關(guān)鍵環(huán)節(jié),也可以被理解為住宅建設(shè)的基礎(chǔ)。要么是結(jié)果,要么是由領(lǐng)導(dǎo)者或老板的沖動引發(fā)的大討論。
在建立需求的過程中,網(wǎng)站設(shè)計者的組成部分是極其有限的。產(chǎn)品經(jīng)理、渠道主管和領(lǐng)導(dǎo)層的觀念往往決定著需求的最終形式,然而,設(shè)計師介入需求階段是必要的。設(shè)計師可以用自己的專業(yè)眼光提出科學合理的建議,影響需求的細節(jié),這樣才能達到需求側(cè)與設(shè)計者之間的最佳一致性,而不必在面對NE的設(shè)計過程中抱怨。征求意見,但不改變。
用戶來自哪個頁面他最可能點擊哪個鏈接或按鈕他使用搜索框嗎下一頁在哪里,哪個頁面會被他打印出來
從整個網(wǎng)站的角度來看,這些過程可能僅僅是產(chǎn)品經(jīng)理需要掌握的,而設(shè)計者只得到了UE圖一點零一分的繪圖頁。事實上,一個好的設(shè)計師往往能夠承擔產(chǎn)品經(jīng)理的一部分責任,設(shè)計一個典型的產(chǎn)品。用戶路徑對網(wǎng)頁流量有很大影響。
頁面和頁面之間有很多關(guān)聯(lián)。切片鏈接中的超鏈接將進程頁和外部頁面結(jié)合在一起。區(qū)域A的文本鏈接是鏈到第2頁。區(qū)域B的圖片鏈接指向頁面3。一個重要的大按鈕實際上是鏈接到網(wǎng)絡(luò)站點X頁面和頁面之間的繼承關(guān)系,繼承過程應(yīng)該讓用戶理所當然,并在視覺上實現(xiàn)平滑過渡,這是設(shè)計者考慮的具體問題。從一頁到另一頁,應(yīng)該保留哪些模塊,哪些控件可以更改,頁面結(jié)構(gòu)是否可以更改,以及頁面顏色是否可以被替換為參照用戶路徑來設(shè)計的地方。您將了解用戶需要合理設(shè)計的內(nèi)容。這里我們可以參考圖中所示的網(wǎng)站設(shè)計流程圖。
設(shè)計者需要使用什么作為頁面設(shè)計的參考,所有的元素和過程都在大腦中,此時設(shè)計者需要簡單地整理它們,并畫出線條和注釋。
我們可以理解UE模型作為設(shè)計草圖。在UE階段,設(shè)計者主要基于用戶路徑所獲得的線索,再加上用戶交互習慣的探索,然后整理一個粗略的模型框架,在這個框架中,有幾個關(guān)鍵頁面,每個關(guān)鍵頁面的關(guān)鍵元素和模塊是什么ICH必須安排在特定的位置或必須突出顯示。
其中,主頁和最后一頁是最重要的兩級頁面。主頁將是用戶使用網(wǎng)站的第一站。首頁的體驗是好的還是壞的,最后一頁是用戶想要獲取信息的特定頁面,他將在這個頁面停留很長時間,并且可以仔細閱讀,或者打印出這個頁面。在繪制UE模型之后,將有一個開發(fā)團隊來討論和更新。IEW模型,此時需要關(guān)注主頁和最終頁面的近似外觀,每一個參與者都關(guān)心它,如UE模型圖中所示,我們可以參考一個商場的UE圖,在UE模型通過后,傳統(tǒng)的設(shè)計是最后投入使用,并需要具體的頁面設(shè)計。
