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

UI设计基础 PAGE 1 目 录 TOC \o 1-3 \h \z \u 一、UI设计中的基本造型元素 1 二、 面的视觉形态 1 三、UI设计中“面”的视觉构成 1 （一）直线形面 1 （二）曲线形面 2 （三）偶然形面 3 （四）方形的面 4  UI设计中的平面构成 本次课程介绍界面设计中形式美的规律，了解基本造型元素在界面设计中的形态特征，掌握其视觉构成的原则和运用方法。 UI设计中基本造型元素 面是无数点和线的组合。一个平面中相对较大的元素，点强调位置关系，面强调形状和面积，请注意这里的面积是讲的画面不同色彩间的比例关系。面由线构成，具有二维空间属性，既可以说面由点密集而成的，也可以说面是线平移的结果，它综合着点和线的特性，面的形状无限多种，通常分为直线形，曲线形和偶然形。 面的视觉形态 与点相比，“面”是一个平面中相对较大的元素，点强调位置关系，面强调形状和面积，请注意这里的面积是讲的画面不同色彩间的比例关系。 UI设计中“面”的视觉构成 面是UI设计种不可或缺的元素，理解面的表现形式和规律，通过对面的运用能合理分配界面空间的信息和功能，使界面易用具有形式美感。 直线形面 直线形面又分为几何直线和自由直线形，它具有明快、简洁、理性和有序特性，容易被人理解和记忆，制作起来较为方便。 （二）曲线形面 曲线形面也分为几何曲线和自由曲线形，曲线形面比直线形面要复杂，并富于变化和动感，它所表现出来的流动性和弹性给人以无线想象，使人感到有种生命活力，它具有同曲线一样的女性特征。 （三）偶然形面 偶然形面是自然中偶然获得的一种视觉形态。 在设计中的大部分偶然形面是通过特殊技法（如绘图软件中的特效滤镜）获得，它表现出来的是一种自然的、无序的形态，有着丰富的象征意义。 界面设计中的图像相互叠加相交，具有韵律和张力。整体画面的设计能够体现设计者的个性，是有趣的造型元素。偶然性的组合，自由、活泼而富有节奏感，更能激发人们的联想。 （四）方形的面 方形的面具有沉着，稳重，厚实，坚强的男性特征。 在方形面的应用上，大小有明显的区别，重点突出。位置整齐但也有微小的变化，在严肃中透露轻松。 在这个页面，面的大小和色彩对比更加强烈，页面中部的几个彩色块也可以看做是点，在丰富了页面的色彩也起到画龙点睛的作用。 以上界面设计中面化体现，既能够最直接地反映产品的信息，又在色彩和版面上为整个站点活跃了气氛。