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

UI设计基础 PAGE 1 目 录 TOC \o "1-3" \h \z \u 一、UI设计中的基本造型元素 1 二、线的视觉形态 1 三、UI设计中“线”的视觉构成 1 （一）直线 2 （二）曲线 3  UI设计中的平面构成 本次课程介绍界面设计中形式美的规律，了解基本造型元素在界面设计中的形态特征，掌握其视觉构成的原则和运用方法。 UI设计中基本造型元素 线是由点运动构成的，运动成为线的重要特征。线是具有位置、方向与和长度的一种几何体，可以把它理解为点运动后形成的。与点强调位置与聚集不同，线更强调方向与外形。在图形设计中，线是具有位置、方向与和长度的一种几何体，可以把它理解为点运动后形成的。与点强调位置与聚集不同，线更强调方向与外形。线的造型能够有效的表达情绪，是最具感性的造型元素。无论是自由的手绘线条还是严谨端正的几何直线和曲线，不同形态的线倾向用不同的艺术风格和特质，并产生不同形式的审美感受。 （图1） 线的视觉形态 工具、方法 不同的工具和变化多端的使用方法使线具有丰富的形态。 （图2） 电脑软件模拟的各种线的质感、不同工具描绘产生的不同的线 线的虚实 线有时不是固定的，也不是单独存在的，有时弱化，有时明确，有时模糊。 （图3） 利用明暗和阴影关系产生线、文字排列在构图中以线的方式出现 线的情感 线是最情绪化和最具有表现力的视觉元素。 （图4） 《一颗花的树》显示了从富有激情的艺术表现到理性形态归纳的过程。 UI设计中“线”的视觉构成 线有两大基本类型：直线型和曲线型。 （1）直线 在几何学中，通过两点只能引出一条直线，同时两点的连接也是最短的线段。 直线的特性如下：一般直线给人的感觉是明快的、稳定、简介、有力量、通畅，有速度感、力度感，方向性强。 （图5） 不同类型的直线有不同的特性。 思考分析：（细线、粗线、长线、短线、绘图直线笔线、铅笔线和毛笔线、水平线、垂直线、斜线的特性） （图6） 直线给人以单纯、明确、庄严的感觉，具有男性特征。细直线鲜明，单薄，给界面带来精致感，几条并行的细线则会形成具有体积感的线条。如图6所示。 （2)曲线 在几何学中，曲线的表现为弧线、波纹线等。曲线的特性为丰满、感性、轻快、优雅、流动、柔和、跳跃、节奏感强。 曲线分为几何曲线和自由曲线。 ·几何曲线是用圆规绘制出来的，它有曲线的一般特性，既有速度、弹力等心理感受，还具有直线简单、明快的性质以及现代感和准确的节奏感。 ·自由曲线是信手绘出或自然形成的一种曲线，它更具有曲线的性质，富有自由、随意、柔软、女性美的特征。自由曲线的独特性主要体现在它的韵律、弹性和自由的伸展性上。再者，在变化方面，自由曲线要比几何曲线更随意更复杂。 整齐排列的曲线会使人感觉流畅、具有动感、会由此联想到头发、水流等。如果曲线不整齐排列，会使人感觉混乱、无序以及自由。 （图7） 在画面中，线可以独立成形，可以围合成空心的面，可以对面进行分割。不同的线型组合，能丰富界面的视觉效果、平衡界面节奏。