版面設計的基本類型版面設計的基本類型深圳職業技術學院/SHENZHENPOLYTECHNIC五手機UI的版面設計UI設計/主講：高博（一）版面設計的定義

版式設計是指設根據設計主題、內容和視覺需求，在設定的有限版面內運用造型要素和形式原則，將文字、圖片（圖形）及色彩等視覺傳達信息要素，進行有組織、有目的的組合排列的設計行為與過程。深圳職業技術學院/SHENZHENPOLYTECHNIC

標準型、標題型、全圖型、中軸型、偏心型、交叉型、傾斜型、文字型、指示型、重復型、網格型、散點型、曲線型、三角型、圓型。（二）版面設計的常見類型深圳職業技術學院/SHENZHENPOLYTECHNIC

插圖在最佳視線內，順著視覺流程向下，以此是標題，說明文，標語，商標，企業名稱。

有良好的安定感，符合認識事物的邏輯順序。深圳職業技術學院/SHENZHENPOLYTECHNIC1.標準型深圳職業技術學院/SHENZHENPOLYTECHNIC2.標題型

版面上標題為先，順著視覺流程向下，以此是標語，說明文，插圖，商標，企業名稱。

標題形式、字體、色彩是重點。深圳職業技術學院/SHENZHENPOLYTECHNIC3.全圖型

用一張照片占據整個版面，適當位置嵌入標題、文字等。

對圖的藝術質量、精度，色準確度，趣味性要求較高。深圳職業技術學院/SHENZHENPOLYTECHNIC4.中軸型

標題、圖片，說明文與標志、圖形基本對稱放于軸心線兩邊。軸心線可有形，也可無形。深圳職業技術學院/SHENZHENPOLYTECHNIC深圳職業技術學院/SHENZHENPOLYTECHNIC深圳職業技術學院/SHENZHENPOLYTECHNIC5.偏心型

把插圖安排在版面的左側或右側，余下的一側放說明文字。圖片適安排在左側或者上側，適當用點、線穿插。深圳職業技術學院/SHENZHENPOLYTECHNIC6.交叉型

一個構成要素疊放在另一個構成要素上面，可是十字交叉，也可是傾斜交叉。交叉中心易成為視覺中心。深圳職業技術學院/SHENZHENPOLYTECHNIC7.傾斜型

構成要素或主體呈傾斜狀放置。整體效果動感較強。深圳職業技術學院/SHENZHENPOLYTECHNIC

以文字為主體構成版面，圖片僅為點綴。文字的字體、大小、色彩是設計的首要因素。8.文字型文字型、指示型、重復型、網格型、散點型、曲線型深圳職業技術學院/SHENZHENPOLYTECHNIC9.指示型

用指示性的形象（箭頭、手指、透視線、聚焦）把讀者視線引導到要重點表現的商品上。深圳職業技術學院/SHENZHENPOLYTECHNIC10.重復型

將同一構成要素在版面上作重復編排（圖片、標題或標志）。注意節奏與韻律的`作用，不要流于呆板。深圳職業技術學院/SHENZHENPOLYTECHNIC11.網格型

將全部或部分版面作棋盤式分割，版面被分成若干等面積的幾何形態。將構成要素納入網格中，可將版面上過于雜亂的要素進行整理。深圳職業技術學院/SHENZHENPOLYTECHNIC12.散點型

將各種構成要素在版面上作不規則分散狀，也稱自由型的編排。

注意節奏、蔬密、均衡感，做到形散神不散。13.曲線型

重點物體、插圖或文字的排列為曲線型。深圳職業技術學院/SHENZHENPOLYTECHNIC14.三角型

文字或圖形編排成三角形。

正三角形穩定感強，逆三角形有動感。正三角形避免呆板，逆三角形注意平衡。深圳職業技術學院/SHENZHENPOLYTECHNIC深圳職業技術學院/SHENZHENPOLYTECHNIC15.圓型

將插圖處理成圓形、半圓形，在文字編排上作相應變形。深圳職業技術學院/SHENZHENPOLYTECHNIC

思想性與單一性

藝術性與裝飾性

趣味性與獨創性

整體性與協調性深圳職業技術學院/SHENZHENPOLYTECHNIC（三）版