一套设计理论为你解决90%的困惑(中)

访客4年前黑客文章402

编辑导读:线条拥有自由延伸的特性,因此具有高效的引导性、支解性和造型性,是产物设计中的根基表示形式。本文作者基于自身事情履历,对线条在产物设计中的应用提出了本身的概念和观点,与你分享。

一套设计理论为你办理90%的狐疑(中)

上篇文章我们简朴报告了点线面的重要性,以及点的特性和其于界面设计中的应用,这次来讲讲线。

线条是一种简朴、轻盈的存在,可以看作是点受外驱力浸染下的举动轨迹。它从维度上来说属于一维,差异的外驱力团结使得线可以沿着任意偏向自由得延伸,从而让它拥有了高效的引导性、支解性和造型性。

一套设计理论为你办理90%的狐疑(中)

康定斯基在书中以温度去界说线的感情,他将程度线界说为无限冷能的表示形式,将垂直线界说为无限暖能的表示形式。看似艰涩难解,但接洽到现实糊口就相对容易领略一点。

现实糊口中的程度线凡是存在于地平线中,因此给人的感受是不变、和善,雷同非启动时的“冷”态;而垂直线常见于那些从基线 *** 、发展的事物,好比高楼大厦、参天巨木,它们都通过能量来实现垂直偏向的坎坷变革,因此给人的感受是上升、下落、变革等感受,雷同启动后的“暖”态,而线具备的冷暖态抉择了程度和垂直线发挥各自浸染时所转达的感觉。

一、引导性

线可沿任意偏向延伸的特点让它具备了很强的引导性。界面中最常见的就是跑步、舆图类APP中的蹊径显示,就是通过线的引导性来显示起点到终点所行进的轨迹。

一套设计理论为你办理90%的狐疑(中)

假如我们将起点和终点对齐归于一条线上时,便可以通过降维的 *** 将其缩减至单个维度。时间维度可以引申到界面中的时间轴、步调条、加载条和音视频中的进度条等,这类维度凡是需要插手点元素,通过点的向心性帮助定位。空间维度则引申到滑动页面时呈现的转动条等。

一套设计理论为你办理90%的狐疑(中)

如上文对温度的表明,“暖”态的垂直线象征变革。当我们但愿用户可以或许感知到时间的变革,可能流程需要耗费较长时间时,垂直线相对来说是个更好的选择。好比外卖、快递的订单进度,火车的停靠站点时间,timeline,到账时间等信息,要么需要转达变革感,要么费时较长,因此适合以象征变革的垂直线来举办引导,给以用户变革感、发生需要期待的心理预期。

一套设计理论为你办理90%的狐疑(中)

“冷”态的程度线象征静止。当我们但愿用户可以或许陶醉在这个流程中,感知不到时间的变革,可能流程时间极短时,那就更适适用程度线。

好比airbnb申请成为房东时,会有个需要用户即时填写的分页表单,为了让用户陶醉在填写中,同样以程度线作为它的进度反馈,低落时间变革感。美团药师的审方进度是即时性的,凡是只需期待十几秒即可程度的静止感可以或许让用户发生”当前正在产生“的感受,制止让用户发生需要期待较长时间的心理预期而分开当前页面。

一套设计理论为你办理90%的狐疑(中)

可是,假如我们将美团审方的进度条改为纵向(去除文案提示),给用户带来的感受也就大不沟通。

一套设计理论为你办理90%的狐疑(中)

下文讲到的支解性也可以以冷暖态来表明。我们但愿用户可以或许专心阅读信息,因此会只管制止容易带来变革感的垂直支解线。即便迫于信息的分别需要不得不消到,也会只管低落它的明度和长度。

别的,界面中往往也存在着一条无形的线,它同样也是起着重要的引导浸染,只是这类线不只仅浸染于某个特定模块,它凡是浸染于整个界面。没错,这条线凡是被称作视觉动线。视觉动线在网格与列表那一节中简朴说了下,只是这部门体系过分复杂,后头有时间单独写一篇分享。

二、支解性

许多时候,界面中仅仅以留白举办脱离时,很容易造成信息无法被明晰得分别。这时我们往往需要引入特另外形式举办帮助。好比支解线。

支解线凡是运用在模块内部信息的支解,虽简朴粗暴,但并不能应付更高层级的模块支解。而模块之间的支解凡是以面性(支解条)来举办。留白、支解线和支解条三者的支解层级由低到高,凡是需要在页面中团结利用。

需要留意的是,线面的支解形式需要尽大概得轻量化,一旦拥有了视觉重量很容易成为噪音,我们需要只管制止信噪比过低对用户阅读体验的粉碎。

一套设计理论为你办理90%的狐疑(中)

相关文章

如果有微信儿童版,可能会加入或去除哪些功能?

如果有微信儿童版,可能会加入或去除哪些功能?

导读:克日,一则关于“腾讯申请微信儿童版商标”的动静冲上热搜,引起了各人的存眷。动静的真假先不接头,假如有微信儿童版,大概会插手或去除哪些成果?文章从儿童需求出发,对这个问题举办了阐明,一起来看看~...

为什么我们说设计也能驱动创新?

为什么我们说设计也能驱动创新?

编辑导读:创新是许多产物人常常挂在嘴边的两个字,一般环境下,我们认为驱动创新的因素包罗市场和技能。可是,我们忽略了设计驱动创新的大概性。本文作者对设计如何驱动创新展开了阐明接头,与各人分享。 在这小...

实战复盘+案例拆解:APP评分功能如何做?

实战复盘+案例拆解:APP评分功能如何做?

编辑导读:回想我们在利用一款app时,是不是收到过这样一条突如其来的弹窗“请您对我们的app举办评价”?这时,普通用户大概会一头雾水,但作为一名互联网从业者,你有研究过背后的原由与逻辑吗?本文作者对一...

产品设计中的三个层次:感知、路径、价值和情感

产品设计中的三个层次:感知、路径、价值和情感

导语:产物设计是产物司理日常事情中很重要的一部门事情,但许多环境下,我们只是或许知道产物设计怎么做,但没有从大脑底层逻辑去领略为什么这么做。所以本篇文章就从大脑运作逻辑出发,推理产物设计的要领论,与各...

微信为什么不做开屏广告?

微信为什么不做开屏广告?

微信在贸易告白变现的阶梯上一直很禁止,而开屏告白对用户体验伤害极大,对微信来说,开屏告白与其自身成长理念纷歧致。 01 媒介 玩了这么久的微信,不知道各人有没有思考过一个问题,微信贸易化也有好几年了...

设计沉思录 | 用设计打通产品的“任督二脉” ,高效连接用户和内容

设计沉思录 | 用设计打通产品的“任督二脉” ,高效连接用户和内容

编辑导读:本篇文章以58在线赚钱业务改版进级为例,着重于接头如何团结「用户调研」,通过系统化的要领抓住改版重点,高效的去敦促页面布局型改版,重点叙述实践落地的要领,与各人分享。 01 研究配景 58...