来源:站酷 作者:水手哥
图片1是MBE大神的作品,他把线条用黑色或者深色来高度提炼轮廓,来保障画面的统一。
图片2是奔跑的包子插画铺作品,他跟MBE一样用了黑色线条基础上加粗了线条,来起到突出强调的作用。
图片3是网页设计,用方框的线条来区分信息,加强并突出。画面中好几个方框通过大小对比再次突出重点。
图片4也是网页设计,用短线条来提示标注标题,画面中用重复的短线给人统一的感觉。
3.4、分割信息
图片1是app界面,通过线的分割让画面更清晰,层次更明确。
图片2是网页,画面的中的线条不但有分割的作用,橙色的显示还有交互含义。
3.5、使画面更柔美
图片1和图片2都是UI设计,曲线运用恰到好处,,让画面更有节奏感和韵律,没有呆板的感觉。
图片3和图片4都是通过曲线来丰富画面。更加的柔软有亲和力,让画面更加饱和。
3.6、视觉引导
图片1是信息分类的引导,有序的进行信息分类,通过线条指引代表先后顺序让画面更流畅。
图片2地图中线条指引可以让用户快速的从出发地到达目的地。简单明了。
图片3网页中也可以通过改变线条的色彩,按照色彩顺序有序的排列指引。
3.7、交互动效引导
动效中的线条正常都是指引的作用,从一端开始从另一端结束,引导用户的眼睛按照线条变化走动。
图片3通过线条来显示当地Tab页面,改变tab页线条也跟着变动。
总结:
线的情感色彩
竖线给人的感觉是“下落、上升、挺拔、稳定、刻板、刚毅、有力、亲密、利索、肃穆......”
横线给人的感觉是“安定、平稳、沉着、理性、干净、整齐、中规中矩、安静、稳定、舒适、波澜不惊、无聊......”
斜线给人的感觉是“活波、倾斜、运动、不安定、动感、力量、刺激、危险......”
折线给人的感觉是“紧张、不屈服、刚毅、对抗、力量、指引、冲突......”
放射线给人的感觉是“强调、聚集、威武、神圣、突出、速度、发射、力量、方向、冲击......”
S型曲线给人的感觉是“柔软、女性、包容、成长、舒适、愉悦、安全、母爱......”
弧线给人的感觉是“弹性、丰满、张力、生命力、果敢、优雅、力量、规律......”
螺旋线给人的感觉是“神秘、神圣、韵律、引力、谜团、眩晕、优雅......”
自由曲线给人的感觉是“自由、浪漫、洒脱、灵性......”
隐藏的视“线”给人的感觉是“希望、活力、自信、神圣、温柔、包容、智慧......"
线在设计中的应用
以线塑型/高度概括,简洁明了/提示强调,突出重点/分割信息/使画面更柔美/视觉引导/交互动效引导