>
學(xué)校機(jī)構(gòu) >
沈陽(yáng)市新人才電腦培訓(xùn)學(xué)校 >
學(xué)習(xí)資訊>
如何學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)與開發(fā)
如何學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)與開發(fā)
59 2017-07-18
一,網(wǎng)頁(yè)設(shè)計(jì)
網(wǎng)頁(yè)設(shè)計(jì)可以理解為為網(wǎng)站上妝的技術(shù)。網(wǎng)站的永恒主題是用戶體驗(yàn)。用戶訪問你的網(wǎng)站,能不能給對(duì)方留下好的印象以至于TA下次還來(lái)訪問你的網(wǎng)站,這是很重要的一個(gè)問題。在這里,你必須站在一個(gè)設(shè)計(jì)者和用戶的角度去思考。怎樣設(shè)計(jì)一個(gè)整潔漂亮的網(wǎng)頁(yè),在這里推薦大家四原則:反差,重復(fù),排列,分類。
1,反差
好的反差效果可以給用戶留下好的并深刻的印象。如果用戶到你的網(wǎng)站,你的網(wǎng)站沒有焦點(diǎn)聚焦到TA的眼睛,那么是不會(huì)留下深刻的印象的??梢岳脠D片,文字,顏色等方法來(lái)產(chǎn)生反差。比如說,你促銷某種產(chǎn)品,那么這個(gè)產(chǎn)品的圖片的尺寸就要比別的圖片要大,另外的一些輔助插圖可以小,然后別的產(chǎn)品的圖片可以與插圖一樣大或者小些;然后關(guān)于這個(gè)產(chǎn)品的介紹文字,你要重點(diǎn)強(qiáng)調(diào)(著色,加粗,加大);在顏色上也是一樣,主打產(chǎn)品的圖片顏色,字體顏色,字體背景顏色都要比別的產(chǎn)品的顏色要鮮亮,突出重點(diǎn)。這樣就形成了一個(gè)很好的反差效果。
2,重復(fù)
重復(fù)的原則可以體現(xiàn)你整個(gè)頁(yè)面的連貫性。比如在頁(yè)面的頭部和腳步用相同或類似的插圖;再比如你做一個(gè)關(guān)于寵物小狗的頁(yè)面,那么背景我們可以設(shè)計(jì)成一個(gè)家園,狗窩等,插圖用小狗的圖片,然后序列介紹中的序列符號(hào)我們可以設(shè)計(jì)成骨頭。突出了你的頁(yè)面風(fēng)格和你的品牌。
3,排列
排列在網(wǎng)站設(shè)計(jì)中是比較重要,你的網(wǎng)站表現(xiàn)的業(yè)務(wù)還是專業(yè)很大程度上從排列上反映了出來(lái)。使用格欄效果可以使你的設(shè)計(jì)顯得很干凈不冗余,會(huì)使網(wǎng)站的內(nèi)容合理的分布在框架中。體現(xiàn)了你的專業(yè)性,也給用戶留下了很好的印象。格欄設(shè)計(jì)好有益于欄目的設(shè)置,這樣才能突出你的中心,用戶閱讀欄目的內(nèi)容也會(huì)得到一個(gè)好的效果。
4,分類
把你的網(wǎng)站的不同內(nèi)容分開來(lái),如果有關(guān)無(wú)關(guān)的內(nèi)容都堆在一起,那么你的用戶體驗(yàn)就會(huì)很糟糕。將內(nèi)容按照邏輯劃分到相關(guān)的主要分類下,會(huì)顯得你的網(wǎng)站內(nèi)容既清晰又規(guī)整,簡(jiǎn)單明了。合理的分類會(huì)提高網(wǎng)站的有效訪問度。調(diào)查發(fā)現(xiàn),當(dāng)用戶在網(wǎng)站查找內(nèi)容超過三級(jí)子分類時(shí)會(huì)失去耐心。所以在分類這一原則上要把握好。二,網(wǎng)站編程我對(duì)網(wǎng)站編程的理解是:網(wǎng)站的核心,主體,精神。一個(gè)優(yōu)秀的網(wǎng)站光靠漂亮的設(shè)計(jì)是不行的
推薦熱點(diǎn):高中文憑自考
掃一掃
獲取更多福利
獵學(xué)網(wǎng)企業(yè)微信
獵學(xué)網(wǎng)訂閱號(hào)
獵學(xué)網(wǎng)服務(wù)號(hào)