教你几条设计定律
我们是做设计,并不是做艺术。我们是为用户服务,而不是天马行空的表达自己的个性。设计中存在一些条条框框,一些设计定律,去规范我们的设计,更好的为用户服务。今天就分享一些常见的设计定律吧~对交互设计很有帮助
席克定律
主要内容:当选项增加时,下决心(做选择)的时间也会增加。
公式: T=a+b log2(n)
席克定律T=做出决定的反应时间,a=与做决定无关的总时间(前期认知和观察时间),b=对选项认知的处理时间(一般为0.155s),n=备选项的数量(选项越多,用户做决定的时间越长)。
在设计中的应用:
1.减少用户决策时间
一个页面最好突出一个重点,让用户快速理解和完成任务。避免页面上出现其他干扰。
举个支付宝的登录例子,新版支付宝的界面更加强调登录,因为对于使用支付宝的用户来说都是有账号的,他们更想要的是登录,而不是注册。要同时强调登录注册在用户第一次打开这个app时出现比较好。
突出重点2.降低点击出错效率
对于用户来说,选错是一项很焦虑的事情,所以降低用户点击出错是很好的一个预防效果。比如负向按钮,都会进行二次确认。还有就是淘宝商城里没有的商品和大小,用户是无法点击的。
降低点击出错效率(二次确认) 降低点击出错效率(没有的码不能选)3.提高效率
将重要的功能突出,减少用户去寻找的时间。举个例子,天天用的支付宝,将重要功能收款、付款功能放在显眼的地方,而且改变背景色,突出此功能。
提高效率(突出重要功能)4.提升操作体验
这就需要交互设计师去了解用户的需求,提升用户的体验。我们在做设计的时候,应该多多为用户的使用情景着想,白天与夜晚使用的情况,在不同界面用户想达到怎样的目的,都需要我们去思考。举个例子,当用户使用支付宝充话费的时候,在充话费的界面里,用户目的很简单-充话费。那么用户需要输入充值金额,这时我们就需要思考,用户时想一个一个滑动选项来选择充值的数额呢,还是想更加快速的选择给定的数值。。。当然是怎样快速怎样来吧~
菲茨定律
内容:从一个起始位置移动到一个最终目标所需要的时间。
公式:T = a + b log2(D/W+1)
菲茨定律D代表距离,W代表目标大小,T代表所需时间,a、b为常数
***目标大小越大,所用时间越短。
***距离越短,所用时间越短。
在设计中的应用:
1.目标W越大,所用时间越短。主要应用在可点击对象上。按钮等可点击对象需要合理的大小尺寸。
小按钮 大按钮2.当前手指与目标位置的距离越短,用时越短。在手机屏幕中有分触摸热区与非热区。热区就是指用户手指能轻松触摸到的地方。大家想想淘宝详情页面的购买按钮为什么会放在离大拇指最近的地方???
距离越近用时越短 错误案例,浪费大量宝贵空间格式塔原理
这个原理,相信大家都不陌生。格式塔是指“整体”,“完形”的意思。
原理有:接近性原理;相似性原理;连续性原理;封闭性原理;对称性原理;主体/背景原理;共同命运原理。
1.接近性原理:物体之间的相对距离会影响我们感知它是否以及如何组织在一起。互相靠近(相对于其它物体)的物体看起来属于一组,而那些距离较远的则自动划为组外。
本来是独立的圆点,会被我们分为四行、四列在设计中的应用:单个视觉元素之间无限接近,视觉上会形成一个较大的整体。距离近的单个视觉元素会融为一个整体。我们将功能相同的元素挨近一点,相近信息的关联也更紧密。功能不同的元素分离一点,加以区别。
2.相似性原理:如果其它因素相同,那么相似的物体看起来归属于一组。我们的眼睛很容易关注那些外表相似的物体,且不管它们的位置是不是相邻,总是把它们联系起来。
在设计中的应用:在设计工程中,我们可以通过形状、大小、色彩去将相似元素中的个别元素突显出来,达到突出的作用。
通过色彩将其从相似元素突显出来。3.连续性原理:视觉倾向于感知连续的形式而不是离散的碎片。
在设计中的应用:人的视觉有追随一个方向的延续,以便把元素联接在一起,使它们看来是连续向着特定的方向。
人们会联想到从一个点连接延伸到另外一个点,联想出一条路径4.封闭性原理:视觉系统自动尝试将敞开的图形关闭起来,从而将其感知为完整的物体而不是分散的碎片。封闭原理与连续性原理有一些区别,大家不要混淆了。封闭强调整体性,连续强调联想过程。
在设计中的应用:将简单元素进行图形完整化处理。在设计中最常见的就是“负形闭合”。画面中的负形(留白)会形成用户熟悉的形象,被当做整体感知。
负形闭合会有整体感知的效果 人们会看成封闭的圆 断点图标也会被看成完整的图ok,就写到这里啦,做设计还是有很多思考与学问的,这些定律只是其中的一小点,大家有兴趣可以去多看看,多搜索。突然觉得好的设计师,心理学一定特别棒。大家加油吧,说不定以后还能算算命、看看风水之类的哈哈~~~