網(wǎng)頁設(shè)計一般分為三種大類:功能型網(wǎng)頁設(shè)計(服務(wù)網(wǎng)站&B/S軟件用戶端)、形象型網(wǎng)頁設(shè)計(品牌形象站)、信息型網(wǎng)頁設(shè)計(門戶站)。設(shè)計網(wǎng)頁的目的不同,應(yīng)選擇不同的網(wǎng)頁策劃與設(shè)計方案。
網(wǎng)頁設(shè)計的工作目標(biāo),是通過使用更合理的顏色、字體、圖片、樣式進(jìn)行頁面設(shè)計美化,在功能限定的情況下,盡可能給予用戶完美的視覺體驗。高級的網(wǎng)頁設(shè)計甚至?xí)紤]到通過聲光、交互等來實現(xiàn)更好的視聽感受。
網(wǎng)頁設(shè)計主要以Adobe產(chǎn)品為主,常見的工具包括FW、PS、FL、DW、CDR、AI等,其中DW是代碼工具,其他是圖形圖像和FL動畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。
專業(yè)的網(wǎng)頁設(shè)計,需要經(jīng)歷以下幾個階段:
1、需要根據(jù)消費者的需求、市場的狀況、企業(yè)自身的情況等進(jìn)行綜合分析,從而建立起營銷模型。
2、以業(yè)務(wù)目標(biāo)為中心進(jìn)行功能策劃,制作出欄目結(jié)構(gòu)關(guān)系圖。
3、以滿足用戶體驗設(shè)計為目標(biāo),使用axure rp或同類軟件進(jìn)行頁面策劃,制作出交互用例。
4、以頁面精美化設(shè)計為目標(biāo),使用PS、AI等軟件,調(diào)整,使用更合理的顏色、字體、圖片、樣式進(jìn)行頁面設(shè)計美化。
5、根據(jù)用戶反饋,進(jìn)行頁面設(shè)計調(diào)整,以達(dá)到最優(yōu)效果。