如何做好企業(yè)網(wǎng)站設(shè)計(jì)?
2011-08-26 文章來(lái)源: 深達(dá)設(shè)計(jì)
我們必須承認(rèn):設(shè)計(jì)是目前我們國(guó)內(nèi)網(wǎng)站存在的最普遍、最嚴(yán)重的問(wèn)題,尤其是企業(yè)網(wǎng)站!這里,我們所說(shuō)的“設(shè)計(jì)”不僅僅是指平常我們所說(shuō)的平面布局、圖片設(shè)計(jì),還有內(nèi)容安排、制作技術(shù)方面的原因,當(dāng)然,這里我們主要談前者。
1、在用色方面
目前國(guó)內(nèi)企業(yè)網(wǎng)站設(shè)計(jì)中最突出的問(wèn)題就是用色!舉個(gè)最簡(jiǎn)單的例子,我們?cè)诠ぷ髦嘟?jīng)常瀏覽一些國(guó)內(nèi)外企業(yè)的站點(diǎn),同時(shí)也細(xì)心留意其中的設(shè)計(jì)精髓(這可是提高設(shè)計(jì)水平的一個(gè)重要方法和捷徑!),我想說(shuō)的是,即使內(nèi)容完全一樣的兩個(gè)網(wǎng)站,一個(gè)是國(guó)內(nèi)網(wǎng)站,一個(gè)是國(guó)外網(wǎng)站,我們一眼就能夠看出其區(qū)別(當(dāng)然不是在文字上)!我們不得不承認(rèn)國(guó)外網(wǎng)站的結(jié)構(gòu)設(shè)計(jì)以及用色的水平!國(guó)外網(wǎng)站很講究用色的度,決不胡亂用色,而整體配色的協(xié)調(diào)性與風(fēng)格的一致性往往令人驚奇,相比之下,國(guó)內(nèi)站點(diǎn)在設(shè)計(jì)中并不注重這些方面的表達(dá),網(wǎng)頁(yè)顏色數(shù)量過(guò)多、互不相干的兩種色彩放在一起、搭配不協(xié)調(diào),缺乏統(tǒng)一的風(fēng)格,但因?yàn)槭瞧髽I(yè)網(wǎng)站,往往受“行政”干預(yù)的成分較多,而對(duì)于設(shè)計(jì)者,往往受到自己上司和企業(yè)老總(或具體負(fù)責(zé)人)的雙重夾擊,尤其在專業(yè)公司更存在這種現(xiàn)象,既有好的設(shè)計(jì),又要符合企業(yè)負(fù)責(zé)人的口味,實(shí)際工作中也有一定的難度。
2、在圖片處理方面
應(yīng)該說(shuō),專業(yè)公司有一定的實(shí)力,建議您在建站時(shí)最好考慮專業(yè)公司或?qū)I(yè)人士。在實(shí)際工作中常常遇到企業(yè)自己制作設(shè)計(jì)的網(wǎng)站,其中的圖像處理技術(shù)的確需要進(jìn)一步學(xué)習(xí),主要問(wèn)題是:
2.1 處理手法簡(jiǎn)單、缺乏設(shè)計(jì)思想:圖像方方正正,基本上看不出如何經(jīng)過(guò)處理;不講究圖片與文字的互補(bǔ)搭配;圖片處理過(guò)暗,圖片上文字模糊不清;圖片孤立,與周?chē)鷥?nèi)容缺乏統(tǒng)一;用色怪異,圖片顏色隨意,有的只是隨便找些圖片再經(jīng)過(guò)高度和寬度的變形,圖片處理缺乏處理深度和細(xì)度;背景與前景文字缺乏明度對(duì)比,復(fù)雜的背景圖像掩蓋了前景文字的內(nèi)容,給人的感覺(jué)是網(wǎng)站亂成一片……出現(xiàn)這些問(wèn)題的關(guān)鍵是設(shè)計(jì)者思路的問(wèn)題,他們并沒(méi)有意識(shí)到網(wǎng)頁(yè)中的圖片的實(shí)際作用,他們往往認(rèn)為圖片只是為了點(diǎn)綴,其實(shí),網(wǎng)頁(yè)中圖片的真正意義在于深化網(wǎng)站的思想,反映網(wǎng)站的統(tǒng)一形象,加深瀏覽者對(duì)網(wǎng)站形象的記憶,并使他們更快速掌握網(wǎng)站的內(nèi)容。因此,網(wǎng)站圖片一定要少而精,不必要的、與企業(yè)或網(wǎng)站形象不符的圖片一定要去掉! 2.2 存儲(chǔ)方式、存儲(chǔ)格式有問(wèn)題,導(dǎo)致圖像色彩失真、字節(jié)過(guò)大:瀏覽國(guó)內(nèi)企業(yè)網(wǎng)站,經(jīng)常會(huì)看到這些情景:圖片局部色彩出現(xiàn)焦糊的感覺(jué),本來(lái)應(yīng)該是單色的地方出現(xiàn)雜色,說(shuō)到底是圖片存儲(chǔ)的問(wèn)題,給人一種很不專業(yè)的感覺(jué),本站后面的內(nèi)容會(huì)告訴您網(wǎng)站圖片的各種存儲(chǔ)方式和存儲(chǔ)技巧,這里不細(xì)說(shuō),建議您最好請(qǐng)專業(yè)人士為您的網(wǎng)站仔細(xì)檢查一下,使您的網(wǎng)站給人一種專業(yè)的印象。 2.3 圖片太多:對(duì)于中小企業(yè)網(wǎng)站而言,往往是首頁(yè)要突出設(shè)計(jì),內(nèi)容很少,有的只是象征性的圖像,問(wèn)題就出現(xiàn)在首頁(yè)上:我發(fā)現(xiàn)很多企業(yè)網(wǎng)站的首頁(yè)使用的大量的圖片,有的甚至整頁(yè)都是圖片切割而成,真難為了網(wǎng)頁(yè)設(shè)計(jì)者!如果是傳統(tǒng)媒體設(shè)計(jì)或是局域網(wǎng),我們無(wú)可挑剔,但如果是廣域網(wǎng),在寬帶接入沒(méi)有普及以前建議最好簡(jiǎn)潔一些,圖片少些,設(shè)計(jì)思想多些,否則色彩淡些,目的無(wú)非只有一個(gè):加快網(wǎng)頁(yè)下載速度,別讓瀏覽者望穿秋水! 3、在動(dòng)畫(huà)使用方面網(wǎng)頁(yè)中使用動(dòng)畫(huà)我們無(wú)可厚非,這也體現(xiàn)了網(wǎng)絡(luò)交互性的一個(gè)方面,但問(wèn)題是在網(wǎng)頁(yè)中胡亂地加入一些互不相干的動(dòng)畫(huà),美其名曰是活躍頁(yè)面,吸引人,這里給您提個(gè)醒:紛亂的動(dòng)畫(huà)會(huì)擾亂瀏覽者的閱讀視線,影響瀏覽者的心情,而最終導(dǎo)致離開(kāi)!還是那那句話:不該放的不要放,檢查一下自己的網(wǎng)站,問(wèn)問(wèn)自己,這些圖片是否一定要有?建議您在動(dòng)畫(huà)方面最好找專業(yè)人士幫您設(shè)計(jì)符合自己企業(yè)、網(wǎng)站風(fēng)格的動(dòng)畫(huà),為您的網(wǎng)站添光加彩,而不是胡亂堆放一氣,擾亂瀏覽者的視線。
4、文字的使用
我不知道企業(yè)建站到底是為誰(shuí)看?工作中我經(jīng)常發(fā)現(xiàn)一些企業(yè)網(wǎng)站頁(yè)面中的正文字體沒(méi)有進(jìn)行優(yōu)化處理,粗曠的字體是容易識(shí)別,但整體布局被這些粗大的字體擾亂,實(shí)在看不出網(wǎng)頁(yè)之美,而當(dāng)我問(wèn)起設(shè)計(jì)人員不使用樣式表單的原因,回答往往是:企業(yè)要求這樣做,他們喜歡大字!——無(wú)話可說(shuō)。
多為您網(wǎng)站的用戶著想,而不是您自己。
5、導(dǎo)航的設(shè)計(jì)
基本上,網(wǎng)站都認(rèn)識(shí)到了導(dǎo)航的重要性,但在導(dǎo)航的設(shè)計(jì)方面卻很少有自己特色的導(dǎo)航,這一點(diǎn),我們?yōu)g覽國(guó)外的網(wǎng)站,往往給我們很多有益的提示。將導(dǎo)航的設(shè)計(jì)融入整個(gè)網(wǎng)站設(shè)計(jì)中,而不是將他們孤立,最好能將企業(yè)的形象(如標(biāo)志等)加入導(dǎo)航的設(shè)計(jì),從而進(jìn)一步加深瀏覽者對(duì)企業(yè)形象的認(rèn)識(shí)。另外要注意的一點(diǎn)是:導(dǎo)航要合理、方便地去任何地方,又能方便地返回,并注意不要將內(nèi)容藏的太深,使瀏覽者多次點(diǎn)擊才達(dá)到目的的導(dǎo)航設(shè)置是失敗的。
6、統(tǒng)一的問(wèn)題
適宜而統(tǒng)一的整體色調(diào)很容易在瀏覽者頭腦中形成一種連續(xù)的記憶,同時(shí)也是對(duì)一個(gè)網(wǎng)站的最基本的要求,是網(wǎng)站通過(guò)設(shè)計(jì)反映企業(yè)形象的一個(gè)重要途徑,因此,一定要加以重視,在后面的內(nèi)容中我會(huì)介紹如何保持企業(yè)網(wǎng)站風(fēng)格的統(tǒng)一,歡迎瀏覽!
7、速度的問(wèn)題
有人說(shuō):頁(yè)面下載速度是一個(gè)優(yōu)秀網(wǎng)站的第一要素。這不為過(guò),我們分析一下:一般來(lái)說(shuō),人們?yōu)g覽網(wǎng)站是為了獲取某些需要的信息,在目前網(wǎng)絡(luò)速度相當(dāng)緩慢的條件下,更應(yīng)該為節(jié)省訪問(wèn)者的時(shí)間精心設(shè)計(jì)。頁(yè)面下載速度是網(wǎng)站留住訪問(wèn)者的關(guān)鍵因素,實(shí)際工作中,我的體會(huì)是:如果7—10秒還不能打開(kāi)一個(gè)網(wǎng)頁(yè),一般人就會(huì)沒(méi)有耐心。如果不能讓每個(gè)頁(yè)面都保持較快的下載速度,至少應(yīng)該確保主頁(yè)速度盡可能快。而我們一部分企業(yè)站點(diǎn)的設(shè)計(jì)從速度上來(lái)看是失敗的,耐心的等待半天才看到最后劃著紅叉的圖片——圖片鏈接下載失敗,只能刷新,這又要等一段時(shí)間。測(cè)試一下自己的網(wǎng)站下載速度,尤其是如果您的網(wǎng)站首頁(yè)圖片比較多的話,當(dāng)然注意清除自己電腦中瀏覽器的緩存。另外,影響網(wǎng)站速度的因素有很多,其中除了技術(shù)方面,就是主體圖片,因此在此再次強(qiáng)調(diào)一下一定要保證圖片使用的度!
問(wèn)題是發(fā)現(xiàn)了許多,但還有更多的問(wèn)題,我們羅列問(wèn)題的目的是改善網(wǎng)站的實(shí)用性,希望您工作中多多重視網(wǎng)站的建設(shè),以切實(shí)發(fā)揮網(wǎng)站的作用,而不僅僅是擺設(shè)!
轉(zhuǎn)載紅動(dòng)中國(guó) 作者莫凡