蘇州網頁設計(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)(或者隻是(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上(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íng)業(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)析,以&ldqu×o;消費(fèi)者(customer)”為(wèi)中心,而不(bù)是(shì)以&ldqu₩o;美(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ì); Emai←l地(dì)址:用(yòng)來(lái)接收用(yòng)戶垂詢; 聯系信息:如(rú)普通(tōng)郵件(jiàn)地(dì)址或電(diàn)話(huà); 版權信息:↑聲明(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ō)頁面站(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ī)。在網頁設計(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)C$IS(企業(yè)形象識别系統),我們将按照(zhào)其中的(de)VI進行(xíng)色彩運用(yòng)。
五、網頁設計(jì)形式與內(nèi)容相(xiàng)統一(yī)
為(wèi)了(le)将豐富的(de)意義和(hé)多(duō)樣的(de)形式組織成統一(yī)的(de)頁面結構,形式語言必須符合₩頁面的(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)産生(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)采,于是(s↑hì)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)網頁的(d✘e)內(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)等待時(shí)間(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
關鍵詞:
2397
電(diàn)話(huà)咨詢