9.16日(rì)音(yīn)訊,商業(yè)網站(zhà≈→§βn)設計(jì)需遵守的(de)原則。網站(zhàn)是(shì)>∑φ₹企業(yè)向用(yòng)戶和(hé)♥↓α網民(mín)提供信息(包括産品和(hé)服務)的(de)λ€ 一(yī)種方式,是(shì)企業(yè)開(kāi)展電(diàn)♥∏子(zǐ)商務的(de)基礎設施和(hé)信息平台,離(lí)開($↕kāi)網站(zhàn)(或者隻是(shì)利用(yòng)第三∏§☆♣方網站(zhàn))去(qù)談電(diàn)子(zǐ)商務是(shì)不(♠λbù)可(kě)能(néng)的(de)。企業(yè)的(de)網址被稱•¥≠為(wèi)“網絡商标”,也(yě)© ™是(shì)企業(yè)無形資産的(de)組成部分(fēn),±₹>¶而網站(zhàn)是(shì)INTERNET上(s™♥hàng)宣傳和(hé)反映企業(yè)形象和(hé)文(wén)化(huà✘ ≈±)的(de)重要(yào)窗(chuāng)口。企業(yè↕λ)網站(zhàn)設計(jì)顯得(de)極為(wèi)♦≠Ω→重要(yào),下(xià)面是(shì÷✔∑λ)一(yī)些(xiē)網站(zhàn)設計" ¶(jì)中應注意的(de)原則。
一(yī)、明(míng)确建立網站(zhàn)的(de)目标和(h∏★ππé)用(yòng)戶需求
Web站(zhàn)點的(de)設計(jì)是(shì)展®♦現(xiàn)企業(yè)形象、介紹産品和>∏(hé)服務、體(tǐ)現(xiàn)企業(yè)發展戰Ω↕♠≤略的(de)重要(yào)途徑,因此必須明(míng)确≤α設計(jì)站(zhàn)點的(de)目的(de)§→€和(hé)用(yòng)戶需求,從(cóng)β而做(zuò)出切實可(kě)行(xíng)的 ≈✘•(de)設計(jì)計(jì)劃。要(yào)根據消費(fèi€✘)者的(de)需求、市(shì)場(chǎng)的(de)狀況、企業(y↓≥ è)自(zì)身(shēn)的(de)情況等進行(xíng)綜合分 ≤ (fēn)析,牢記以“消費(fèi)者(cu' ∑stomer)”為(wèi)中心,而不(bù<♣♠↔)是(shì)以“美(měi)術(shù)”為(✔↕ wèi)中心進行(xíng)設計(jì)規劃。在≈£®設計(jì)規劃之初同樣考慮:建設網站(zhàn)$←✔♠的(de)目的(de)是(shì)什(shén)麽?為(wèi)誰提供服務和♥π"(hé)産品?企業(yè)能(néng)提供什(shén)™€麽樣的(de)産品和(hé)服務?網站(zhàn)的(de)目的(de £♠§)消費(fèi)者和(hé)受衆的(de)特點是(shì)什(↓≤shén)麽?企業(yè)産品和(hé)服務适合什(sh &Ωén)麽樣的(de)表現(xiàn)方式(風(fēng)格)?
二、總體(tǐ)設計(jì)方案主題鮮明(mí£✘♣ng)
在目标明(míng)确的(de)基礎上(shàng),完成網站(z≠♥hàn)的(de)構思創意即總體(tǐ)設計(jì)方案。對(duì)網站>™₩©(zhàn)的(de)整體(tǐ)風(fēng)格和(hé)特色作(zuò)β∑®出定位,規劃網站(zhàn)的(de)組織結構。Web站(zhàn)∞γ÷點應針對(duì)所服務對(duì)象(機(jī≈Ωδ)構或人(rén))的(de)不(bù)同而具有(yǒu)不(bù)同≥₩的(de)形式。有(yǒu)些(xiē)站(zhàn)點隻提供簡潔文(wén₹£ ♣)本信息;有(yǒu)些(xiē)則采用(y♥σ©òng)多(duō)媒體(tǐ)表現(xiàn)手法,提供華¥↕麗(lì)的(de)圖像、閃爍的(de)燈光(guāng)、複φ雜(zá)的(de)頁面布置,甚至可(kě)以下(xià)載聲音σ§≈$(yīn)和(hé)錄像片段。好(hǎo)的(de)We→ 'b站(zhàn)點把圖形表現(xiàn)手法和(hé)有(yǒγ÷¥u)效的(de)組織與通(tōng)信結合起來(lái)。要(÷←yào)做(zuò)到(dào)主題鮮明(míng)突出,要(yào)點明(m£☆£íng)确,以簡單明(míng)确的(de)語言和(hé)畫(hu¶•à)面體(tǐ)現(xiàn)站(zhàn)點★αλ的(de)主題。調動一(yī)切手段充分(fēn)表現(xiàn)網站(zh ✔♠∞àn)點的(de)個(gè)性和(hé)情趣,辦出網站(zhàδ n)的(de)特點。Web站(zhàn)點主頁應具π↓&備的(de)基本成分(fēn)包括:頁頭:準π↕确無誤地(dì)标識你(nǐ)的(de)站(zhàn)點和(hé)企業(y→∞ ™è)标志(zhì);Email地(dì)址:用(yòng)來(l₩±ái)接收用(yòng)戶垂詢;聯系信息↓λ♠:如(rú)普通(tōng)郵件(jiàn)地(dì)址或電$₽≥(diàn)話(huà);版權信息:聲明(∏→'míng)版權所有(yǒu)者等。注意重複利用(yòng)已有(y✘↔¶"ǒu)信息。如(rú)客戶手冊.公共關系文(wén)檔.技(jì)術(sh Ω"$ù)手冊和(hé)數(shù)據庫等可(kě)以輕而易δ€舉地(dì)用(yòng)到(dào)企業(yè)的(dφγe)Web站(zhàn)點中。
三、網站(zhàn)的(de)版式設計(jì)
網頁設計(jì)作(zuò)為(wèi)一(yī)種視(shì)覺§←π✘語言,要(yào)講究編排和(hé)布局,雖然主頁±¶&的(de)設計(jì)不(bù)等同于平面設計(jì)但(¥γ±dàn)它們有(yǒu)許多(duō)相(xià§✔₽ng)近(jìn)之處,應充分(fēn)加以利用(yòng)和(hé)借鑒。 <$↓版式設計(jì)通(tōng)過文(wén)字圖δ✔形的(de)空(kōng)間(jiān)組合,表達出和(h♥&é)諧與美(měi)。一(yī)個(gè)優秀的(de)網頁 &₽設計(jì)者也(yě)應該知(zhī)道(dào)哪一(yī)✘$★段文(wén)字圖形該落于何處,才能(néng)使整個(∏&★gè)網頁生(shēng)輝。多(duō)頁面站(zhànγ ✔)點頁面的(de)編排設計(jì)要(yào)求把頁面之間(jiān)的(de∏≈ ')有(yǒu)機(jī)聯系反映出來(lái),特别要(yào)處理(lǐ)好₩§(hǎo)頁面之間(jiān)和(hé)₹β★頁面內(nèi)的(de)秩序與內(nèi)容的(de)關系。為(™÷wèi)了(le)達到(dào)最佳的(de)視(shì)覺表現(xià♦✘®n)效果,應講究整體(tǐ)布局的(de)合理(lǐ)性,使浏覽者有(yǒ→→u)一(yī)個(gè)流暢的(de)視(shì)覺體α(tǐ)驗。
四、色彩在網頁設計(jì)中的(de∏♦)作(zuò)用(yòng)
色彩是(shì)藝術(shù)表現(xiàn)的(de)要(yà→o)素之一(yī)。在網站(zhàn)建設和(hé)網頁制✘✔(zhì)作(zuò)中,根據和(hé)© €÷諧、均衡和(hé)重點突出的(de)原則,将不(b₹&"ù)同的(de)色彩進行(xíng)組合.搭配來(lái)♦÷₹構成美(měi)麗(lì)的(de)頁面。根據色彩對(duì)人(réΩ$n)們心理(lǐ)的(de)影(yǐng)響,合理(lǐ)地(dì)↕€加以運用(yòng)。按照(zhào)色彩的(de)記憶性原則,一£§ (yī)般暖色較冷(lěng)色的(de)記憶性β &強;色彩還(hái)具有(yǒu)聯想與象征的(≥®♥σde)物(wù)質,如(rú)紅(hóng)色象征血、太α<≥陽;藍(lán)色象征大(dà)海(hǎi)、天空(kōngλ✔)和(hé)水(shuǐ)面等。所以設計(jì)₩$∏出售冷(lěng)食的(de)虛拟店(dià•δ∑♣n)面,應使用(yòng)淡雅而沉靜(jìn ¶g)的(de)顔色,使人(rén)心理(lǐ)上(shàng←ε)感覺涼爽一(yī)些(xiē)。網頁的(de)顔色應用(yòng)↔™>✔并沒有(yǒu)數(shù)量的(de)限制(zhì↔π¶),但(dàn)不(bù)能(néng)毫無節制♣γ(zhì)地(dì)運用(yòng)多(d→✔÷uō)種顔色,一(yī)般情況下(xià),先根據總體(tǐ)∞&β風(fēng)格的(de)要(yào)求定出一(≤ yī)至二種主色調,有(yǒu)CIS(企業(yè)形象識别系§₹統)的(de)更應該按照(zhào)其中的(de)VI進行(xíng)色β彩運用(yòng)。
在色彩的(de)運用(yòng)過程中,♠₩γ還(hái)應注意的(de)一(yī)個(gè)問(wèn) ±±☆題是(shì):由于國(guó)家(jiā)和(hé)種族.宗教$§'™和(hé)信仰的(de)不(bù)同,以及生∑©(shēng)活的(de)地(dì)理(→★lǐ)位置.文(wén)化(huà)修養的(de)差異等,不(bù®∑♠)同的(de)人(rén)群對(duì)色彩的(de)喜惡程度有(yǒu★")著(zhe)很(hěn)大(dà)的(de)差異。σ¶如(rú):兒(ér)童喜歡對(duì)比強烈.個±♥(gè)性鮮明(míng)的(de)純顔色;→生(shēng)活在草(cǎo)原上(shàng)的(de)人(rén)&↕§喜歡紅(hóng)色;生(shēng)活在鬧市(shì)中的(de)人(rénβ®)喜歡淡雅的(de)顔色;生(shēng)活在&ldq≈"uo;沙漠”中的(de)人(rén)喜歡綠(lǜ)色。在設計(j↔≈→πì)中要(yào)考慮主要(yào)讀(dú)者群的(de)背景和(♦©hé)構成。
五、網頁形式與內(nèi)容相(xiàng)統一(yī)
要(yào)将豐富的(de)意義和(h®☆é)多(duō)樣的(de)形式組織成統一φ✘(yī)的(de)頁面結構,形式語言必須符合 ↔頁面的(de)內(nèi)容,體(tǐ)現(x€ ↕≠iàn)內(nèi)容的(de)豐富含義。運用(yòng)對(du↔ì)比與調和(hé)、對(duì)稱與平衡、節奏與韻÷×✘律以及留白(bái)等手段,通(tōng)過空★>β(kōng)間(jiān)、文(wén)字、圖形之間(jiān)的(de←•)相(xiàng)互關系建立整體(tǐ)的(de) "↓均衡狀态,産生(shēng)和(hé)諧的(de)美(♠↑měi)感。如(rú)對(duì)稱原則在頁面設計(jì)中,它的(de)均衡λ₽有(yǒu)時(shí)會(huì)使頁面顯得(de)呆闆,但(dàn↓Ω)如(rú)果加入一(yī)些(xiē)富有(yǒu)動感$←✘₹的(de)文(wén)字、圖案,或采用(yòng)誇張的(de)手 法來(lái)表現(xiàn)內(nèi)容往往會(huì)$δγ達到(dào)比較好(hǎo)的(de)≈±♦效果。點、線、面作(zuò)為(wèi)視(sh☆₹ì)覺語言中的(de)基本元素,要(yào)使用(yòng)☆φ☆≈點、線、面的(de)互相(xiàng)穿插、互相(↑♥≥xiàng)襯托、互相(xiàng)補充構成最佳的(de)頁面效果。網頁↕'φ≥設計(jì)中點、線、面的(de)運用(yòng)并不(bù)是(shì)•α∞孤立的(de),很(hěn)多(duō)時(shí)←δ候都(dōu)需要(yào)将它們結合起✔↔來(lái),表達完美(měi)的(de)設計(jì)意境。
六、三維空(kōng)間(jiān)的(de)構成☆''×和(hé)虛拟現(xiàn)實
網絡上(shàng)的(de)三維空(kōn♣™δ¥g)間(jiān)是(shì)一(yī)個(gè¶α±←)假想空(kōng)間(jiān),這(zhè)種空(k∏δōng)間(jiān)關系需借助動靜(jìng)變化(huà).圖≈γ •像的(de)比例關系等空(kōng)間(jiān)因素表現≥♥(xiàn)出來(lái)。在頁面中,圖片、文(wé☆♣n)字位置前後疊壓,或頁面位置變化(huà)所産生(shēng)₹α→β的(de)視(shì)覺效果都(dōu)各不(bπ♥♥ù)相(xiàng)同。圖片、文(wén)字前後疊壓所構成的(de$φ)空(kōng)間(jiān)層次目前還(háiΩ™)不(bù)多(duō)見(jiàn),網上(s∏βhàng)更多(duō)的(de)是(shì)一(yī)些(x ♠iē)設計(jì)比較規範、簡明(míng)的(de)頁面,這&¶& (zhè)種疊壓排列能(néng)産生(s δβhēng)強節奏的(de)空(kōng)間(jiān)層次,視(shì)覺©¶≤效果強烈。網頁上(shàng)常見(jiàn)的(de)是(shì)頁∏¶•面上(shàng)、下(xià)、左、右、中位置所& λα産生(shēng)的(de)空(kōng)間(jiān)關系↓©≥,以及疏密的(de)位置關系所産生(shēng)的(de)♦>空(kōng)間(jiān)層次,這(zhè)兩種位置關系使産生(shēng)↔₹ ₽的(de)空(kōng)間(jiān)層次←♦←富有(yǒu)彈性,同時(shí)也(yě)讓'♣<≠人(rén)産生(shēng)輕松或緊迫的€&&♠(de)心理(lǐ)感受。現(xiàn)在,人(∏<∞rén)們已不(bù)滿足于HTML語言編制(zhì)的(de)₹二維Web頁面,三維世界的(de)誘惑開(k≥♣āi)始吸引更多(duō)的(de)人(rén),虛拟現(xiàn)實要(y☆δào)在Web網上(shàng)展示其迷人(r₩ én)的(de)風(fēng)采,于是(shì∞€α)VRML語言出現(xiàn)了(le)。₩≈VRML是(shì)一(yī)種面向對(duì)象的(de)語言,♥✔它類似Web超級鏈接所使用(yòng)的(de)HTML↓₩≈σ語言,也(yě)是(shì)一(yī)種基于文(wén)¥"φ本的(de)語言,并可(kě)以運行(xíng)在多(duō™)種平台之上(shàng),隻不(bù)過能(§βnéng)夠更多(duō)地(dì)為(wèi)虛拟現(xiàn>♥>↕)實環境服務。
七、多(duō)媒體(tǐ)功能(néng)的(de)利♦δ用(yòng)
網絡資源的(de)優勢之一(yī)是'÷£(shì)多(duō)媒體(tǐ)功能(néng)↕÷♥。要(yào)吸引浏覽者注意力,頁面的(de)內(nèi)容可(≠αλ↕kě)以用(yòng)三維動畫(huà)、FLASH等來(lái)表現(xi ≠≤$àn)。但(dàn)要(yào)注意,由于網絡帶寬的(₩✘de)限制(zhì),在使用(yòng)多(duō)媒體(tǐ)↑ →的(de)形式表現(xiàn)網頁的(de)內(nèi)容時(ε♣♠shí)應考慮客戶端的(de)傳輸速度。
八、網站(zhàn)測試和(hé)改進
測試實際上(shàng)是(shì)模拟用(yòng)戶詢問(wèn× →)網站(zhàn)的(de)過程,用(yò≠¥ng)以發現(xiàn)問(wèn)題并改進設計(jì)。要(yào)注意讓↑£用(yòng)戶參與網站(zhàn)測試。
九、內(nèi)容更新與溝通(tōng)
企業(yè)Web站(zhàn)點建立後,要(yào)不(bù)斷更新 ★"÷內(nèi)容。站(zhàn)點信息的(de)不(bù)斷更新,讓" α浏覽者了(le)解企業(yè)的(de)✘☆發展動态和(hé)網上(shàng)職務等,同時(shí)也(yě)會(Ω€φhuì)幫助企業(yè)建立良好(hǎo)γ'的(de)好(hǎo)象。在企業(yè)的(deπ÷)Web站(zhàn)點上(shàng),要(yào)認真回複用Ω$↓♦(yòng)戶的(de)電(diàn)子(zǐ)郵件(jiàn)和(h→×é)傳統的(de)聯系方式如(rú)信件(jià₩<☆©n).電(diàn)話(huà)垂詢和(hé)傳真,做(zuò)到(dào)有₽'±(yǒu)問(wèn)必答(dá)。最好(hǎo)将用±±✘(yòng)戶的(de)用(yòng)意進行(xíng)分(fēn)σΩ>類,如(rú)售前一(yī)般了(le)解.售後服務等∏→λ¶,由相(xiàng)關部門(mén)處理(lǐ),使用(yòng)站(zhà♠'n)訪問(wèn)者感受到(dào)企業(yè)的(de)真實存在并₩®Ω↔由此産生(shēng)信任感。注意不(b♦ φΩù)要(yào)許諾你(nǐ)實現(xiàn)不(bù)了(le)的₩(de)東(dōng)西(xī),在你(nǐ)真正有(yε ǒu)能(néng)力處理(lǐ)回複之前,不(bù)要(yào)懇求σ®π用(yòng)戶輸入信息或羅列一(yī)大(dà)堆自♠&(zì)己不(bù)能(néng)及時(shí)答(d&γ↕á)複的(de)電(diàn)話(huà)号∑ 碼。如(rú)果要(yào)求訪問(wèn)者自(zì)願提供其個φ← (gè)人(rén)信息,應公布并認真履行(xíng)個(g∑£è)人(rén)隐私保承諾。
十、合理(lǐ)運用(yòng)新技(jì)術(shù)
新的(de)網頁制(zhì)作(zu↑λ≠ò)技(jì)術(shù)幾乎每天都(dōu)會(huì)出現(xiàn),γΩ↓如(rú)果不(bù)是(shì)介紹網絡技(jì)術(shù)的 ≠(de)專業(yè)站(zhàn)點,一(yī)定要(∏®yào)合理(lǐ)地(dì)運用(yòng)網頁↑↓£制(zhì)作(zuò)的(de)新技(jì)♥術(shù),切忌将網站(zhàn)變為(wèiγ )一(yī)個(gè)制(zhì)作(zuò)網頁的(de)技(jì)術(sφ εhù)展台,永遠(yuǎn)記住用(yòngσ£)戶方便快(kuài)捷地(dì)得(dλ£γ¶e)到(dào)所需要(yào)的(de)信息是(shìε©)最重要(yào)的(de)。