很(hěn)多(duō)設計(jì)師(shī)認為(wèi)做(zuò)好(hǎo)了(le)企業(yè)網站(zhàn)就(jiù)一(yī)定能(néng)夠做(zuò)好(hǎo)行(x£íng)業(yè)網站(zhàn)的(de)設計(jì),其實對(duì)設計(jì)來(lái)說(shuō)行(xíng)業(yè)網站(zhàn)和(hé)企業(yè)網站(zhàn)的(Ωde)設計(jì)截然不(bù)同,對(duì)整個(gè)網站(zhàn)的(de)創意、風(fēng)格、整體(t↑ǐ)框架布局、文(wén)字編排、圖片的(de)合理(lǐ)利用(yòng),空(kōng)間(jiān)的(de)合理(lǐ)安→排上(shàng)面等…有(yǒu)著(zhe)許多(duō)諸多(duō)的(de)要(yào)求,需要(yào)≈考慮的(de)面更廣,面對(duì)的(de)問(wèn)題也(yě)會(huì)更多(duō)。對(duì)于一(yī)名優秀的(de)網站(zhàn)設計(jì)師(shī)來(lái)說(shγuō)不(bù)能(néng)絕不(bù)能(néng)放(fàng)過任何一(yī)點小(xiǎo)∏細節,本篇文(wén)章(zhāng)簡述的(de)是(shì)設計(jì)師(shī)在做(zuò)行(xíng)業(↔yè)網站(zhàn)時(shí)所需考慮的(de)一(yī)些(xiē)問(wèn)題。
一(yī)、網站(zhàn)風(fēng)格/創意
風(fēng)格(style)是(shì)抽象的(de)。是(shì)指站(zhàn)點的(de)整體(tǐ)形象給浏覽者的(de)綜合感受。整體(tǐ)形象包括站(zh≈àn)點的(de)版面布局,色彩,字體(tǐ),浏覽方式等…。如(rú):我們覺得(de)迪斯尼是(shì)生(shēng)©動活潑的(de)而IBM則是(shì)專業(yè)嚴肅的(de)。每一(yī)個(gè)網站(zhàn)都(dō↑u)會(huì)給人(rén)們留下(xià)的(de)不(bù)同感受。這(zhè)裡(lǐ)我們需要(y×ào)做(zuò)到(dào)的(de)是(shì)根據網站(zhàn)的(de)定位做(zuò)出網站(zhàn)特有(yǒu)>的(de)風(fēng)格。除此我們還(hái)需要(yào)在風(fēng)格同一(yī)上(shàng)需要("yào)把握一(yī)下(xià),其實這(zhè)個(gè)風(fēng)格的(de)統一(yī)和(hé)傳統的(de)印刷出版物(wù)沒什(shén)麽區(qū)别。↑你(nǐ)網頁上(shàng)所有(yǒu)的(de)圖像、文(wén)字,包括像背景顔色、區(qū)分(fēn)線、字體(tǐ)、标題、>注腳什(shén)麽的(de),都(dōu)要(yào)統一(yī)風(fēng)格,貫穿全站(zhàn)。這(zhè)樣子(zǐ)用(yòng)戶看(kàn)起來(lái)舒服、順暢,會(hβuì)對(duì)你(nǐ)的(de)網站(zhàn)留下(xià)一(yī)個(gè)“很(hěn)專業<(yè)”的(de)印象。而企業(yè)網站(zhàn)設計(jì)師(shī)往往就(jiù)缺乏這(zhè)一(yī)γ點,沒有(yǒu)全局意思。
創意,所謂創意就(jiù)是(shì)不(bù)拘一(yī)格?某些(xiē)設計(jì)師(shī)在做(zuò)創意★的(de)時(shí)候大(dà)費(fèi)周章(zhāng),做(zuò)出來(lái)确實不(bù)可(kě)否認很(hěn)有(yǒu)創意、很(hěn)别緻,但(dàn)往往對(duì)于>行(xíng)業(yè)網站(zhàn)的(de)客戶為(wèi)什(shén)麽不(bù)能(néng)接受呢(ne)?此時(shí)不(bù)要(yào)太責怪客戶的(de)不(bù)識貨,應該反思,抓住客戶的(de)需求。其實做(zuò)行(xíng)業(yè)網站(zhàn)不(bù)需要(yà×o)很(hěn)多(duō)大(dà)的(de)創意,也(yě)不(bù)要(yào)浪費(fèi)↕過多(duō)的(de)時(shí)間(jiān)去(qù)追求如(rú)何個(gè)性、如(rú)何好(hǎo)看(kàn),我們隻需要(yào)一(yī)點小(xiǎo)小(xiǎo)的(πde)創意貫穿全站(zhàn),也(yě)許會(huì)使網站(zhàn)更生(shēng)動更具有(yǒu)吸引力、更有(yǒu)思想,比如(rú)企業(yè)網站×(zhàn)管理(lǐ)程序(http://www.cmseasy.cn/)就(jiù)是(shì)一(yī)個(gè)很(hěn)好(hǎo)的(de)案例,它把領先的(de)SEO融入到(dào)網站ε(zhàn)中,使它脫穎而出。
二、網站(zhàn)LOGO
Logo顧名思義就(jiù)是(shì)站(zhàn)點的(de)标志(zhì)圖案,logo最重要(yào)的(de)就(×jiù)是(shì)用(yòng)圖形化(huà)的(de)方式傳遞網站(zhàn)的(de)定位和(hé)經營理(lǐ)念δ、同時(shí)便于人(rén)們識别。網站(zhàn)logo的(de)設計(jì)過程中一(yī)般有(yǒu)以下(xià)三種¥思路(lù):1.直接以網站(zhàn)網址作(zuò)為(wèi)logo。2.根據網站(zhàn)提供的(de)産品/服務特點展開(kāi)logo設計(jì)。3.以傳遞網站(zhàn)運營↓商的(de)經營理(lǐ)念為(wèi)特色。如(rú):企業(yè)網站(zhàn)建設網logo(www.cmseasy.cn)
三、視(shì)覺流程
人(rén)們在閱讀(dú)某種信息時(shí),視(shì)覺總有(yǒu)一(yī)種自(z¥ì)然的(de)流動習(xí)慣,先看(kàn)什(shén)麽,後看(kàn)什(shén)麽,再看(kàn)什 (shén)麽。在心理(lǐ)學的(de)研究表明(míng),一(yī)般的(de)浏覽習(xí)慣是(shì∏)從(cóng)上(shàng)到(dào)下(xià)、從(cóng)左到(dào)右,在一(yī)個(gè)平面上(sh§àng),上(shàng)松下(xià)穩而壓抑。同樣,平面的(de)左松右穩。所以平面的(de)視(shì←)覺影(yǐng)響力上(shàng)方強于下(xià)方,左側強于右側。這(zhè)樣平面的(de)上(shàn₹g)部和(hé)中上(shàng)部被稱為(wèi)“最佳視(shì)域”,也(yě)就(jiù)是(shì)最優選的(de)地(dì)方。在網頁設計(jì)φ中一(yī)些(xiē)突出或推薦的(de)信息通(tōng)常都(dōu)放(fàng)在這(zhè)個(gè)位置。當然這(zhè)種視(shì)覺流程隻是(shì)一←(yī)種感覺并非一(yī)種固定的(de)公式,隻要(yào)符合人(rén)們的(de)心理(lǐ)≠順序和(hé)邏輯順序,就(jiù)可(kě)以更為(wèi)靈活地(dì)運用(yòng),在網頁設計(jì)中,靈活而合理(lǐ)地(dì)運用(yòng)直接影(yǐng)響到(dào)傳達信息的(de)準确與有(yǒu)效性。
四、網頁框架與布局
網頁布局大(dà)緻可(kě)分(fēn)為(wèi)“國(guó)”字型、拐角型、“T”字型、“L”字型、綜π合框架型、Flash型、變化(huà)型,在這(zhè)裡(lǐ)就(jiù)不(bù)做(zuò)一(yī)一(yī)論述了(le)。其實在我們在做(zuò)設計( jì)的(de)時(shí)候并沒有(yǒu)過多(duō)的(de)去(qù)考慮什(shén)麽形式,比如(rú)我們在一(yī)張紙(zhǐ)看(kàn)到(dào≠)一(yī)個(gè)圓形的(de)東(dōng)西(xī),很(hěn)容易可(kě)以聯想到(dào)它像太陽,而有(yǒu)些∏(xiē)人(rén)則聯想到(dào)月(yuè)亮(liàng)等等…這(zhè)都(dōu)是(shì)一(yī)種形式比喻,最重要(yào)的(de)是(shì)抓住客戶的∞(de)需求,把握網站(zhàn)的(de)定位做(zuò)處合理(lǐ)的(de)框架布局。
1. 分(fēn)辨率
網頁的(de)整體(tǐ)寬度可(kě)分(fēn)為(wèi)三種設置形式:百分(fēn)比、象素、象素+百分(fēn)比。通(tōng)常在網站(zhàn)建設中以象素形€式最為(wèi)常用(yòng),行(xíng)業(yè)網站(zhàn)也(yě)不(bù)列外(wài)。我們在設計(jì)α網頁的(de)時(shí)候必定會(huì)考慮到(dào)分(fēn)辨率的(de)問(wèn)題,科(kēβ)技(jì)發展到(dào)現(xiàn)在我們通(tōng)常用(yòng)的(de)是(shì)1024*768和(hé)800*600的(de)∏分(fēn)辨率,現(xiàn)在網絡上(shàng)很(hěn)多(duō)都(dōu)是(shì)用(yòng)到(dà↕o)778個(gè)象素的(de)寬度,在800的(de)分(fēn)辨率下(xià)面往往使整個(gè)網頁很(hěn)壓抑,有✔(yǒu)種不(bù)透氣的(de)感覺,其實這(zhè)個(gè)寬度是(shì)指在800*600的(de)分(fēn)辨率上(shàng)網頁的(de)最寬寬度,不(bù)代表最佳視(s≤hì)覺,不(bù)妨試試760~770的(de)象素,不(bù)管在1024還(hái)是(shì)800的(de)分(fēn)辨率下(xià)都(dōu)可(₹kě)以達到(dào)較佳的(de)視(shì)覺效果。
2. 合理(lǐ)廣告
在目前一(yī)些(xiē)網站(zhàn)的(de)廣告(彈出廣告、浮動廣告、大(dà)廣告、banner廣告、通(tōng)欄廣告等等…")讓人(rén)覺得(de)很(hěn)煩瑣,更本就(jiù)不(bù)願意來(lái)看(kàn),←有(yǒu)時(shí)連你(nǐ)這(zhè)個(gè)網站(zhàn)都(dōu)不(bù)上(shàng)了(le),這(zhè)樣一(yī¥)來(lái)網站(zhàn)受到(dào)了(le)嚴重的(de)影(yǐng)響、廣告也(yě)沒達到(dào)廣告的(de)目的(de)。這(zh✘è)些(xiē)問(wèn)題都(dōu)是(shì)我們在設計(jì)網站(zhàn)之前需要(yào)考慮、需要(yào)規劃的(de)內(nèi)容之一(yī)。
浮動廣告有(yǒu)兩種,第一(yī)種是(shì)在網頁兩邊空(kōng)餘的(de)地(dì)方可(kě)以上(shàng)下(xià)浮動的(de)廣告,第二種是(sσhì)滿屏幕到(dào)處随機(jī)移動的(de)廣告。建議(yì)能(néng)使用(yòng)第一(yī)種的(de)情況下(xià)盡量使用(↑yòng)第一(yī)種,不(bù)可(kě)避免第二種情況時(shí)盡量在數(shù)量上(shàng)控制(zhì)最多(duō)一(yī)個(gè)就♦(jiù)好(hǎo)。如(rú)果數(shù)量過多(duō)會(huì)直接影(yǐng)響到(dào)用(yòng)戶的(de)心理(lǐ)、防挨>到(dào)用(yòng)戶浏覽信息,适得(de)其反。首頁廣告不(bù)宜過多(duō)适中即可(kě)。如(rú)在注冊或者某個(gè)購(gòu)買步驟的(de)頁面上(shàng)最好(hǎo)不(bù)要(yào)出現(xiàn)過多(duō)的(de)其他(t£ā)無關的(de)內(nèi)容讓用(yòng)戶分(fēn)心,避免客戶流失等…
3.空(kōng)間(jiān)的(de)合理(lǐ)利用(yòng)
很(hěn)多(duō)的(de)網頁都(dōu)具有(yǒu)一(yī)個(gè)特點,用(yò¶ng)一(yī)個(gè)字來(lái)形容,那(nà)就(jiù)是(shì)“塞”,它将各≠種各樣的(de)信息如(rú)文(wén)字、圖片、動畫(huà)等不(bù)加考慮的(de)塞到(dào)頁面上(shàng),有(yǒu)多(duō)少(shǎo)擠多(du$ō)少(shǎo),不(bù)加以規範,導緻浏覽時(shí)會(huì)遇到(dào)很(hěn)多(duō)的(deΩ)不(bù)方便,主要(yào)就(jiù)是(shì)頁面主次不(bù)分(fēn),喧賓奪主,要(yào)不(bù)就(jiù)是(shì)沒有(yǒu)重點,沒有(yǒu)很(hěn)好(♣hǎo)的(de)歸類,整體(tǐ)就(jiù)像各大(dà)雜(zá)燴。讓人(rén)難以找到(dào)需要(yào)的(de)東(dōng)西(xī)。有(yǒu)的(de)則是(shì)♣一(yī)片空(kōng)白(bái)失去(qù)平衡,也(yě)可(kě)以用(yòng)個(gè)“散”字來(lái)形容。
并非要(yào)把整個(gè)頁面塞滿了(le)才不(bù)覺得(de)空(kōng),也(yě)并非讓整個(gè)頁面空(kōng)曠才不(bù)覺得(de)滿,隻要(yào)合♣理(lǐ)的(de)安排、有(yǒu)機(jī)的(de)組合,使頁面達到(dào)平衡,既使在一(yī)邊的(de )部分(fēn)大(dà)面積留空(kōng),同樣不(bù)會(huì)讓人(rén)感到(dào)空(kōng),相(xiàng)反這(zhè)樣會(huì)給人(rén)留下(γxià)廣闊的(de)思考空(kōng)間(jiān),給人(rén)回味又(yòu)達到(dào)了(le)視(shì)覺效果。
4.文(wén)字編排
在網頁設計(jì)中,字體(tǐ)的(de)處理(lǐ)與顔色、版式、圖形化(huà)等其他(tā)β設計(jì)元素的(de)處理(lǐ)一(yī)樣非常關鍵。
4.1文(wén)字圖形化(huà)
文(wén)字圖形化(huà)就(jiù)是(shì)将文(wén)字用(yòng)圖片的(de)形式來(lái)表現(xiàn),這(zhè )種形式在頁面的(de)子(zǐ)欄目裡(lǐ)面最為(wèi)常用(yòng),因為(wèi)它具有(yǒu)突出,同時(shí)又(yòu)美(měi)化(huà)了(le)頁面,使頁面更加人(rén)性化(huà)加強了(le)視(shì)覺效果。是(shì)文(w±én)字無法達到(dào)的(de)。對(duì)于通(tōng)用(yòng)性的(de)網站(zhàn)弊端就(jiù)是(s♦hì)擴展性不(bù)強。
4.2強調文(wén)字
如(rú)果将個(gè)别文(wén)字作(zuò)為(wèi)頁面的(de)訴求重點,則可(kě)以通(tōng)過加粗、加下(xià)劃線、加大(dà)号字體(tǐ)、加指示性符β号、傾斜字體(tǐ)、改變字體(tǐ)顔色等手段有(yǒu)意識地(dì)強化(huà)文(wén)字的(de)視(shì)覺效果,使其在頁面整體(tǐ)中顯α得(de)出衆而奪目。這(zhè)些(xiē)方法實際上(shàng)都(dōu)是(shì)運用(yòng)了(le)對(duì)比的(de)法則。如(rú)果在更新頻(pín)率低(dī)✘的(de)情況下(xià)也(yě)可(kě)以使用(yòng)文(wén)字圖形化(huà)。
專注高(gāo)端 精準定位 用(yòng)心服務 幫您實現(xiàn)品牌價值
——産品是(shì)指能(néng)夠提供給市(shì)場(chǎng),被人(rén)們使用(yòng)和(hé)消費(fèi),±并能(néng)滿足人(rén)們某種需求的(de)任何東(dōng)西(xī),包括有(yǒu)形的(de)物(εwù)品、無形的(de)服務、組織、觀念或它們的(de)組合。産品一(yī)般可(kě)以分(fēn)為(wèi)三個(gè)層次,即核心産品、形式産品、延伸産品。核心産品是(shì)指整體(★tǐ)