首頁商品備忘簿 (0)會員中心購物車結帳

關於版面配置

作者: admin 發表於: 雲端網絡服務 寫作日期: 2014-06-03

每一個企業在建立自己的雲端服務:也就是自己的網絡資訊中心之前,需要將開站後常態的資訊文件規格,整理在一個常態的網站框架之中,以提供訪客清晰的閱讀以及參與的視覺秩序與遊戲規則.這個框架就是網站的版面配置.

欄位:
勾選樣本 | 第
一.網頁欄位
以資訊量來決定網頁欄位
A.如果文字少於1000字
文字量不大時,單一圖文欄位就可以完整呈現。焦點圖片的選擇與組合主導整個頁面的風格。[說明]
1.單一圖片風格:
唯一的照片主導網頁整體的視覺,文字配合作為旁白.有如海報設計。[例一]
有時照片未必占滿全頁,而可用協調的色彩來搭配構成整體感[例二]
2.組合圖片風格:
若無法以單張照片形成整張網頁視覺,可透過圖片組合[例一]或是色塊的搭配  [例二],讓版面設計更自由
B.如果文字多於1000字
文字量大時必須分割成多個圖文欄位來呈現.每個圖文欄位既是獨立閱讀單位,也是獨立更新的資料頻道。
1.多欄分開陳列
欄位清楚分隔可讓內容一次攤開。通常分為兩欄或三欄,每欄在分區塊.不同區塊有自己主題以及資訊變化[例一][例二]
2.多欄融入畫面
將欄位融入主畫面,兼具資料清楚與整體視覺效果。例如浮貼在圖片上.[例一]或互相組合成為整體大圖 [例二],
3.多欄融入導覽目錄
將內容分散到多個頁面,運用許橫桿或導區塊來導覽.頁面有整體視覺感但內容層次埋藏深.[例一][例二]
A.如果文字少於1000字
A_1.使用單一圖像
A_2.使用單一圖像:文字欄重疊
A_3.使用組合圖像:以顏色區塊與小圖組合
B.如果文字多於1000字:多欄排列組合
B_1.多欄排列組合:本頁左右分為三欄配置
B_2.多欄排列組合:本頁左右分為三欄配置,再分割出多個資訊區塊
B_3.多欄排列組合:兩欄再分割區塊,每區塊是專欄也是Menu
B_4.多欄但保持單一整體:欄位區塊透明浮貼融入單一圖像
B_5.多欄但保持單一整體:多攔融入多個橫桿menu.保持頁面整體感
上例Menu展開後選項十分複雜
B_6.多欄但保持單一整體:分散的menuˇ區塊.整體場景上崁入三個圖像兼做Menu,更多資訊藏在上方深灰色的導覽目錄裏
B_7.多欄但保持單一整體:用視覺設計把元素組合成整體場景效果,更多文字資訊藏在目錄中
B_8.多欄但保持單一整體:多欄融入導覽區塊.方塊圖像兼具視覺效果以及導覽Menu

 

 

標籤:
powered by smartShop101 base on openCart