以配色及色相分析網站的設計.ppt

何謂版面設計 排列、配置 – 將資訊視覺化 構成元素 – 視覺元素+文字元素 考慮視線的流向-從左到右，從上到下 版面設計的原則 靠近的原則 – 讓關聯性高的元素靠在一起，讓關聯性低的元素離遠在一起 對齊的原則 – 對齊各元素的位置、大小、形狀、顏色 對比的原則 – 考慮各元素的重要度來做區別 反覆的原則 – 以相同的架構來重複使用設計元素 網頁版面大小 指的是螢幕的解析度，目前是以畫素(pixel)作為單位，下圖使用的最常使用的解析度。 內容顯示方式 大致分為「固定寬度型版面」與「流動型版面」 構成網頁的區域 A標頭區域：介紹該網頁內容， 多為「公司Logo」、服務名稱等。 B導覽列區域：刊載用來在網頁 間自由移動的全域導覽列或選項 按鈕。 C內容區域：刊載網頁主要 資訊。 D頁腳區域：刊載「版權聲明」 、含有內文補充資訊之網頁的連 結等。 導覽列的任務及種類 依任務劃分為「全域導覽列」及「區域導覽列」 依種類有「項目分類型導覽列」、「文字連結型導覽列」、「收納型導覽列」及「麵包屑型導覽列」 其他有「上部導覽列」、「左側導覽列」、「倒L字導覽列」、「三欄式版型」、「下部導覽列」、 「自由式版型」 顏色基礎知識（1/2） 顏色三屬性：色相（紅藍黃）、明度（顏色亮度）、彩度（顏色鮮豔度） 色調：以明度和彩度的組合來表示「顏色的