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

访客4年前黑客文章395

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

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

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

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

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

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

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

一、引导性

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

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

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

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

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

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

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

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

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

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

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

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

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

二、支解性

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

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

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

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

相关文章

产品工作过程中的七大浪费及其解决方案

产品工作过程中的七大浪费及其解决方案

编辑导语:七大挥霍是质量打点中的专业名词,在产物事情进程中,往往也会存在着一些“挥霍”。本文作者以七大挥霍为指标,阐明白在产物事情进程中存在的各类挥霍行为而且提供了办理方案,从而让产物人员尤其是产物打...

短视频四种用户心理,帮助你短视频内容创作

短视频四种用户心理,帮助你短视频内容创作

编辑导语:短视频如今正处于风口之上,固然人人都可以做短视频,可是在剧烈的竞争之下,对付内容的要求反而变得越发严格。此时,抓住用户心理才气打造好本身的账号。那么短视频用户心理都有哪些呢?本文作者为我们做...

Axure教程:中继器实现朋友圈发布图文动态

Axure教程:中继器实现朋友圈发布图文动态

编辑导读:本文是关于Axure中继器的运用操纵,作者具体讲授了操作Axure中继器实现伴侣圈宣布图文动态的操纵流程,较量基本,供初学者参考进修。 实现的交互:模仿微信伴侣圈,选择图片,编辑文字的交互...

Axure教程:Web端登录、注册、找回密码原型设计

Axure教程:Web端登录、注册、找回密码原型设计

本文分享了Web端登录、注册、找回暗码原型设计。包括登录(短信登录、账密登录、扫码登录、三方登录)、注册(短信注册、账密注册、邮箱注册)和找回暗码(通过短信找回暗码、通过邮箱找回暗码),与各人分享!...

下厨房商业化探索(下):直播进行时

下厨房商业化探索(下):直播进行时

打开下厨房APP,在底部菜单栏点击「教室」,就进入了付费教室页面。付费教室有「直播」与「录播」两种形式,这是下厨房贸易化变现的第三种模式。 品牌相助菜谱,是面向B端收费;市集电商卖货,是在B端与C端...

大语文的赛道观察:三个启蒙大语文案例

大语文的赛道观察:三个启蒙大语文案例

编辑导语:在线教诲中的大语文教诲从市场上来说还没有拔尖的案例,跟着在线教诲的成长,前期的几个启蒙大语文平台找到了本身的破局要领;本文作者从三个启蒙大语文案例阐明如今的大语文市场近况。 本篇文章主要包...