轻松学会产品设计(第二篇-线)

线的理解

线产生于点移动的轨迹,线的形式可以是几何中的边,也可以是一段元素,或者是很多点组合而成。由于线具有位置、长度、宽度、方向等属性,赋予了线在视觉上的多样性。

每一种线都有它自己独特的个性与情感存在。所以在产品设计中需要根据线的性格去做符合需求的设计,这样才能让线发挥更极致的效果。

1.横向的线在大自然中往往出现在天际线或者是地平线上,会给人一种开阔、平和、平稳的心理印象。

产品前后,稳定平直的2根线条,让产品重心稳稳的抓在地面。


2.垂直方向的线使人联想到高耸的楼房、树木等,令人产生蓬勃向上、庄严、挺拔的感觉。

垂直向上的线条,给原较圆润的产品多了一种肃穆感


3.斜线从力学的角度来看,打破了空间的平衡性,产生不安定因素,具有运动的趋势。

斜线在极简风流行的设计中少见,但敢于运用斜线打破原有的设计风,会让设计更具有动感。


4.曲线具有轻快、柔和、圆润、流动等造型特性,多用于表现优雅、流动的美感。

规矩的矩形产品上赋予曲线纹理,让产品多了一丝柔和感。


线的作用


一、连接作用

因为线条具有方向性,所以在元素相对分散时,可以通过线条把元素串联为一个整体,也可以引导用户正确的操作。

时间显示和开关的位置较远,设计者在这2者之间,加入联线,将2者联系在一起,用户一下就明白了。

极简设计能减少用户审美的心理负担,但是由于功能结构的限制,足够极简反而会造成用户使用受阻,这时候考虑适当加引导线,通过线条把元素串联起来,让用户形成了正确的心理认知。而线条的使用也给产品中的众多元素划定了视觉范围,使得产品看起来感觉更加整齐。

当产品整体元素多而杂乱时,线可以起到很好的约束、规整的作用,可以引导用户把原本杂乱无章的视觉点串联为有次序的视觉元素。

通过凹槽线条把几个功能显示灯和按键约束规整并串联起来,建立起完整的视觉引导,这样的线条使得产品整体感更强、视觉上更统一。
显示灯是分开,现在将灯用十字线条连接起来(连接方式也可以是圆,方形圆角等等),简约的产品变得有了自己的特色。
用连接线连接按键排布的方式,圆形旋钮丝印整体圆,数字标注更整齐。


二、分割作用

线另一常用的功能是区分作用,以此来分类和区别不同的信息,在产品中,天然的就存在一个线分割,那就是分模线。


一个面分成两个部分,分模线既是结构的表现,也是美观装饰的存在,所以在思考产品结构的时候也要好好考虑分模线是否美观。

分模线是产品里面一定存在不能删减的元素,所以必须好好利用这个元素,让它为产品美感服务。

此条分模线,并没有采用从头到尾的贯性,而在末尾停顿转折,形成了上部体积包裹下部体积的姿态,大大丰富了形体,赋予了产品特色。
一般分模线如红线表示一样,直进直出的状态,而这个结构线的设计却是顺应下部椭圆扣机,反常规的处理手法更有设计感。

当然,在产品的信息量特别大的情况下,可以主动选择线来作为信息区域的划分,有利于信息的梳理和产品使用效率。

这里按键之间的小线段,就起到了分割功能区的作用,限制了每个按键的操作区域。
这种形式在按键设计时比较常用,点-线-点的搭配,有一个节奏感在里面。
表格形式运用在面板设计中可以合理的分配按键信息的比例大小和阅读层级,使画面规整有秩序感。


三、强调作用

在产品设计中常使用线条强调产品中的某些重点元素或者提升某些元素对于产品的影响力。

如在按键设计中的线条不仅起到分割每个按键信息的作用,而且强调突出了具有特色的按键。 


红色的按键加上红色的线圈,在繁杂的信息中脱颖而出,让用户更快的操作。

线框可以很好的辅助设计,吸引关注,突出重点部分。

此玻璃面板加入金色线框后,在视觉上等于是在产品中划定了视觉焦点,用户第一眼便会把注意力集中在金色线内的区域。  
这里的彩光灯+外围金属件带也起到了吸引注意力的作用。


四、装饰作用

线条能起到点缀、修饰产品的作用,适当的线条使用能提升整个画面的层次感,增加产品的精致度,尤其在轻奢的产品设计中,常使用金属质感的电镀件来装饰。

金色电镀件的装饰,让产品变得低调奢华。
对两个材质进行了颜色的区分,加上电镀件的过渡,产品变得更有层次,也算一个点睛之笔。      
面面交界处是电镀件装饰常用位置
即使不用全包的电镀件,部分线的装饰感会更强。

当产品整体设计感不够强时,适当添加线元素,使产品变得更加富有细节感和设计感,视觉上更加丰富、有变化。

简约一条立体直线,也非常耐看。

当产品留白面积偏大,为了避免空缺,也可以加入线元素(其它纹理可以用,只是线更好出直筒模),作为纹理用于填充空白,同时也能很好的起到点缀、丰富质感的作用。

垂直的线条还加强了壶的修长感觉。
和上面同时是圆柱形态产品,但不同的线的处理,给人感觉不一样,白色产品的线条处理给人的几何形态更强。
规则密集的线条排布,加上深色配色,产品给人一种商务严肃感。

五、线的功能作用

纹理线条第一个功能性的作用是防滑,这个作用其实和装饰性纹理的作用有重合,在产品设计中,一个部件几个作用比较常见,也不用分的太清楚。

在晒纹的磨砂面上,微微凸起的抛光条纹纹理,让层次和质感更加的丰富。同时线条也不是一个方向的,面积,粗细,疏密,方向的轻微变化,整体中富含变化,就单单看一小部分的细节都觉得非常的舒服。
旋钮上常用防滑线条,直向的,斜线的,凹陷的,凸出的等等

同时,线可以的延伸到结构上去,由平面的线变成格栅的线,在制作散热的结构非常常用。

线变成体,还可以在线的体态上进行圆形切削,让本来平凡的产品变得极具特色。
如果只是常规的散热孔会显得产品很平淡,毫无特色。平行的线构成这个面,加强产品的规整的感觉,就像整齐军队严谨的气势,收尾和中间空间上有凹凸的变化。对上面一小部分进行的突变,有了节奏的变化。
经典跑道线:开孔后,左右2边虚实对比削弱矩形面积的规矩感 。
线条散热孔穿插到实体部分,形成虚实变化,整体感很强,同时上下比例有对比,开孔显黑色,视觉感重,纹理显示白色,视觉感轻,视觉感重的面积小,视觉感轻的的面积大,达到二者的平衡。

灯带构成的线,可以提示产品的工作状态,同时也起到装饰作用。直线,曲线,圆形的细长灯带,在产品上形成一个点缀,让产品变得有科技和未来感。

修长的灯带,搭配金属质感的外表,深灰色色调,更具品质和科技感      
直线型灯条,搭配的产品本身棱角分明,力量感和动感十足。      
圆形的灯带,搭配的产品相对较圆润,流线型的感觉更足一点。      
层级型灯带取代电镀件位置,  一个灯带形成一个堆叠层次,比平面点缀的灯条强度高,产品科技感少些,给人酷酷的感觉多一点。


六、线的空间作用。

产品修长元素体积,对比其他大体积而言就是线的语言,类似于树枝和树干的对比。

上面枝干,具有空间的延伸性,下面圆形环纹,加强视觉上顺势向上生长的视觉动力。
空间线的三段变化(并非相等,极短-长-短),层次丰富,同时起上下颜色视觉分割作用。

产品两个不平行面的交接处就构成一条线,一种刀切割的感觉,因此产品会给人硬朗,锋利的印象。

产品是一个刀具,采用低多边形风格的外壳设计,给人就是锋利的感觉。      
打造硬朗机械感,切面非常好用。
模仿《星球大战》做的机箱一面,切面很好的体现了机甲感。


总结

由于线具有位置、长度、宽度、方向、形状等属性,赋予了线在产品上的多样性。每一种线都有它自己独特的个性与作用的存在,根据线的作用好好运用。

线在产品设计中的作用:

1.连接作用,在元素信息整合不够清晰时,可以通过线条把多个信息串联为一个整体,从而引导用户正确操作;

2.分割的作用,选择线来作为信息区域的划分,有利于信息的梳理和提高使用效率;

3.强调作用,线可以很好的辅助设计,吸引关注,突出元素的重点部分;

4.装饰作用,适当的线条点缀能提升整个画面的层次感,丰富产品,增加产品的精致度。

5.功能作用,线可以是作为纹理,格栅散热,灯条来构成产品元素,表达产品独有的情绪。

6.空间作用,线像树枝一样延伸,空间感张力十足,面面转折线形成纹理,多边形风格化特色表现。


end~


(转载先请联系)

版权声明:本文图片来自网络

版权归原作者所有,仅供学习和交流

原作者如不愿在本文章发布

请及时通知作者予以删除

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
禁止转载,如需转载请通过简信或评论联系作者。
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,590评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 86,808评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,151评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,779评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,773评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,656评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,022评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,678评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,038评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,659评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,756评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,411评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,005评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,973评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,053评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,495评论 2 343