线基础的,也设中常见的,希望这篇文章对家所帮。
一、线的概念
线点运动的轨迹。几何学的线只度方向,粗细、宽窄、厚薄形状之分。平面构中,线的主作用强调方向度,并用以引导视线。
二、线的分类与情感色彩
平面造型中,线比点具感色彩,这主体短、粗细、曲线虚实。线总体可以分直线曲线两类。直线可分竖线、横线、斜线、折线、射线。曲线可分S曲线、弧线、螺旋线。
1. 直线
直线让人联到巍峨的山脉、高达的建筑、参天树。直线男性的象征,简单明,给人一种稳、冷峻坚强的感觉,富速度感紧张感,一种力的。
竖线
什么一根竖线会立?一种况就任何的力施加面;另一种况就所以施加的力好相互抵消,所以它可以稳稳的立那里。
照片拍摄的是上海陆嘴、上海中心大厦和环球金融中心,虽然是个很很雄伟的建筑,但是它们竖立在城中央却给人一种静、稳定的感觉。
上图拍摄的俩头豹子,豹子平时给的人感觉是很凶猛,当竖线构图时却给人一种稳、亲密,会人产生恐惧。
上图是 Walid Beno 的设计作,他是的竖线的构图方式,建筑有有低错落开来,上冷暖配色的对,突城很有秩序积极向上的感觉。
竖线给人的感觉「下落、升、挺拔、稳、刻板、刚毅、力、亲密、利索、肃穆……」
横线
横线也同样,它不需任何的力就能保持水平状态,也可以因下的力同时抵消达到水平状态。
拍摄青海湖的一张照片,天空、湖面、地面都在同一条水平线上,给人很逸、干净、舒适的感觉。
上图小魔女007画的一张插图,插图中天空、湖面、地面、汽车、人物差多都在同一水平线上,感觉到大在短暂的假期中旅游享受着逸、舒适,长时间的工作大失了年轻人那时候泼调的一面,画面给人一种沉着、性、静、舒适的感觉。
横线给人的感觉「安、平稳、沉、理性、净、整齐、中规中矩、安静、稳、安全、波澜不惊、无聊……」
斜线
斜线受到的力并不稳,会出斜线的状态,具动势、升下降连续状态的运动感,富朝气。
上图是一张摄影照片,画面都整齐划一的倾斜,给人一种干净、量、感的感觉。
一个棒球的页设计,倾斜的感觉可增画面的和量之美,还起到分割画面的作。
斜线给人的感觉「活泼、倾斜、运动、不安、动感、力、刺激、危险……」
折线
折线本一根直线,不屈服于外面施加力形的。
京的鸟巢,它的外轮廓就是了大量折线构成的,给人一种毅、对抗、量、屈的精神,这种精神代表了奥林匹克精神。
闪电的照片,闪电就是大量的折线构成的,给人危险、紧张的感觉。
UI界面设计,地图中了折线做指引,给人一种明确指引,更的突。
折线给人的感觉「紧张、不屈服、刚毅、对抗、力、冲突……」
射线
射线极的冲击力,往里聚集也往外喷发的力。
我们小时候看包青天的时候,经现这样的图片,太阳发来发射线的光,代表着希望、威、神圣,老百姓都希望得到公平公正。
我们小时候看的画片灌篮手,有一个很厉害的阿里设计师UISTAR就的这个图片作为头像,头像中放射状聚焦自我,就自恋,很符合樱木道的性格。
banner图,放射线在 banner 设计中经被到,它有强调、聚集、突的作。
射线给人的感觉「强调、聚集、突出、速度、发射、力、方向、冲击……」
2. 曲线
曲线女性的象征,让人起潺潺流水、风摆春柳。与直线的冷峻、硬朗不同,曲线温暖柔的,易产丰满、轻、跳跃、流动自由的感觉,发散灵活,充满命力。
S型曲线
S型曲线原本条直线,由于施加它身的力的不同,且它本身柔软的顺应这力的,一种包的。
一张美女的照片,很多女生都希望自己有 S曲线,S曲线符合人体美,给人舒适愉悦的女性魅。
上图是页设计,S构图在页设计中引导视觉,合的分类信息给人明快愉悦的沉浸感。
S型曲线给人的感觉「柔软、女性、包、、舒、愉悦、安全、母……」
弧线
弧线还可以细分抛线圆弧。
一张鸟展开羽毛的照片,鸟展开的羽毛正好展开一张弧线,很优雅自然,丰满有张。
UI设计中到的弧线,正情况弧线表示进、百分,给人一种积极向上的努的态。
弧线给人的感觉「弹性、丰满、张力、命力、果敢、优、力、规律……」
螺旋线
螺旋线一时受到了侧力的挤压,如果它的外面始终都外界施加的力就形了螺旋线。
一个楼梯的螺旋线,很自然,有韵律,很符合金螺旋线的美感。
上图是 Mike 大神设计的页,在 banner 上半分,视觉的重心全符合黄金分割中的兴趣点。让画面很有力也增加韵律。
螺旋线给人的感觉是「神秘、神圣、韵律、引、谜团、眩晕、优雅……」
自由曲线
上图是是苏适的一幅书法品,代表着放荡不羁、自由洒脱的。
自由曲线给人的感觉是「自由、浪漫、洒脱、灵性……」
3. 隐藏的视「线」
隐藏的视「线」多指人的视线。
图中两个人物眼睛对视产生一条隐形的线。对视中眼神透入着希望、温柔、包容。
隐藏的视「线」给人的感觉「希望、活力、自信、神圣、温柔、包、智慧……」
三、线在设计中的常见应用
1. 以线塑型
线塑即线的粗细、疏密来表现画面的明暗系及结构,从而塑物象的形体轮廓。
线条在绘制人像,首先是需要深厚的绘画功,还要体现放荡羁洒脱的画面感,虽然我们画来,但是我们可观察里面的结构和明暗系。
上图这种很适合初者,对着照片快速的炼人物或物体的形态,适当的版面,画面看上更丰富。
一幅好的插画,前期要很好的构图,笔工具绘制好路径,线条看上流畅,简单的交代明暗系。
2. 高度概括,简洁明了
在摄影中经常能看到种高度概括的光影关系,很简洁明,也很干净舒适,粗细的曲给人一种流动感,很大气。
一笔画 icon,在绘种 icon 也很考验设计的功底,明快简单的勾勒出大的条,还要让画面有一种统一感。
3. 提示强调,突出重点
上图是 MBE 大神的作品,把线条用黑色或者深色来高度提炼轮廓,来保障画面的统一。
奔跑的包插画铺作品,跟 MBE 一在用了黑色线条的基础上加粗了线条,来起突出调的作用。
网页计,用方框的线条来息,加并突出。画面中好个方框通过大对比再次突出重点。
是网页计,用短线条来提示标注标题,画面中用重复的短线给人统一的觉。
4. 分割信息
app界,过线分割让画更晰,层更明确。
上图是网页,画线条不有分割作用,橙色显示有交互含义。
5. 使画面更柔美
上面两张图都是 UI设计,曲线恰到好处,画面更有节奏感和韵律,没有呆的感觉。
两图是通曲来富画面。更加的柔软有亲和力,让画面更加饱和。
6. 视觉引导
上图的息类的引导,有序的进行息类,通过线条指引代表先后顺序让画面更流畅。
地图中线条指引可以让用户快速的从出发地达目的地。简了。
网页中也可以通过改变线条的色彩,按照色彩顺序有序的排列指引。
7. 交互动效引导
动效中的线条正常都是指引的作用,从一端开始从另一端结束,引导用户的眼睛按照线条变化动。
△ 通过线条显示当 Tab 页面,改变 tab 页线条也变动
总结
线的情感色彩:
- 竖线给人的觉是「下落、上升、挺拔、稳定、刻板、刚毅、有力、亲密、利索、肃穆……」
- 横给人的感是「安定、平稳、沉着、理、干净、整齐、中规中矩、安静、稳定、舒适、波澜不惊、无聊……」
- 斜线给人的感觉是「泼、倾斜、、定、感、量、刺激、危险……」
- 折线给人的感觉「紧张、不屈服、刚毅、对抗、力、指引、冲突……」
- 放射线感觉是「强调、聚、威武、神圣、突出、速度、发射、力量、、冲击……」
- S型曲线给人的觉是「柔软、性、包容、成长、舒适、愉悦、安全、母爱……」
- 弧给人的感是「弹、满、力、生命力、果敢、优雅、力量、规律……」
- 螺旋线给人的感觉是「神秘、神圣、韵律、引、谜团、眩晕、优雅……」
- 自由曲线给人的感觉「自由、浪漫、洒脱、灵性……」
- 隐藏视「线」感觉是「希望、活力、自信、神圣、温柔、容、智慧…..」
线在设计中的应:
线塑/概括,简洁明了/示强调,突重点/分割信息/使画面更柔美/视觉引导/交互效引导
图片声明:图片源于网络,如涉及到侵权的联系我删除,谢谢。
欢迎关注作者微信公众号:「手哥」