網(wǎng)頁設(shè)計(jì)十三大要點(diǎn)

網(wǎng)頁設(shè)計(jì)時(shí)注意的SEO事項(xiàng)

精簡(jiǎn)代碼

為了更有利于網(wǎng)站優(yōu)化,符合Web3.0標(biāo)準(zhǔn),嘗試使用DIV + CSS的網(wǎng)頁設(shè)計(jì),合理布局的標(biāo)簽來減少DIV層,描述標(biāo)簽的使用,簡(jiǎn)潔的描述”,將關(guān)鍵內(nèi)容和頻繁更新內(nèi)容的網(wǎng)站代碼盡可能接近的位置,但也要注意不要超過200k的頁面。

網(wǎng)站導(dǎo)航重點(diǎn)設(shè)計(jì)

網(wǎng)站導(dǎo)航是一個(gè)非常重要的武器，網(wǎng)站優(yōu)化網(wǎng)站導(dǎo)航全站通用，盡量使用文字導(dǎo)航，不要用圖片和flash，如果沒有請(qǐng)?zhí)砑訄D片的alt屬性。閃存是可以避免的，效果很好，但是負(fù)載慢慢的，搜索引擎看不到的閃存文件，壞了以后進(jìn)行網(wǎng)站優(yōu)化。

少用腳本和外部調(diào)用

網(wǎng)站的JavaScript和CSS等文件一律外部調(diào)用，不要把代碼寫在網(wǎng)頁中，并且盡量減少腳本文件個(gè)數(shù)，這樣不僅僅有利于網(wǎng)頁加載速度也有利于搜索引擎蜘蛛的抓取，之后網(wǎng)站優(yōu)化才會(huì)更給力。

避免頁面重復(fù)

網(wǎng)站的外部調(diào)用JavaScript和CSS文件,不要寫頁面中,并嘗試減少腳本文件的數(shù)量,這不僅有利于頁面加載速度也有利于搜索引擎蜘蛛爬行,網(wǎng)站優(yōu)化后會(huì)更棒。

圖片與文字鏈接加上屬性

記得要給所有圖片加上alt屬性，還要符合W3C標(biāo)準(zhǔn)，搜索引擎會(huì)讀取alt屬性，圖片的alt屬性還可以幫助用戶瀏覽。給文字鏈接加上TITLE屬性，8U網(wǎng)絡(luò)推廣提醒大家要盡量減少用圖片代替文字!

網(wǎng)頁布局結(jié)構(gòu)

面包屑型導(dǎo)航，樹狀扁平化結(jié)構(gòu)。為了更有利于網(wǎng)站優(yōu)化，有利于百度收錄，要降低頁面的層次，首頁點(diǎn)擊不出三次可以到達(dá)網(wǎng)站任何一個(gè)頁面，任何頁面都可以很快的回到想要的頁面。文章內(nèi)容部分先于其他部分顯示，設(shè)置上一篇、下一篇文章，根據(jù)文章的關(guān)鍵詞設(shè)置“相關(guān)文章，如果文章內(nèi)容多分幾頁顯示，需要保持每頁的網(wǎng)頁標(biāo)題、文章內(nèi)容均不同，避免出現(xiàn)復(fù)制內(nèi)容問題

網(wǎng)頁設(shè)計(jì)注意事項(xiàng)

尺寸

船的大小決定了它在海里的運(yùn)動(dòng)方式，話糙理不糙。更大的圖標(biāo)看上去更為顯眼，不過并不代表著是更好的設(shè)計(jì)。簡(jiǎn)單來說就是你最為重要的頁面元素當(dāng)然應(yīng)該使用大尺寸，但是涉及到細(xì)節(jié)部分，處理起來就復(fù)雜得多。費(fèi)茨定律的原則之一就是放大可點(diǎn)擊區(qū)域，目標(biāo)越大用戶就越容易點(diǎn)中。換句話說，使用大圖標(biāo)可以讓用戶更為輕松地點(diǎn)擊進(jìn)去，這一點(diǎn)在引導(dǎo)用戶瀏覽行為時(shí)非常管用。當(dāng)然了，這并不是說你把「立即下載」圖標(biāo)簡(jiǎn)單地放大十倍就能有顯著效果，在網(wǎng)頁設(shè)計(jì)中讓各個(gè)元素之間形成微妙的和諧感才是關(guān)鍵。網(wǎng)頁正中那個(gè)巨大的、可點(diǎn)擊的互動(dòng)式產(chǎn)品圖片毋庸置疑是最能吸引注意力的，這種效果完全來自它異乎尋常的尺寸。事實(shí)上，設(shè)計(jì)師甚至無需使用文字介紹去促使用戶與產(chǎn)品互動(dòng)，產(chǎn)品圖片具有對(duì)比性的顏色和尺寸已經(jīng)吸引了用戶用鼠標(biāo)去轉(zhuǎn)動(dòng)它。這種設(shè)計(jì)手法的結(jié)果就是讓用戶無需分心注意環(huán)繞產(chǎn)品圖片四周的小圖標(biāo)，當(dāng)你需要進(jìn)一步了解產(chǎn)品時(shí)，點(diǎn)擊這些小圖標(biāo)它們的尺寸會(huì)自動(dòng)放大，并且彈出詳細(xì)的產(chǎn)品介紹。

除了吸引用戶點(diǎn)擊之外，圖標(biāo)尺寸大小對(duì)于網(wǎng)站的整體視覺效果也起著關(guān)鍵作用。依據(jù)圖標(biāo)尺寸大小，它們甚至可以影響人們?yōu)g覽網(wǎng)頁時(shí)從左到右、從上到下的閱讀習(xí)慣。此外，由于尺寸大小是一種相對(duì)的存在，因此使用大小對(duì)比也能達(dá)到一定效果。除了簡(jiǎn)單地把圖標(biāo)調(diào)大以外，你還可以通過縮小其他設(shè)計(jì)要素來營(yíng)造出顯著的視覺效果，這一招對(duì)于節(jié)省頁面空間相當(dāng)有用。

尺寸大小還會(huì)影響到文字排版，主標(biāo)題、副標(biāo)題以及正文都應(yīng)該有所區(qū)分。Smashing Magazine 針對(duì) 50 個(gè)最受歡迎網(wǎng)頁做了統(tǒng)計(jì)研究，發(fā)現(xiàn)它們的平均尺寸為：標(biāo)題：18-29 像素，內(nèi)文：12-14 像素，一個(gè)網(wǎng)頁構(gòu)成要素，相信大家心里都會(huì)有個(gè)大概，但是要具體說清楚了，又一下子講不上來。

文字

文字是網(wǎng)頁中最主要的一部分。對(duì)于文字的把握，主要有兩點(diǎn)。一是簡(jiǎn)潔、明了，能夠讓用戶讀得下去;二是數(shù)量的掌握，文字太少，會(huì)顯得單調(diào)，文字多了，網(wǎng)頁就會(huì)顯得很乏味。

圖片

圖片，比文字更能吸引人的眼球，所以網(wǎng)頁中要善用圖片。在某些突出的位置，可以放置一些比較出彩的圖片，這樣既能達(dá)到美觀的效果，又能讓瀏覽者對(duì)網(wǎng)頁印象深刻。

色彩

色彩的搭配，能體現(xiàn)出一個(gè)網(wǎng)頁設(shè)計(jì)者的審美觀，也會(huì)直接影響到瀏覽者的觀感。網(wǎng)頁的顏色不用很多，但是一定要搭配得當(dāng)。一個(gè)網(wǎng)頁一般會(huì)有一個(gè)主打色，用以配合網(wǎng)頁的主題。其他的顏色，輔以調(diào)節(jié)的作用。

1.顏色的幾種固定搭配

藍(lán)白橙——藍(lán)為主調(diào)。白底，藍(lán)標(biāo)題欄，橙色按鈕或icon做點(diǎn)綴。

綠白蘭——綠為主調(diào)。白底，綠標(biāo)題欄，蘭色或橙色按鈕或icon做點(diǎn)綴。 橙白紅——橙為主調(diào)。白底，橙標(biāo)題欄，暗紅或桔紅色按鈕或icon做點(diǎn)綴。 暗紅黑——暗紅主調(diào)。黑或灰底，暗紅標(biāo)題欄，文字內(nèi)容背景為淺灰色。

2.顏色的忌諱

忌臟——背景與文字內(nèi)容對(duì)比不強(qiáng)烈，灰暗的背景令人沮喪!

忌純——艷麗的純色對(duì)人的刺激太強(qiáng)烈抗議，缺乏內(nèi)涵。

忌跳——再好看的顏色，也不能脫離整體。脫離群眾是自取其辱!

忌花——要有一種主色貫穿其中，主色并不時(shí)面積大的顏色，而是最重要，最能揭示和反映主題的顏色，就象領(lǐng)導(dǎo)者一樣，雖然在人數(shù)上居少數(shù)，但起決定作用。

忌粉——顏色淺固然顯的干凈，但如果對(duì)比過弱，整得蒼白無力了，就象病夫一樣無可救藥。

藍(lán)色忌純，綠色忌黃，紅色忌艷。

排版

有文字、有圖片、有顏色，網(wǎng)頁有這些就夠了嗎?No!光是這些，還不夠，還需要有專業(yè)的排版技術(shù)，把這些要素整合起來，組成一個(gè)協(xié)調(diào)的頁面。排版需要顧忌很多，要注意字間距，文字、圖片的數(shù)量，顏色的搭配，頁面留白等等，是個(gè)細(xì)致活。

多媒體

有些網(wǎng)頁為了博眼球，會(huì)放置音頻、動(dòng)畫、視頻等等，這些就是多媒體了。但是，一在一般的網(wǎng)頁中，存在大量的多媒體并不是一件好事，這些多媒體會(huì)對(duì)網(wǎng)頁打開速度造成影響。一般，放置多媒體，需要量力而行。

當(dāng)前文章：網(wǎng)頁設(shè)計(jì)十三大要點(diǎn)
分享URL：http://www.muchs.cn/news/160706.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號(hào)、網(wǎng)頁設(shè)計(jì)公司、服務(wù)器托管、網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)