原型設(shè)計(jì)階段對大多數(shù)Web設(shè)計(jì)人員來說是最有趣的，因?yàn)樗_始使項(xiàng)目成型。在這個(gè)階段，應(yīng)該同時(shí)開發(fā)外觀和技術(shù)上的原型系統(tǒng)。在建立原型系統(tǒng)之前，應(yīng)該盡可能收集更多的內(nèi)容，內(nèi)容本身會影響站點(diǎn)并指導(dǎo)它的形式。實(shí)踐證明，對于中小型網(wǎng)站的設(shè)計(jì)，原型法設(shè)計(jì)技術(shù)是目前常采用的技術(shù)之一。

作為Web設(shè)計(jì)師，最重要的一點(diǎn)是要有創(chuàng)意，沒有創(chuàng)意的網(wǎng)站是不成功的。因此，網(wǎng)站制作過程中要著重考慮以下幾點(diǎn)。

（一）設(shè)計(jì)原則

根據(jù)成功網(wǎng)站的經(jīng)驗(yàn)，網(wǎng)頁的風(fēng)格、容量、導(dǎo)航、推廣等都有一定的規(guī)律，而且還要互相協(xié)調(diào)，才能構(gòu)建出一個(gè)成功的網(wǎng)站。

1．網(wǎng)頁易讀

網(wǎng)站設(shè)計(jì)最重要的訣竅就是網(wǎng)頁要易讀。這就意味著，必須花心思來規(guī)劃文字與背景顏色的搭配方案。注意不要使背景的顏色沖淡了文字的視覺效果，使人看起來很費(fèi)勁。一般來說，淺色背景下的深色文字為佳。

這個(gè)原則也意味著文字的大小要適中，不能太小也不能太大。另外，好讓文本對齊，而不是居中。按中文的閱讀習(xí)慣，文本大都居左。當(dāng)然，標(biāo)題一般應(yīng)該居中，因?yàn)檫@符合讀者的閱讀習(xí)慣。

2．導(dǎo)航清晰

所有的超鏈接應(yīng)清晰無誤地向讀者標(biāo)識出來，所有導(dǎo)航的設(shè)置，如圖像按鈕等，都要有清晰的標(biāo)識，讓人看得明白。

鏈接文本好用約定俗成的顏色：未訪問的用藍(lán)色，點(diǎn)擊過的用紫色或栗色。文本鏈接一定要和頁面的其他文字有所區(qū)分，給讀者清楚的導(dǎo)向。

清晰導(dǎo)航還要求用戶進(jìn)入目的頁面的點(diǎn)擊次數(shù)不能超過三次，如果三次以上還未找到，用戶可能就沒有耐心了！

3．網(wǎng)站易找

怎么讓用戶找到網(wǎng)站？要對網(wǎng)站進(jìn)行推廣，推廣活動(dòng)要網(wǎng)上網(wǎng)下立體展開。就網(wǎng)上而言，推廣的途徑包括搜索引擎、目錄指南、導(dǎo)航站點(diǎn)、頁眉廣告、電子雜志以及交換鏈接等。網(wǎng)下的傳統(tǒng)推廣手段也不能忽略，包括印刷廣告、電臺、電視、宣傳品、口碑相傳等。傳統(tǒng)推廣手段的成本很高，如何組合的效果好，要根據(jù)實(shí)情操作。

4．風(fēng)格統(tǒng)一

網(wǎng)頁上所有的圖像、文字，包括背景顏色、區(qū)分線、字體、標(biāo)題、注腳等，都要統(tǒng)一風(fēng)格，貫穿整個(gè)網(wǎng)站，這樣就給讀者舒服、順暢的感覺，會對網(wǎng)站留下一個(gè)“很專業(yè)”的印象。字體、主體文本對齊風(fēng)格、標(biāo)題、背景效果以及特殊圖像效果等都應(yīng)保持統(tǒng)一。

5．小容量頁面

有研究顯示，頁面容量不要超過75KB，如果一個(gè)網(wǎng)站頁面的主體在15秒之內(nèi)無法顯現(xiàn)，訪客會很快失去對該站的興趣。因此，要限定頁面的大小，從各個(gè)角度考慮節(jié)省空間。

（二）設(shè)計(jì)重點(diǎn)

1．重點(diǎn)信息放在突出醒目的位置

一個(gè)網(wǎng)站重要的部分就是標(biāo)題，標(biāo)題就像路牌一樣，為用戶“指路”。好的網(wǎng)站給人的第一印象是能夠立即注意到標(biāo)題，標(biāo)題要意義清晰、描述性強(qiáng)，把最吸引人之處放在醒目的位置，然后再慢慢展開。留出可調(diào)整的位置，用于滿足臨時(shí)性或短期營銷活動(dòng)的宣傳需要。這就要求調(diào)整原有的結(jié)構(gòu)，既讓新的內(nèi)容有突出體現(xiàn)，又不至于淹沒其他重點(diǎn)。每屏中的文字與圖形的布局既要考慮到重點(diǎn)的突出，還要給人以和諧的感覺。不能讓圖形淹沒文字，也不能因?yàn)閳D形太少而讓人感覺單調(diào)，視覺的吸引和誘惑力是不能低估的。

2．頁面設(shè)計(jì)風(fēng)格保持一致

如何保持頁面風(fēng)格的一致是頁面設(shè)計(jì)過程中需要考慮的重要方面。根據(jù)經(jīng)驗(yàn)，可以嘗試以下幾種設(shè)計(jì)方式。

（1）結(jié)構(gòu)的一致性。網(wǎng)站的統(tǒng)一性在網(wǎng)站營銷中占重要地位，而網(wǎng)站結(jié)構(gòu)是網(wǎng)站風(fēng)格統(tǒng)一的重要手段，包括網(wǎng)站布局、文字排版、裝飾性元素出現(xiàn)的位置、導(dǎo)航的統(tǒng)一、圖片的位置等。國外著名電子商務(wù)網(wǎng)站的結(jié)構(gòu)非常一致，所不同的只是色彩或內(nèi)容。在結(jié)構(gòu)的一致性中，要強(qiáng)調(diào)網(wǎng)站標(biāo)志性元素的一致性，即網(wǎng)站或公司名稱、網(wǎng)站或企業(yè)標(biāo)志、導(dǎo)航和輔助導(dǎo)航的形式及位置、公司聯(lián)系信息等。這一方面減少設(shè)計(jì)、開發(fā)的工作量，另一方面更有利于以后的網(wǎng)站維護(hù)與更新。

（2）色彩的一致性。保持站點(diǎn)主體色彩的一致，只改變局部色塊，優(yōu)點(diǎn)是會給人留下很深刻的印象。因?yàn)槿说囊曈X對色彩要比對布局更敏感，更容易在大腦中形成記憶符號。在色彩的一致性中，我們強(qiáng)調(diào)的是如果企業(yè)有自身的CI形象，好在Internet中沿用這種形象，給觀眾網(wǎng)上網(wǎng)下一致的感覺，更有利于企業(yè)形象的樹立。建議選取一兩種主要色彩和幾種輔助色彩。

（3）利用導(dǎo)航取得統(tǒng)一。導(dǎo)航是網(wǎng)站的一個(gè)重要組成部分，出色的富有特性的導(dǎo)航會給人留下深刻的印象，如將標(biāo)志的形態(tài)寓于導(dǎo)航中，或?qū)?dǎo)航設(shè)計(jì)在整個(gè)網(wǎng)站布局中。

（4）特別元素的一致性。在網(wǎng)站設(shè)計(jì)中，個(gè)別具有特色的元素（如標(biāo)志、象征圖形、局部設(shè)計(jì)等）重復(fù)出現(xiàn)，也會給訪問者留下深刻印象。

（5）利用圖像取得統(tǒng)一。網(wǎng)頁中的圖像在使用上一定要慎之又慎，尤其是一些動(dòng)畫。網(wǎng)頁中充斥著各種可有可無的動(dòng)畫，有些動(dòng)畫根本與本網(wǎng)站內(nèi)容無關(guān)，認(rèn)真檢查網(wǎng)頁中的動(dòng)畫，刪掉沒用的動(dòng)畫。這里所說的利用圖像取得統(tǒng)一，是指根據(jù)網(wǎng)頁內(nèi)容的不同，配以相應(yīng)的圖像或動(dòng)畫，從而使瀏覽者形成頁面連續(xù)的印象。

文章標(biāo)題：電商網(wǎng)站需要?jiǎng)?chuàng)意設(shè)計(jì)
文章分享：http://www.js-pz168.com/news44/236694.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、軟件開發(fā)、品牌網(wǎng)站設(shè)計(jì)、App開發(fā)、Google、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)