UI设计基础-2017 点的视觉构成 UI设计中的点的视觉构成.docx

UI设计基础 PAGE 1 目 录 TOC \o 1-3 \h \z \u 一、UI设计中的基本造型元素 1 二、点的特征 1 三、UI设计中“点”的视觉构成 1 （一）点的位置 1 （二）点的平行 TOC \o 1-3 \h \z \u （二）点的聚集 1  UI设计中的平面构成 本次课程介绍界面设计中形式美的规律，了解基本造型元素在界面设计中的形态特征，掌握其视觉构成的原则和运用方法。 UI设计中基本造型元素 网站、游戏、应用软件以及其他交互式数字产品，其界面及内容的视觉构成，无论形式如何复杂多变，其最基本的造型都是由点线面构成的。点线面是表现视觉形象的基本语言，也是构成界面视觉空间的基本元素，在UI设计中视觉要素之间点线面的布局、组合和构成关系，是决定UI视觉表现力的重要因素。 （图1） 点的特征 点的基本属性史注目性，点能形成视觉中心也史力的中心。也就是说当画面有一个点时，人们的视线就集中在这个点上，因为单独的点本身没有上、下、左、右的连续性，所以能够产生视觉中心的视觉效果。 UI设计中“点”的视觉构成 （一）点的位置 在图形设计中，点是最小、最简洁，也是最基本的形态。线和面都是在点的基础上延伸出来的。点是平面构成中相对较小的元素，它与面的概念是相互比较而形成的。同样是一个圆，如果布满整个画面，它就是面；如果在一幅构成中可以多处出现，就可以理解为点。 （图2） 在画面中如图2所示，点具有向心感，能够集中视线，在简洁的背景衬托下成为界面的视觉焦点，具有清晰的功能指向。 当单个的点在画面中的位置不同产生心理感受也是不同的。居中会有平静、集中感；偏上时会有不稳定感，会产生力学下落的感觉；位置偏下时，画面会产生安定的感觉；位于画面左上角或者右上角的位置时，都会产生动感和强烈的不安定感觉。 （图3） （二）点的平行 当有多个点的时候，就像人在观察星座时，心理上会用线将临近的星体连接起来，构成熟悉的具象形态。如图3所示 （图4） 在画面中如图4所示，当点大小不同出现时，首先会注意大的点，然后逐渐向小的点移动，引导视觉的流程。方形的点平稳大方，踏实、可依靠。 （图5） （三）点的聚集 一定数量的点出现聚集，能产生丰富的变化，能够产生某种特定的感觉，也能给画面带来情趣。在面积相等的条件下，视觉上相对微小的几何形态或自由形，都有点的效果。如图5所示。 以上就是UI设计中点的布局对整体画面起到的重要作用。