如今,越來越多的人開始研究網(wǎng)頁(yè)設(shè)計(jì),那么,接下來就讓我們來為各位朋友們整理下網(wǎng)頁(yè)設(shè)計(jì)框架規(guī)范,以此來幫助大家更好的進(jìn)行設(shè)計(jì),還等什么呢?讓我們共同來學(xué)習(xí)下吧。
一、網(wǎng)頁(yè)標(biāo)題設(shè)計(jì)的一般規(guī)律
1、網(wǎng)頁(yè)標(biāo)題不宜過短或者過長(zhǎng)
一般來說6-10個(gè)漢字比較理想,最好不要超過30個(gè)漢字。網(wǎng)頁(yè)標(biāo)題字?jǐn)?shù)過少可能包含不了有效關(guān)鍵詞,字?jǐn)?shù)過多不僅搜索引擎無(wú)法正確識(shí)別標(biāo)題中的核心關(guān)鍵詞,而且也讓用戶難以對(duì)網(wǎng)頁(yè)標(biāo)題(尤其是首頁(yè)標(biāo)題,代表了網(wǎng)站名稱)形成深刻印象,也不便于其他網(wǎng)站鏈接。
2、網(wǎng)頁(yè)標(biāo)題應(yīng)概括網(wǎng)頁(yè)的核心內(nèi)容
當(dāng)用戶通過搜索引擎檢索時(shí),在檢索結(jié)果頁(yè)面中的內(nèi)容一般是網(wǎng)頁(yè)標(biāo)題(加鏈接)和網(wǎng)頁(yè)摘要信息,要引起用戶的關(guān)注,網(wǎng)頁(yè)標(biāo)題發(fā)揮了很大的作用,如果網(wǎng)頁(yè)標(biāo)題和頁(yè)面摘要信息有較大的相關(guān)性,摘要信息對(duì)網(wǎng)頁(yè)標(biāo)題將發(fā)揮進(jìn)一步的補(bǔ)充作用,從而引起用戶對(duì)該網(wǎng)頁(yè)信息點(diǎn)擊行為的發(fā)生(也就意味著搜索引擎推廣發(fā)揮了作用)。另外,當(dāng)網(wǎng)頁(yè)標(biāo)題被其他網(wǎng)站或者本網(wǎng)站其他欄目/網(wǎng)頁(yè)鏈接時(shí),一個(gè)概括了網(wǎng)頁(yè)核心內(nèi)容的標(biāo)題有助于用戶判斷是否點(diǎn)擊該網(wǎng)頁(yè)標(biāo)題鏈接。
3、網(wǎng)頁(yè)標(biāo)題中應(yīng)含有豐富的關(guān)鍵詞
考慮到搜索引擎營(yíng)銷的特點(diǎn),搜索引擎對(duì)網(wǎng)頁(yè)標(biāo)題中所包含的關(guān)鍵詞具有較高的權(quán)重,盡量讓網(wǎng)頁(yè)標(biāo)題中含有用戶檢索所使用的關(guān)鍵詞。以網(wǎng)站首頁(yè)設(shè)計(jì)為例,一般來說首頁(yè)標(biāo)題就是網(wǎng)站的名稱或者公司名稱,但是考慮到有些名稱中可能無(wú)法包含公司/網(wǎng)站的核心業(yè)務(wù),也就是說沒有核心關(guān)鍵詞,這時(shí)通常采用"核心關(guān)鍵詞+公司名/品排名"的方式來作為網(wǎng)站首頁(yè)標(biāo)題。開頭所列舉的某網(wǎng)絡(luò)營(yíng)銷服務(wù)商網(wǎng)站首頁(yè)標(biāo)題實(shí)例,其實(shí)也是采用這種方式來設(shè)計(jì)網(wǎng)頁(yè)標(biāo)題,只不過由于羅列了太多的"核心關(guān)鍵詞",反而沒有了核心。
做美工看起來并不是一件容易的事情。首先,要對(duì)整個(gè)站點(diǎn)和企業(yè)有個(gè)大致的了解。例如:某些企業(yè)喜歡藍(lán)色的主調(diào),你不可能去做個(gè)紅色的主調(diào),這樣完全違背客戶的主要意愿,如果百度的標(biāo)志改成五顏六色的,相信大家也不會(huì)認(rèn)可的。站長(zhǎng)的職責(zé)是規(guī)劃網(wǎng)站結(jié)構(gòu)。同樣也需要有一定的審美觀。下面介紹了幾款常用的繪圖工具和基本知識(shí)。

(圖片來自網(wǎng)絡(luò))
二、網(wǎng)頁(yè)設(shè)計(jì)框架規(guī)范
(1)分辨率
網(wǎng)頁(yè)的整體寬度可分為三種設(shè)置形式:百分比、象素、象素+百分比。通常在網(wǎng)站建設(shè)中以象素形式最為常用,行業(yè)網(wǎng)站也不列外。我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)的時(shí)候必定會(huì)考慮到分辨率的問題,科技發(fā)展到現(xiàn)在我們通常用的是1024*768和800*600的分辨率,現(xiàn)在網(wǎng)絡(luò)上很多都是用到778個(gè)象素的寬度,在800的分辨率下面往往使整個(gè)網(wǎng)頁(yè)很壓抑,有種不透氣的感覺,其實(shí)這個(gè)寬度是指在800*600的分辨率上網(wǎng)頁(yè)的最寬寬度,不代表最佳視覺,不妨試試760-770的象素,不管在1024還是800的分辨率下都可以達(dá)到較佳的視覺效果。
(2)合理廣告
在目前一些網(wǎng)站的廣告(彈出廣告、浮動(dòng)廣告、大廣告、banner廣告、通欄廣告等等)讓人覺得很煩瑣,更本就不愿意來看,有時(shí)連你這個(gè)網(wǎng)站都不上了,這樣來網(wǎng)站受到了晉重的影響、廣告也沒達(dá)到廣告的目的,這些問題都是我們?cè)谠O(shè)計(jì)網(wǎng)站之前需要考慮需要規(guī)劃的內(nèi)容之一。浮動(dòng)廣告有兩種,第一種是在網(wǎng)頁(yè)兩邊空余的地方可以上下浮動(dòng)的廣告,第一種是滿屏幕到處隨機(jī)移動(dòng)的廣告。建議能使用第一種的情況下盡量使用第一種,不可避免第一種情況時(shí)盡最在數(shù)是上控制最多一個(gè)就好。如果數(shù)量過多會(huì)直接影響到用戶的心理、防挨到用戶瀏覽信息適得某反。
(3)空間的合理利用
很多的網(wǎng)頁(yè)都具有一個(gè)特點(diǎn),用一個(gè)字來形容,那就是害”,它將各種各樣的信品如文字、圖片、動(dòng)畫等不加考慮的戀到頁(yè)面上,有多少擠多少不加以規(guī)范,導(dǎo)致瀏時(shí)會(huì)遇司很多的不方便,主要就是頁(yè)面主次不分,喧賓奪主,要不就是沒有重點(diǎn),沒有很好的歸類,整體就像各大燒。讓人難以找到常要的東西,有的則是一片全白失去平衡也可以用個(gè)“散字來形容。
(4)文字編排
在網(wǎng)頁(yè)設(shè)計(jì)中,字體的處理與顏色、版式、即形化等其他設(shè)計(jì)元素的處理一樣非常關(guān)鍵。
(5)文字圖形化
文字圖形化就是將文字用圖片的形式來表現(xiàn),這種形式在頁(yè)面的子欄目里面最為常用,因?yàn)樗袏A出,同時(shí)又美化了頁(yè)面,使頁(yè)面更加人性化加強(qiáng)了視覺效果,是文字無(wú)法達(dá)到的。對(duì)于通用性的網(wǎng)站弊端就是擴(kuò)展性不強(qiáng)。

(圖片來自網(wǎng)絡(luò))
總之,我們就為各位朋友們整理到這里了,想必大家都知道了網(wǎng)頁(yè)設(shè)計(jì)框架規(guī)范都有什么了吧,希望大家可以更好的完成相關(guān)設(shè)計(jì)。


在微信中搜索faceui