蘇州網頁設計(jì)的(de)應用(yòng)與範圍網頁設計(jì)
網站(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)(或者隻是(s₽hì)利用(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上(shàng)宣傳和(hé)反映企業(yè)形象和(hé)文(wén)化(huà)的(de)重要(yào)窗←(chuāng)口。
網頁設計(jì)的(de)建設網站(zhàn)包含:企業(yè)網站(zhàn)、集團網站(zhàn)、門(mén)戶網站(zhàn)、電(diàn)子(zǐ)商務網站(zhàn)等 ,在行(xín¥g)業(yè)中各自(zì)有(yǒu)各自(zì)的(de)作(zuò)用(yòng)。
優秀的(de)網站(zhàn)設計(jì)師(shī)應該考慮以下(xià)幾點:
一(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"ì)劃。我們會(huì)根據消費(fèi)者的(de)需求、市(shì)場(chǎng)的(de)狀況、企業(yè)自(zì)身(shēn)的(de)情況等進行(xíng)綜合分(fēn)析£,以“消費(fèi)者(customer)”為(wèi)中心,而不(bù)是(shì)以“美(měi)術(shù)”為(wèi)中心進行(xíng)設計(jì)規劃。
在設計(jì)規劃時(shí)我們會(huì)考慮:
建設網站(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)格)?
二、網頁設計(jì)總體(tǐ)方案主題鮮明(míng)
在目标明(míng)确的(de)基礎上(shàng),完成網站(zhà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)Web站(zhàn)點把圖形表現(xiàn)手法和(hé)有(yǒu )效的(de)組織與通(tōng)信結合起來(lái)。為(wèi)了(le)做(zuò)到(dào)主題鮮明(míng)突出,要(y<ào)點明(míng)确,我們将按照(zhào)客戶的(de)要(yào)求,以簡單明(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)話(h£uà); 版權信息:聲明(míng)版權所有(yǒu)者等。充分(fēn)利用(yòng)已有(yǒu)信息,如(rú)客戶手↔冊.公共關系文(wén)檔.技(jì)術(shù)手冊和(hé)數(shù)據庫等。
三、網站(zhàn)的(de)版式設計(jì)
網頁設計(jì)作(zuò)為(wèi)一(yī)種視(shì)覺≠語言,特别講究編排和(hé)布局,雖然主頁的(de)設計(jì)不(bù)等同于平面設計(jì),但(dàn)它們有(yǒu)許多(duσō)相(xiàng)近(jìn)之處。版式設計(jì)通(tōng)過文(wén)字圖形的(de)空(kōng)間(jiān)組合,表達出和(hé)諧與美(měi)。多(duō)頁面站(z✘hà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ī)。在網頁設計(jì✔)中,我們的(de)設計(jì)師(shī)根據和(hé)諧、均衡和(hé)重點突出的(de)原則,将不(bù)同的(de)色彩進行(xíng)組合.搭配來(lái)構成美(měi)麗(lì)§的(de)頁面。 根據色彩對(duì)人(rén)們心理(lǐ)的(de)影(yǐng)響,合理(lǐ)地(dì)加以運用(yòng)。如(rú)果您的♠(de)企業(yè)有(yǒu)CIS(企業(yè)形象識别系統),我們将按照(zhào)其中的(de)VI進行(xíng )色彩運用(yòng)。
五、網頁設計(jì)形式與內(nèi)容相(xiàng)統一(yī)
為(wèi)了(le)将豐富的(de)意義和(hé)多(duō)樣的(de)形式組織成統一(yī)的(d≠e)頁面結構,形式語言必須符合頁面的(de)內(nèi)容,體(tǐ)現(xià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)基本元素,巧妙地(dì)互相(xiàng)穿插、互相(xiàng)襯托、互相(xiàng)補充構成最佳的(de)頁面效果,充€分(fēn)表達完美(měi)的(de)設計(jì)意境。
六、三維空(kōng)間(jiān)的(de)構成和(hé)虛拟現(xiàn)實
網絡上(shàng)的(de)三維空(kōng)間(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)♠同。通(tōng)過圖片、文(wén)字前後疊壓所構成的(de)空(kōng)間(jiān)層次不(bù)太适合÷網頁設計(jì),根據現(xiàn)有(yǒu)浏覽器(qì)的(de)特點,網頁設計(jì)适合比較規範、簡明(míng)的(de)頁面,盡管™這(zhè)種疊壓排列能(néng)産生(shē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)産生(s₽hē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)實環境服務。
七、網頁設計(jì)中多(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í)不(bù)得(de)不(bù)考慮客戶♦端的(de)傳輸速度。
八、結構清晰并且便于使用(yòng)
如(rú)果人(rén)們看(kàn)不(bù)懂(dǒng)或很(hě©n)難看(kàn)懂(dǒng)您的(de)網站(zhàn),那(nà)麽,他(tā)如(rú)何了(le)解你(nǐ)的(de)β企業(yè)和(hé)服務呢(ne)?使用(yòng)一(yī)些(xiē)醒目的(de)标題或文(wén)字來(lái)突出您的(de)産品與服務。并且即使您擁有(yǒu)最棒的(de)産品,如(rú)果客戶從(cóng)您的(de)網站(zhàn)上(shàng)不≈(bù)清楚您在介紹什(shén)麽或不(bù)清楚如(rú)何受益的(de)話(huà),他(tā)們是(shì)不(bù)會(huì)喜歡您的(de★)網站(zhàn)的(de),這(zhè)就(jiù)是(shì)網頁設計(jì)的(de)失敗。
九、導向清晰
網頁設計(jì)中導航使用(yòng)超文(wén)本鏈接或圖片鏈接,使人(rén)們能(néng)夠在您的(de)網站(zhàn)上(★shàng)自(zì)由前進或後退,而不(bù)會(huì)讓他(tā)們使用(yòng)浏覽器(qì)上(shàng)的(de)前進或後退。我們在所有(yǒu)的(de)圖片上(shàng)使用(yòng)“ALT”标識符注明(míng)圖片名稱或解釋,以便那(nà)些(xiē)不(bù)願意自(zì)π動加載圖片的(de)觀衆能(néng)夠了(le)解圖片的(de)含義。
十、快(kuài)速的(de)下(xià)載時(shí)間(jiān)
很(hěn)多(duō)的(de)浏覽者不(bù)會(huì)進入需要(yào)等待5分(fēn)鐘(zhōng¶)下(xià)載時(shí)間(jiān)才能(néng)進入的(de)網站(zhàn),在互聯網上(shàng)30秒(miǎo)的(de)等待時(s☆hí)間(jiān)與我們平常10分(fēn)鐘(zhōng)等待時(shí)間(jiān)的(de)感覺相(xiàng)同。因此,我們會(↔huì)建議(yì)您在網頁設計(jì)中盡量避免使用(yòng)過多(duō)的(de)圖片及體(tǐ)積過大(dà)的(de)圖♠片。我們通(tōng)常會(huì)與客戶合作(zuò),将主要(yào)頁面的(de)容量控制(zhì)在50K以內÷(nèi),平均30K左右,确保普通(tōng)浏覽者頁面等待時(shí)間(jiān)不(bù)超過10秒(miǎo)。
十一(yī)、非圖形的(de)內(nèi)容
我們在必要(yào)時(shí)适當使用(yòng)動态“Gif”圖片,為(wèi)減少(shǎo)動畫(huαà)容量,應用(yòng)巧妙設計(jì)的(de)Java動畫(huà)可(kě)以用(yòng)很(hěn)小(xiǎo)的(λde)容量使圖形或文(wén)字産生(shēng)動态的(de)效果。但(dàn)是(shì),由于在互聯網浏覽的(de)大(dà)多(duō)是(shεì)一(yī)些(xiē)尋找信息的(de)人(rén)們,我們仍然建議(yì)您要(yào)确定您的(de)網站(zhàn)将為(wèi)他(tā)們提供的(de)是(shì)有(yǒu)價®值的(de)內(nèi)容,而不(bù)是(shì)過度的(de)裝飾。
十二、方便的(de)反饋及訂購(gòu)程序
讓客戶明(míng)确您所能(néng)提供的(de)産品或服務并讓他(tā)們非常方便地(dì)訂購(gòu)是(shì)您獲得≠(de)成功的(de)重要(yào)因素。如(rú)果客戶在您的(de)網站(zhàn)上(shàng)産生(shēng)了(le)購(gòu)買産品₹或服務的(de)欲望,您是(shì)否能(néng)夠讓他(tā)們盡快(kuài)實現(xiàn)嗎✘(ma)?是(shì)在線還(hái)是(shì)離(lí)線?
十三、網站(zhàn)測試和(hé)改進
測試實際上(shàng)是(shì)模拟用(yòng)戶詢問(wèn)網站(zhàn)的(de)過程,用(yòng×)以發現(xiàn)問(wèn)題并改進網頁設計(jì)。我們通(tōng)常與用(yòng)戶共同安排網站(zhàn)測試。

2012-03-16
關鍵詞:
2431
電(diàn)話(huà)咨詢