勒沃库森对沙尔克
全國服務熱線:15384418773 【云度網絡】What can we do? 網站建設 網站設計 網站開發 網站制作
新聞中心網站專題聯系我們
建站經驗 網站SEO優化 網頁設計 WEB2.0 flash網站建設 網絡編程

網頁設計要素

云度網絡:2016-03-25 14:29:00     閱讀數:    分享到:

   

頁面設計包括甚多,可大可小,我分以下幾個要點與大家討論:頁面平鋪、整體規劃、功能易用性、氣氛情感表達。大家有什么問題可以給我來信[email protected]。 一、頁面平鋪 把頁面平鋪開,主要的物件有:導航欄、LOGO、Banner、按鈕、圖片、文字。下面我就針對最主要的幾個部分具體講解。 


 1.導航欄 導航欄如果設計得恰到好處,是會給網頁本身增色很多(千萬不要太花哨,它屬于功能物件,喧賓奪主就不好了)。導航欄有一排、兩排、多排、圖片導航和Frame 框架快捷導航等等各種情況的設計。有時候是橫排,有時候則是豎排。另外還有一些動態的導航欄,如很精彩的Flash導航。導航欄設計要點歸納如下: 1)導航不多的情況下,通常是一排,橫豎都可以,其實欄目超過6個就可以考慮用兩排。

 2.導航欄目很多的情況,也可以多排,甚至不規則地多排(一排個數不同,或長度不同)。商業設計或門戶站點通常都會有很多頻道,設計起來,就要考慮橫向雙排。使用豎排,會占用太大空間。 

 3.通常內容不多的情況下,可能無所謂欄目,站點就包括了導航的具體內容,如圖1所示。 

 4.雙排導航未必要挨在一起,可以自由一些,如圖2所示:上排有導航欄,圖片分隔開后則另起一排。

 5.圖片式導航,很漂亮,占用頁面空間比較大。如圖2中每一個孩子圖像就是一個點擊熱點。

 6.我推薦大家多用Flash制作導航,其體積小、變化多。

 7.內容很豐富的站點,可以考慮使用快捷導航,即Frame 框架快捷導航,是因為不管你進入哪個頁面都可以快速跳躍到另外的欄目,不會失去方向。

 8.利用DHTML、JS、動態隱藏層等技術實現的多變化的導航,都有瀏覽器的支持問題。我建議大家不要給信息很多的站點作此導航。 

 9.不是所有的網站都有導航的。

大家可根據自己情況而定。

 2.LOGO(標志) 關于LOGO的設計我會在以后的“CI行銷”一文中具體講解。這里我暫歸納下列兩個設計要點:

 1)LOGO的位置通常在頁面的左上角。根據你的設計,它不是一成不變的,所謂個性的設計,不論商業或個人,都要去大膽嘗試。這里為大家列出LOGO在頁面上常見的布局情況,以作參考。

 2)網站的LOGO,雖然有動態的,但是絕對不適宜過分的動感,且不是所有的網站標志都適合選用動態。 

 3.BANNER(廣告條)類型 幾種國際尺寸的Banner如下:468×60(全尺寸Banner)、392×72(全尺寸帶導航條Banner)、234×60(半尺寸Banner)、125×125(方形按鈕)、120×90(按鈕類型1)、120×60(按鈕類型2)、88×31(小按鈕)、120×240(垂直Banner),其中468×60的和88×31最多用,下面就常用的為大家講解一下。 1)468×60 全尺寸Banner 雖然尺寸為國際標準,但是在設計頁面的時候,完全可以根據你的頁面占用空間來制定Banner廣告位和廣告條大小。 (1)一個頁面內不易超出兩個468×60 全尺寸Banner。兩個條的時候,一般是上面一個,下面一個,如圖4所示。 (2)設計Banner配合頁面的兩種情況:單看Banner很難看,但是放入網頁中,卻會使網頁設計豐富而炫目,一般也就是468×60的Banner有這本事了。還有設計的時候必須要考慮LOGO跟別站互換時如何更適合他人網頁的風格,所以該多做一些不同顏色不同情況的Banner。 2)88×31的Banner (1)大家俗稱它為LOGO。 (2)好的Banner也要符合網站的風格。經常遇到一個很棒的Banner點開卻是很難看的主頁。雖然有被欺騙的感覺,但是從行銷的角度講,它設計越好,點擊率越高,也就越成功。 (3)如圖4中,區域7內的一般的廣告條, 88×31 Banner也可以用來豐富頁面。這樣的情況很少見,值得注意。 3)Banner設計注意點: (1)Banner有動態和靜態兩種。在瀏覽網頁的過程中,雖然閃爍的圖案會產生瞬間記憶刺激,引起注意,但這種記憶往往為壓迫性的,久之易產生負面效應,從而模糊記憶。而穩定的畫面不易引發特殊的關注,但如果有良好的界面引導和內容,可產生良性的記憶,持久而牢固。根據粗略統計,100個Banner里面有1/3是靜態的。看來大家對動態的Banner更加看好。 (2)Banner的“重量”要輕!以468×60的Banner為例,最好是15K左右,不要超過22K。而88×31的Banner最好在5K左右,不要超過7K。 4)設計要點: (1)Banner的文字不能太多,用一兩句話來表達即可。 (2)廣告語要朗朗上口。 (3)圖形無須太繁雜,文字盡量使用黑體等粗壯的字體,否則在視覺上很容易被網頁其他內容淹沒。 (4)圖形盡量選擇顏色數少,能夠說明問題的事物。 (5)如果選擇顏色很復雜的物體,要考慮一下在低顏色數情況下,是否會有明顯的色斑。 (6)盡量不要使用彩虹色、暈邊等復雜的特技圖形效果,這樣做會大大增加圖形所占據的顏色數,增大體積。 4.按鈕 網頁設計是新的行業,沒有很久的歷史和規范的教本,長期以來對按鈕的定義也不是很清晰。哪些算是按鈕呢?如圖5中用圈作記的地方:其中“用戶登錄”、“登錄按鈕”“More按鈕”、“個股推薦”等等類似物件,通常都統稱為按鈕。某種意義上導航的存在形式也是按鈕,只是它的功能很特殊。如果經常做網頁,就會感覺到按鈕設計的要求已越來越高。

最新案例
最新簽約
  1. 2017年廣州云度網絡科技有限公司春節放假安...
  2. 2016年廣州云度網絡科技有限公司春節放假安...
  3. 互聯網時代到來,我們該何去何從
  4. 專注品牌網站建設 移動端APP開發電子商務平...
  5. 馬上高端定制企業官方網站,免費開通微信公眾...
  6. 云度成功簽訂廣州皓登生物科技有限公司網站...
網絡營銷
  1. 網站建設目前的發展趨勢
  2. 建設網站需要具備哪些知識?
  3. 淺談搜索引擎給我們網站頁面權重的其中的因...
  4. 網站推廣--免費獲取定向流量的方法
  5. 年入280萬,90后互聯網思維玩電商
  6. 什么叫網站建設?
  • 地址:廣州市天河區黃埔大道中207號偉誠商務大廈1303
    電話:15384418773
    傳真: 15384418773
qq
 
 
 
勒沃库森对沙尔克 赛车本金一百九码 三昇体育平台 七星彩私彩网投注站 山东11选5中奖结果走势图 pk10新四码公式图解 重庆时时升降图 广东快乐十分开奖号码走势 福建时时下载 pc蛋蛋靠什么开奖 捕鸟达人原版 千岛湖农家乐免费钓鱼 云南时时开奖结果 秒速时时反水 重庆时时彩官方网直播 宁夏11选5开奖走势图