1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 设计管理 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

让设计更有说服力的20条经典原则:连通性--九分科技

时间:2020-06-27   分类:设计管理    作者:网络   来源:网络整理   点击:71

让设计更有说服力的20条经典原则:连通性

copyright 9fen.net

九分网络

编者按:作者整理了 20 条经典原则,并通过正反例子说明这些原则在设计中是如何运用的。系统学习 20 条经典原则,让你的设计更有说服力。

本文来自九分网络

连通性原则该如何运用?有什么注意要点?一起来看这篇文章。 copyright 9fen.net

往期回顾: 九分网络

《让设计更有说服力的20条经典原则:美即好用效应》 内容采集来自9fen.net

《让设计更有说服力的20条经典原则:多尔蒂门槛》 本文来自九分网络

《让设计更有说服力的20条经典原则:菲茨定律》 本文来自九分网络

《让设计更有说服力的20条经典原则:希克定律》 内容采集来自9fen.net

《让设计更有说服力的20条经典原则:雅各布定律》

九分网络

《让设计更有说服力的20条经典原则:简洁法则》

本文来自九分网络

《让设计更有说服力的20条经典原则:邻近性》

内容采集来自9fen.net

《让设计更有说服力的20条经典原则:相似性》

九分网络

简介说明

1. 理论表述

本文来自九分网络

视觉上相连的元素倾向于被感知为具有更强的相关性(相较于不相连的元素)。 九分网络

2. 理论背景

本文来自九分网络

连通性原则是格式塔组织律中的一个部分,是简洁法则的一种具体的表现场景

本文来自九分网络

对比之前的邻近性原则和相似性原则,连通性的作用和影响都要更强。 本文来自九分网络

设计案例 1. 利用连接线强化元素之间的相关性

在某些情况之下,可以利用连接线来强化元素之间的相关性,暗示用户相连的元素是一个组。 www.9fen.net

案例1:Twitter

内容采集来自9fen.net

让设计更有说服力的20条经典原则:连通性

copyright 9fen.net

本文来自九分网络

Twitter 的评论区设计是一个非常典型的案例,评论的回复与评论主体之间用连线来表达他们之间的相关性,不仅清晰易懂,而且与其余应用做出了足够的差异化,也算是具备了比较高的识别度了。 www.9fen.net

类似的例子还有游戏时光。 九分网络

案例2:游戏时光

内容采集来自9fen.net

让设计更有说服力的20条经典原则:连通性 内容采集来自9fen.net

内容采集来自9fen.net

2. 利用运动的下划线表达页面可滑动到达

有些分页组件的动画设计非常有趣,当我们用指尖在屏幕上划过,页面平移至另一个页面的同时,分页组件下方的线也是平移至另一个字段下,这是一种相当强烈的暗示:下一个页面可以通过滑动到达。 www.9fen.net

案例3:新草、知乎、Twitter

copyright 9fen.net

让设计更有说服力的20条经典原则:连通性

copyright 9fen.net

内容采集来自9fen.net

新草、知乎、Twitter 都是底部有一条可以运动的下划线,这条线将左右两个分页相互连接起来,所以我们利用左右滑动去切换页面的时候没有任何违和感。 内容采集来自9fen.net

当然这只是一种可用的、暗示性较好的形式,即使你的页面可以左右滑动,但是不用这种可运动的下划线形式也没什么太大问题。 www.9fen.net

3. 对齐线也是一种隐性视觉线

除了上面谈到的那些显性的、可直接观测到的线之外,对齐线也是一种隐性的视觉连接线,它虽然不能直接看到,但是在视觉识别系统中,对齐的元素通过一条「线」相互连接,所以对齐的元素相关性更高。 www.9fen.net

案例4:opefac

copyright 9fen.net

让设计更有说服力的20条经典原则:连通性

copyright 9fen.net

www.9fen.net

案例5:Christou1910

本文来自九分网络

让设计更有说服力的20条经典原则:连通性

本文来自九分网络

内容采集来自9fen.net

当然隐形线毕竟只可感知而不可见,所以其影响的强度要比显性线弱得多,像上面这个案例,按钮的距离只要稍微远一些,就会从组中割裂出来形成孤立的一个元素,所以才需要一根显性的线去把它们的联系重新构建出来。 九分网络

注意事项 1. 不要乱用连接线

不要乱用连接线,尤其是时间线这种组件。

九分网络

标签: 优设 优设网 设计原则 设计法则 连通性

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----