通过实例解析线条在设计中的用法

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:站酷   作者:水手哥

关键词

线是最基础的,也是设计中最常见的,希望这篇文章对大家有所帮助。

一、线的概念

线是点运动的轨迹。几何学上的线只有长度和方向,没有粗细、宽窄、厚薄和形状之分。平面构成中,线的主要作用是强调方向和长度,并用以引导视线。

二、线的分类与情感色彩

在平面造型中,线比点更具有感情色彩,这主要体现在长短、粗细、曲线和虚实。线总体上可以分为直线和曲线两类。直线可分为竖线、横线、斜线、折线、放射线等。曲线可分为S曲线、弧线、螺旋线等。

1. 直线

直线让人联想到巍峨的山脉、高达的建筑物、参天大树等。直线是男性的象征,简单明快,给人一种稳定、冷峻和坚强的感觉,富有速度感和紧张感,是一种力量的美。

竖线

为什么一根竖线会立着?一种情况就是没有任何的力施加在上面;另一种情况就是所以施加的力正好相互抵消,所以它才可以稳稳的立在那里。

通过实例解析线条在设计中的用法,PS教程,思缘教程网

通过实例解析线条在设计中的用法,PS教程,思缘教程网

照片拍摄的是上海陆家嘴、上海中心大厦和环球金融中心,虽然是个很高很雄伟的建筑,但是它们竖立在城市中央却给人一种安静、稳定的感觉

通过实例解析线条在设计中的用法,PS教程,思缘教程网

上图拍摄的俩头豹子,豹子平时给的人感觉是很凶猛,当竖线构图时却给人一种安稳、亲密,不会让人产生恐惧。

通过实例解析线条在设计中的用法,PS教程,思缘教程网

上图是 Walid Beno 的设计作品,他也是用的竖线的构图方式,建筑有高有低错落开来,加上冷暖配色的对比,能突出城市很有秩序积极向上的感觉。

竖线给人的感觉是「下落、上升、挺拔、稳定、刻板、刚毅、有力、亲密、利索、肃穆……」

横线

横线也同样,它不需要任何的力就能保持水平状态,也可以因为是上下的力同时抵消达到水平状态。

通过实例解析线条在设计中的用法,PS教程,思缘教程网

通过实例解析线条在设计中的用法,PS教程,思缘教程网

拍摄青海湖的一张照片,天空、湖面、地面都在同一条水平线上,给人很安逸、干净、舒适的感觉。

通过实例解析线条在设计中的用法,PS教程,思缘教程网

上图小魔女007画的一张插图,插图中天空、湖面、地面、汽车、人物差不多都在同一水平线上,能感觉到大家在短暂的假期中旅游享受着安逸、舒适,长时间的工作让大家失去了年轻人那时候活泼调皮的一面,画面给人一种沉着、理性、安静、舒适的感觉。

横线给人的感觉是「安定、平稳、沉着、理性、干净、整齐、中规中矩、安静、稳定、安全、波澜不惊、无聊……」

斜线

斜线受到的力并不稳定,才会出现斜线的状态,具有动势、上升下降连续状态的运动感,富有朝气。

通过实例解析线条在设计中的用法,PS教程,思缘教程网

通过实例解析线条在设计中的用法,PS教程,思缘教程网

上图是一张摄影照片,画面都整齐划一的倾斜,给人一种干净、力量、动感的感觉。

通过实例解析线条在设计中的用法,PS教程,思缘教程网

一个棒球运动的网页设计,倾斜的感觉可以增加画面的运动和力量之美,还能起到分割画面的作用。

斜线给人的感觉是「活泼、倾斜、运动、不安定、动感、力量、刺激、危险……」

折线

折线本来是一根直线,不屈服于外面施加力而形成的。

通过实例解析线条在设计中的用法,PS教程,思缘教程网

通过实例解析线条在设计中的用法,PS教程,思缘教程网

北京的鸟巢,它的外轮廓就是用了大量折线构成的,给人一种刚毅、对抗、力量、不屈服的精神,这种精神也代表了奥林匹克精神。

通过实例解析线条在设计中的用法,PS教程,思缘教程网

闪电的照片,闪电就是大量的折线构成的,给人危险、紧张的感觉。

通过实例解析线条在设计中的用法,PS教程,思缘教程网

UI界面设计,地图中用了折线做指引,给人一种明确指引,更加的突出。

折线给人的感觉是「紧张、不屈服、刚毅、对抗、力量、冲突……」

放射线

放射线有极大的冲击力,有往里聚集也有往外喷发的力量。

通过实例解析线条在设计中的用法,PS教程,思缘教程网

通过实例解析线条在设计中的用法,PS教程,思缘教程网

 收藏