網站首頁 語言 會計 互聯網計算機 醫學 學歷 職場 文藝體育 範文
當前位置:學識谷 > 設計製作 > 網頁設計

網站設計常用網頁版式

欄目: 網頁設計 / 發佈於: / 人氣:3.17W

網站是網頁的集合,不同的網頁版式一定會傳達出不同的視覺效果,不管是“國”字型、拐角型、標題正文型,還是左右框架性、上下框架性、封面型,亦或是flash動畫型,設計一款適合自己的網頁版式意義重大。

網站設計常用網頁版式

  一、“國”字型

“國”字型結構一般這樣來佈局:最上端是網站logo、banner和導航欄,中間是當前網頁的主要內容(通常被分為大小不等的三列,而中間的`一列用來放置主體內容),最下面是網站版權聲明等。

  二、拐角型

拐角型結構與“國”字型結構最上端和最下端結構佈局是一樣的。唯一區別體現在中間樣式,拐角型中間通常被分為大小不等的兩列,其中較寬的一列用來放置主體內容,如圖所示!

  三、標題正文型

標題正文型結構一般最上面是當前網頁的標題或類型的對象(如修飾性圖像),下面是當前網頁的正文。一些文章頁或註冊頁就是這種類型!

  四、左右框架型

左右框架型結構,一般導航鏈接放左邊,有時最上面會有一個小的標題或標緻,右面是正文。多數大型論壇都是這種結構的,部分企業也喜歡採用!

  五、上下框架型

上下框架型結構與左右框架性類似,區別僅僅在於是一種上下分為兩頁的框架!

  六、封面型

封面型結構一般出現在網站的首頁,大部分是通過精美的平面設計並結合局部的動畫效果,之後在網頁中放上幾個簡單的鏈接或者僅放一個“進入”之類的鏈接,以提示訪問者進入網站的下一級頁面!

  七、Flash動畫型

Flash動畫型結構與封面型結構類似,只不過它的網頁是由Flash動畫組成。由於flash動畫具有豐富及強大的交互功能,所以該結構的網頁可表達的信息更豐富,而且其視聽效果也十分完美!