導航:首頁 > 萬維百科 > 網頁的版面設計分析

網頁的版面設計分析

發布時間:2020-12-20 19:59:45

1、網頁版面布局設計的類型有哪些?

上下型、、、上左右型、、、左右型、、、復雜型
應該是這些吧、、

2、網頁版面布局有幾種?

1.T型布局
T型布局是指頁面頂部為橫條網站標志和廣告條,下方左半部分為主菜單,右半部分為顯示內容的布局。因為菜單背景餃探,整體效果類似英文字母T,所以稱之為T型布局,這是網頁設計中使用最廣泛的一種布局方式。其優點是頁面結構清晰,主次分明,是初學者最容易學習的布局方法;缺點是規矩呆板,如果把握不好,在細節和色彩搭配上不注意,容易讓人看了之後感到乏味。
2.「口」型布局
「口」型布局是頁面上下各有一個廣告條,左邊是主菜單,右邊是友情鏈接等內容,中間是主要內容。其優點是充分利用了版面,信息量大;缺點是頁面擁擠,不夠靈活。
3.「國」型布局
「國」型布局又稱為「同」型布局,是一些大型網站喜歡使用的布局類型。頁面頂部是一橫條,橫條左部設置網站標志,右部是橫條廣告,橫條下部是水平放置的主導航欄。導航欄下方分為左中右三欄,左邊一般放置內容導航、二級欄目、注冊登錄、搜索引擎等,右邊一般放置動態新聞、熱點內容、友情鏈接等,中間顯示網頁的主體內容,在頁面的最下方是一橫條狀菜單或廣告,也可以是網站的一些基本信息、聯系方式、版權聲明等。這種布局通常用於主頁設計,主要優點是頁面容納的內容多,信息量大。
4.標題正文型布局
標題正文型布局最上方是標題或廣告等內容,下方是正文,通常文章頁面或注冊頁面採用此種布局,其特點是簡潔明快,干擾信息少,較為正規。
5.「三」型布局
「三」型布局具有簡潔明快的藝術效果,適合於藝術類、收藏類、展示類網站。這種布局往往採用簡單的圖像和線條代替擁擠的文字,給瀏覽者以強烈的視覺沖擊,使其感覺進入了一幅完整的畫面,而不是一個分門別類的超市。它的一級頁面和二級頁面的鏈接都按行水平排列在頁面的中部,網站標志非常醒目。
6.「川」型布局
「川」型布局比較特殊,整個頁面在垂直方向分為3列,網站的內容按欄目分布在這3列中,可以最大限度地突出主頁的索引功能。如果網站欄Bf良多,可以考慮採用這種布局。它和「國」形布局的主要區別是:把主內容區換成了各個二級頁面的鏈接,其中的不足是二級欄目比例不易配置平衡,色彩不易協調。
7.POP布局
POP布局像一張宣傳海報,以一張精美圖片作為頁面的設計中心,在適當位置放置主菜單,常用於時尚類站點。這種布局方式不講究上下和左右的對稱,但要求平衡有韻律,能達到動感的效果,其優點是漂亮吸引入,缺點是速度慢。
8.變化型
採用上述幾種布局的結合與變化,布局採用上、下、左、右結合的綜合型框架,再結合F1ash動畫,使頁面形式更加多樣,視覺沖擊力更強。
網頁布局的基本形式主要有上述幾種類型,至於哪種布局類型最好,需要具體問題具體分析,要從網站內容、頁面結構和表現形式等多方面進行綜合考慮,同時也需要製作者具有較高的設計水平。

3、網頁平面設計的方案怎麼寫

網頁設計的兩大要點是:整體風格和色彩搭配。 一、確定網站的整體風格 在這里,我提供給大家一些參考經驗: 1.將你的標志logo,盡可能的放在每個頁面上最突出的位置。 2.突出你的標准色彩。 3.總結一句能反映貴站精髓的宣傳標語! 4.相同類型的圖像採用相同效果,比如說標題字都採用陰影效果,那麼在網站中出現的所有標題字的陰影效果的設置應該是完全一致的! 二、網頁色彩的搭配 1.用一種色彩。這里是指先選定一種色彩,然後調整透明度或者飽和度,這樣的頁面看起來色彩統一,有層次感。 2.用兩種色彩。先選定一種色彩,然後選擇它的對比色。 3.用一個色系。簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。 在網頁配色中,還要切記一些誤區: 1.不要將所有顏色都用到,盡量控制在三至五種色彩以內。 2.背景和前文的對比盡量要大(絕對不要用花紋繁復的圖案作背景),以便突出主要文字內容。

4、網頁版面布局設計的類型有哪些?

符合正常人瀏覽習慣的就合理。

5、網頁設計應該如何布局

網頁布局類型

網頁布局大致可分為「國」字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型,下面分別論述。 1.

「國」字型:也可以稱為「同」字型,是一些大型網站所喜歡的類型,即最上面是網站的標題以及橫幅廣告條,接下來就是網站的主要內容,左右分列一些兩小條內

2. 拐角型:這種結構與上一種其實只是形式上的區別,其實是很相近的,上面是標題及廣告橫幅,接下來的左側是一窄列鏈接等,右列是很寬的正文,下面也是一些網站的輔助信息。在這種類型中,一種很常見的類型是最上面是標題及廣告,左側是導航鏈接。

3. 標題正文型:這種類型即最上面是標題或類似的一些東西,下面是正文,比如一些文章頁面或注冊頁面等就是這種類。

4. 左右框架型:這是一種左右為分別兩頁的框架結構,一般左面是導航鏈接,有時最上面會有一個小的標題或標致,右面是正文。我們見到的大部分的大型論壇都是這種結構的,有一些企業網站也喜歡採用。這種類型結構非常清晰,一目瞭然。

5. 上下框架型:與上面類似,區別僅僅在於是一種上下分為兩頁的框架。

6. 綜合框架型:上頁兩種結構的結合,相對復雜的一種框架結構,較為常見的是類似於「拐角型」結構的,只是採用了框架結構。 7.

封面型:這種類型基本上是出現在一些網站的首頁,大部分為一些精美的平面設計結合一些小的動畫,放上幾個簡單的鏈接或者僅是一個「進入」的鏈接甚至直接在

首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現在企業網站和個人主頁,如果說處理的好,會給人帶來賞心悅目的感覺。

8. Flash型:其實這與封面型結構是類似的,只是這種類型採用了目前非常游戲行的Flash,與封面型不同的是,由於Flash強大的功能,頁面所表達的信息更豐富,其視覺效果及聽覺效果如果處理得當,絕不差於傳統的多媒體。

9. 變化型:即上面幾種類型的結合與變化,比如本站在視覺上是很接近拐角型的,但所實現的功能的實質是那種上、左、右結構的綜合框架型。

6、網頁與平面構成、色彩、版面設計的關系(2000字左右)

?

7、網站頁面設計優缺點

看你找什麼 水平設計師,決定優缺點!

8、網頁以及網站配色,分析!

一主要是根據色彩聯想 。決定網站的色調。二是定下主色調後,在根據主色調搭配輔色(顏色相近過渡自然)一般要求頁面不超過三種色調。

9、從網站「優化」角度分析產品頁面設計需要注意哪些要點

用戶體驗 其實包括很多方面: 首先是頁面呈現給用戶的第一印象,這個印象決定著用戶會不會繼續閱讀,吸引用戶眼球的就是頁面設計的美觀。 然後是網站的功能性:通過友好的界面來詮釋它的功能性,突出網站主題,告訴用戶這個網站是不是他所想要找的內容,引導用戶更方便的使用。 兼顧這些的同時,還要考慮到將設計稿轉成html的頁面的可用性,是不是會因為圖片內容過多導致頁面打開速度過慢等等。 做為網頁設計也要考試到方方頁面,要配合網路營銷,滿足他們的要求,也要配合程序開發,達到功能的實用性。

與網頁的版面設計分析相關的知識