版面设计的基本类型 版面设计的基本类型五 手机 UI 的版

版面设计的基本类型版面设计的基本类型深圳职业技术学院/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（三）版