技術(shù)資訊
青島網(wǎng)站設(shè)計(jì)成功要素
2011-10-21 15:02:35
青島網(wǎng)絡(luò)公司在為客戶設(shè)計(jì)制作網(wǎng)站時(shí),很多都不注重網(wǎng)頁(yè)制作的規(guī)范性,比如整體布局粗糙,字號(hào)太大,圖片處理不細(xì)致,有的keywords和description也不寫(xiě)內(nèi)容,導(dǎo)致客戶網(wǎng)站可用性比較差。下面的文章主要是介紹在青島網(wǎng)站設(shè)計(jì)過(guò)程中應(yīng)該注意的問(wèn)題。
設(shè)計(jì)一個(gè)網(wǎng)站,應(yīng)該考慮下列九條基本因素,這些因素對(duì)網(wǎng)站的成功與否有著重要影響。
1. 圖形和版面設(shè)計(jì)
圖形和版面設(shè)計(jì)關(guān)系到對(duì)主頁(yè)的第一印象,圖象應(yīng)集中反映主頁(yè)所期望傳達(dá)的主要信息。
如果有系列商業(yè)站點(diǎn),你不必讓過(guò)分顯眼的動(dòng)畫(huà)出現(xiàn)在首頁(yè)——但如果你的網(wǎng)站是游戲站點(diǎn),動(dòng)畫(huà)將是必不可少的一部分內(nèi)容。
圖片是影響網(wǎng)頁(yè)下載速度的重要原因,根據(jù)經(jīng)驗(yàn),把每頁(yè)全部?jī)?nèi)容控制在30K左右可以保證比較理想的下載時(shí)間。圖象在6—8K之間為宜,每增加2K會(huì)延長(zhǎng)1秒鐘的下載時(shí)間。
顏色也是影響網(wǎng)頁(yè)的重要因素,不同的顏色對(duì)人的感覺(jué)有不同的影響,例如:
紅色和橙色使人興奮并使得心跳加速;
黃色使人聯(lián)想到陽(yáng)光,是一種快活的顏色;
考慮到你希望對(duì)瀏覽者產(chǎn)生什么影響,請(qǐng)為網(wǎng)頁(yè)選擇合適的顏色。
閱讀西方格式文本時(shí),眼睛從左上方開(kāi)始,逐行瀏覽到達(dá)由下方,插入圖象時(shí)不要忘記這種特性。任何具有方向性的圖片應(yīng)該放置在網(wǎng)頁(yè)中對(duì)眼睛最重要的地方,如果在左上角放置一幅小鳥(niǎo)的圖片,鳥(niǎo)嘴應(yīng)該放在把瀏覽者目光引向頁(yè)面中部的地方,而不是把視線引走。
這種思路可以用于所有圖片:
面部應(yīng)該“看”網(wǎng)頁(yè)的中部;
汽車(chē)的“???rdquo;面向網(wǎng)頁(yè)中部;
道路、領(lǐng)帶等等圖片的放置都應(yīng)該在有助于吸引目光從左向右、從上向下移動(dòng)。
一般總是把網(wǎng)站導(dǎo)航條放置在頁(yè)面左邊,也是出于這種考慮——不斷地出現(xiàn)在瀏覽者的視野之中。
2. 整體布局
網(wǎng)站主頁(yè)就好象是宣傳欄或者店面——對(duì)訪問(wèn)者產(chǎn)生第一印象,都希望盡量給人留下好的印象,不是嗎?
一般來(lái)說(shuō),好的網(wǎng)站應(yīng)該給人有這樣的感覺(jué):
干凈整潔;
條理清楚;
專(zhuān)業(yè)水準(zhǔn);
引人入勝。
網(wǎng)頁(yè)應(yīng)該力求抓住而不是淹沒(méi)瀏覽者的注意力,過(guò)多的閃爍、色彩、下拉菜單框、圖片等會(huì)讓訪問(wèn)者無(wú)所適從——離開(kāi)是最好的選擇,就象一些商店,播放震耳欲聾的發(fā)燒音樂(lè),你要做的唯一決定就是離開(kāi)那里,越快越好。
3. 速度
我們都知道,頁(yè)面下載速度是網(wǎng)站留住訪問(wèn)者的關(guān)鍵因素,如果20—30秒還不能打開(kāi)一個(gè)網(wǎng)頁(yè),一般人就會(huì)沒(méi)有耐心。至少應(yīng)該確保主頁(yè)速度盡可能快,最好不要用大的圖片。
應(yīng)該時(shí)時(shí)提醒自己,網(wǎng)站首頁(yè)就象一個(gè)廣告牌。當(dāng)開(kāi)車(chē)經(jīng)過(guò)一個(gè)廣告牌時(shí),沒(méi)有時(shí)間閱讀上面的詳細(xì)說(shuō)明,也不可能贊賞其復(fù)雜的圖案,廣告標(biāo)志從眼前一閃而過(guò),必須在一瞬間給人留下印象。
網(wǎng)上訪問(wèn)者也是“一閃而過(guò)”,保證你的首頁(yè)簡(jiǎn)單而快速。網(wǎng)上有許多關(guān)于如何增加速度的文章——檢查下載速度,放棄一切顯著減慢主頁(yè)速度的資料。
4. 信息
無(wú)論青島商業(yè)站點(diǎn)還是個(gè)人主頁(yè),你必須給人們提供有一定價(jià)值的內(nèi)容才能留住訪問(wèn)者,因?yàn)槲覀內(nèi)祟?lèi)總是惟利是圖,第一個(gè)問(wèn)題總是:“對(duì)我有什么用處?”
所以你必須提供某些有價(jià)值的東西,當(dāng)然并不是說(shuō)必須提供某些免費(fèi)的物品——免費(fèi)書(shū)籍、免費(fèi)入場(chǎng)券、免費(fèi)度假等,這些“有價(jià)值的東西”可以是:
信息;
娛樂(lè);
勸告;
對(duì)一些問(wèn)題的幫助;
提供志趣相投者聯(lián)絡(luò)的機(jī)會(huì);
鏈接到有用的網(wǎng)頁(yè),等等。
如果你經(jīng)營(yíng)的是青島企業(yè)網(wǎng)站,需要提供關(guān)于產(chǎn)品或服務(wù)的信息:
容易理解;
容易查詢;
容易訂貨。
5. 詞語(yǔ)
一個(gè)網(wǎng)站如果只有漂亮的外觀而詞語(yǔ)錯(cuò)誤連篇、語(yǔ)法混亂,同樣是失敗的,對(duì)于網(wǎng)站所有者和負(fù)責(zé)人將產(chǎn)生很壞的影響,人們會(huì)用許多貶義詞來(lái)評(píng)價(jià)你:粗心大意、懶惰、外行、沒(méi)水平等等。
你愿意把自己辛苦掙來(lái)的錢(qián)花在一個(gè)連自己的網(wǎng)站都馬馬虎虎的人嗎?
你可以按照上述步驟改進(jìn)你的網(wǎng)站制作技巧;
你可以請(qǐng)人對(duì)你的工作進(jìn)行校對(duì)、編輯;
你也可以請(qǐng)人為你制作網(wǎng)頁(yè);
6. 保護(hù)個(gè)人信息聲明和客戶推薦信
對(duì)于青島網(wǎng)站制作來(lái)講,最重要的事情之一是確保潛在客戶的信心,你應(yīng)該明確地告訴人們,如何對(duì)其興趣、愛(ài)好,尤其個(gè)人隱私保密,很有必要專(zhuān)門(mén)用一個(gè)頁(yè)面詳細(xì)陳述你的保護(hù)個(gè)人信息聲明,包括對(duì)訪問(wèn)者的e-mail地址保密、如何接受定單、如何匯總信息、匯總這些信息的目地、誰(shuí)可以看到這些信息等基本內(nèi)容。
訪問(wèn)者也想知道你的產(chǎn)品或服務(wù)現(xiàn)有客戶的反映,所以如果能引用與你關(guān)系融洽的客戶對(duì)你的積極評(píng)價(jià),對(duì)你的可信度將很有幫助。
不要害怕向顧客索取推薦信——人們都愿意自己的意見(jiàn)有價(jià)值。
你可以把客戶的推薦信另設(shè)計(jì)為一個(gè)網(wǎng)頁(yè),作為對(duì)客戶提供推薦信的回報(bào),在這里鏈接到客戶的網(wǎng)站——這也是一種“雙贏”。
文字的顏色也很重要,不同的瀏覽器有不同的顯示效果,有些在你的瀏覽器上很漂亮的顏色在其他瀏覽器上可能無(wú)法顯示。
7. 導(dǎo)航
由于人們習(xí)慣于從左到右、從上到下閱讀,所以主要的導(dǎo)航條應(yīng)放置在頁(yè)面左邊,對(duì)于較長(zhǎng)頁(yè)面來(lái)說(shuō),在最底部設(shè)置一個(gè)簡(jiǎn)單導(dǎo)航也很有必要(只要兩項(xiàng)就夠了:主頁(yè)|頁(yè)面頂部)。
確定一種你滿意的模式之后,最好將這種模式應(yīng)用到同一網(wǎng)站的每個(gè)頁(yè)面,這樣,瀏覽者就知道如何尋找信息。
例如在頁(yè)面底部增加聯(lián)系方式:
8. 網(wǎng)頁(yè)標(biāo)題的可讀性
必須盡量使你的網(wǎng)頁(yè)易于閱讀,除了分欄之外(將頁(yè)面縱向分割),也需要利用標(biāo)題和副標(biāo)題將文檔分段。為所有標(biāo)題和副標(biāo)題設(shè)置同一字體,并將標(biāo)題字體加大一號(hào),所有標(biāo)題和副標(biāo)題都采用粗體,這樣便于識(shí)別標(biāo)題(字體加大加粗)和副標(biāo)題(粗體,與正文字體大小相同)
,使瀏覽者一眼就可以看到要點(diǎn),以便找出并繼續(xù)閱讀有興趣的內(nèi)容。標(biāo)題的重要性可見(jiàn)一斑,要認(rèn)真寫(xiě)好每個(gè)標(biāo)題!也可以將整句采用粗體或用不同的顏色突出某些內(nèi)容,不過(guò)不要用難以閱讀的顏色。
5. 文字的可讀性
我們?nèi)匀挥脧V告牌的比喻來(lái)說(shuō)明,文字要在廣告牌上突出,周?chē)鷳?yīng)該留有足夠的空間。也許你曾到過(guò)一些網(wǎng)站,要么擁擠不堪的文字覺(jué)得好象只有把腦袋鉆進(jìn)去才能閱讀,要么深色的背景給人的感覺(jué)好象處于非常狹窄的空間里,而且讓人的心情感覺(jué)很壓抑。某些背景色的令人閱讀困難;紫色、橙色和紅色讓人眼花繚亂。
所以,網(wǎng)站的細(xì)節(jié)處理很重要,不要因?yàn)閷?duì)某些細(xì)節(jié)和步驟的疏忽而影響了網(wǎng)站的整體效果和瀏覽者的訪問(wèn)體驗(yàn)。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁(yè)面設(shè)計(jì)開(kāi)發(fā)——移動(dòng)端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動(dòng)互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢(shì)?為什么要開(kāi)發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2016-02-17 18:56:48] 如何訪問(wèn)谷歌網(wǎng)站和訪問(wèn)谷歌網(wǎng)站方法
- [2012-03-19 23:42:03] 網(wǎng)站登錄窗口的設(shè)計(jì)
- [2014-06-02 13:16:09] IIS下的404頁(yè)面 提示系統(tǒng)找不到指定的文件 解決辦法
- [2011-11-03 15:12:14] 青島網(wǎng)站設(shè)計(jì)中關(guān)于alt和title兩大標(biāo)簽的使用規(guī)則
- [2015-03-13 09:12:04] 網(wǎng)站關(guān)鍵詞擺放的四個(gè)關(guān)鍵點(diǎn)?
- [2015-01-04 22:07:41] 一起關(guān)注2015年如何承受百度降權(quán)的對(duì)策
- [2012-12-28 12:30:13] 網(wǎng)頁(yè)切圖的技巧與優(yōu)化
- [2015-02-02 09:14:00] 如何提高百度收錄的概率?
- [2012-03-18 21:58:23] 網(wǎng)站設(shè)計(jì)的創(chuàng)意與技巧
- [2012-02-16 16:49:09] 網(wǎng)站設(shè)計(jì)趨勢(shì)-門(mén)戶站的細(xì)分設(shè)計(jì)
- [2014-12-15 09:27:04] 如何分析百度怎么抓取網(wǎng)站內(nèi)容
- [2011-10-27 22:12:15] 網(wǎng)站關(guān)鍵詞間隔符號(hào)用什么好?
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
網(wǎng)站規(guī)劃 企業(yè)網(wǎng)站建設(shè) 空白和簡(jiǎn)潔的設(shè)計(jì) 青島網(wǎng)絡(luò)公司 網(wǎng)站策劃 網(wǎng)站改版 青島flash網(wǎng)站 網(wǎng)頁(yè)設(shè)計(jì) 微信開(kāi)發(fā) 企業(yè)網(wǎng)站為什么要備案 網(wǎng)站視覺(jué) 企業(yè)網(wǎng)站 微官網(wǎng)帶來(lái)的好處 插畫(huà) 青島輪胎網(wǎng)站設(shè)計(jì)公司 網(wǎng)站設(shè)計(jì)資訊 網(wǎng)站設(shè)計(jì)趨勢(shì) 頁(yè)面設(shè)計(jì) 企業(yè)網(wǎng)站設(shè)計(jì) 網(wǎng)站設(shè)計(jì) 青島網(wǎng)站SEO 手機(jī)網(wǎng)站 審美 網(wǎng)站SEO 營(yíng)銷(xiāo)型網(wǎng)站 青島輪胎網(wǎng)站設(shè)計(jì) 外貿(mào)網(wǎng)站建設(shè) 良好的導(dǎo)航 高端輪胎網(wǎng)站設(shè)計(jì) 海信網(wǎng)絡(luò)科技