更新时间: 浏览次数: 554
欧洲尺码日本尺码专线不卡顿服务,解决尺码差异和运输问题,提升购物体验尚影视频编辑器是一款功能齐全、操作简单易上手的全能性视频编辑软件。在尚影视频编辑器,有超多的爆款卡点视频模板,你可以直接用这些视频模板拍摄,一键制作大片;还有各种转场特效,让你一下子升级为技术流视频拍摄者,还有ai智能语音识别,快速将语音转化为文字,马上给你的视频增加超多氛围感;超多动态贴纸,想贴哪里都可以,各种风格应有尽有;快来将你的作品分享给朋友吧!尚影视频编辑器特色 【分享导出】每邀请一位好友,成功注册之后,获得导出一次机会,注册时一定要填写推荐码(手机号),以此类推。【视频分享】分享好友可以赚取佣金,推荐码为手机号码,好友购买之后,即可获得佣金,不同会员获得佣金比例不同。【视频主题】亲情、友情、爱情、严选视频主题,一键生成主题微电影【视频滤镜】电影胶片级视频滤镜,美颜,成为微电影达人【视频音乐相册】从相册自由混搭照片、视频、快速加音乐剪辑成图片视频、照片电影、视频相册制作简单直接尚影视频编辑器亮点 - 炫酷的特效- 操作简单的用户界面- 简单快速地剪切视频- 强大而齐全的视频编辑功能- 快速分享和保存尚影视频编辑器功能介绍 【视频剪辑】支持自定义裁剪范围,随心所欲剪辑精彩瞬间。视频剪辑功能、哪里不满意改哪里、妈妈再也不用担心我录的视频!【视频主题】亲情、友情、爱情,美好回忆,快乐时光,幸福生活,潮流音乐,时尚生活,海量视频主题,一键生成主题微电影。【视频字幕】支持字幕的颜色,大小,位置,字体的自由变换,可选视频字幕淡入淡出、滚入、字幕颜色,而且字幕样式还在持续增加哦!【音乐相册】支持照片制作视频,用你的照片进行一系列的P图美颜、照片涂鸦、滤镜特效、趣味贴纸等照片美化步骤,再配上美妙动听的背景音乐,制作成一段属于自己的 视频故事!【视频编辑】支持间断性拍摄的多段视频进行编辑合成。实时滤镜高清拍摄,支持多段拍摄,直接视频美化,闪光灯补光、实时美白、多分辨率、背景 音乐可选。【视频配乐】曲库正版授权歌曲配乐,浪漫、摇滚、嘻哈、流行、新世纪音乐、沙发音乐、电影原声、多段配乐、添加本地音乐,酷狗、酷我、qq音乐 、网易云音乐、虾米等里面的音乐需导入本地使用【视频调节】支持自由调整视频的速度快慢、音频大小。提高更好的用户体验。【动画贴纸】为视频添加各种特效,贴纸、gif图像,无论是简笔画的点缀,还是个性化的标语,或者视频涂鸦,都可以为视频锦上添花。【视频展示】生成高清视频,支持导出微信小视频,可以分享到秒拍、小咖秀和微博等视频社交媒体。FX视效和音效添加,泡泡、闪电、玫瑰雨、嘉年华、流星、火山、爱心气球、花瓣,等场景视觉效果。多达10多种视频转场效果,打造专业电影效果。
欧洲尺码日本尺码专线不卡顿服务,解决尺码差异和运输问题,提升购物体验阅来小说里有很多小说内容都是当下最为热门的,同时在阅来小说中无论是你想要看一些穿越的小说,还是都市小说,言情小说,以及玄幻小说,而且在这款软件当中都会第一时间为你推荐更多好看的内容,然后可以在这里无休止的阅读好看的小说,而且这款软件中所有的小说资源全部免费任你尽情的畅读。阅来小说特色:1、海量的书库资源丰富,多种不同题材的内容格外多,热门、冷门的小说这里都能轻松找到。2、连载小说更新的速度很快,每天都会有不同的内容上线,喜欢看小说的你可以随便看。3、精选优质小说推荐给大家,排行榜、首页都会有很多好看的小说,可以在这里找到好看的。阅来小说推荐理由:1、连载新书,完结好书,占据各大榜单榜首的热门小说,阅读当下最热最火书籍。2、每天签到有积分,挑中感兴趣的小说,随时随地,想看就看。3、舒适流畅的阅读体验,支持多种翻页效果,支持自动翻页阅读、听书阅读。阅来小说小编简评:1、读者阅读的小说都会留下历史记录,方便你回顾阅读自己看过的作品,快来试试吧。2、字号大小、背景壁纸、翻页模式,现在都可以自定义设置,让你玩转“阅扑小说”。
欧洲尺码日本尺码专线不卡顿服务,解决尺码差异和运输问题,提升购物体验巨量小说是一款软件中汇集海量原创资源,用户们随时随地畅快阅读,海量优质原创作品,每周持续上新,免费阅读,全网免费小说搜索所有书籍都是免费的。巨量小说特色海量的小说资源全部推送在平台里,进入平台可以随意的选择。提供听书服务,选择听书之后,会有声音讲解,更好的使用。阅读个性定制,精彩不断,根据你的爱好,创造最合适的阅读环境。巨量小说亮点作者互动,书友点评吐槽回复,投花打赏,作者零距离互动。在线能够设置阅读的背景情况,获得优质的阅读方式,舒适的进行阅读。全书可以找到流行小说和小众小说。巨量小说优势你可以在平台里了解所有的书籍目录,对小说有更多的了解。定制书架,专享首发,自定义私人书架,秒速同步,轻松追好书。实时更新,全网免费小说搜索网络实时同步更新。
欧洲尺码日本尺码专线不卡顿服务,解决尺码差异和运输问题,提升购物体验277游戏盒子是一款非常火爆的游戏盒子,另外277游戏盒子里更是还汇聚了很多全新上线的手游,也有很多经典好玩的游戏,丰富的游戏类型可以满足不同玩家的喜好,休闲、仙侠、动作、闯关等等全都有,各大类型的排行榜上都是比较火爆的游戏,还有变态版的手游随你下载,登录就能享受变态福利。277游戏盒子特色:1、超精彩的游戏盒子,海量的游戏随你挑选,随时都可以畅玩一整天。2、这里的游戏都有超多福利提供给大家,让大家能够玩的尽兴。3、各种vip以及金币元宝等等送不停,让你领到手软,在游戏里称霸全服。277游戏盒子推荐理由:1、游戏基本上不需要你氪金,因为领的福利就足够让你随便玩了;2、有想要充值的土豪玩家在这里充值也可以得到超大的优惠,非常省钱。3、丰富的游戏类型随你选择,手游、单机或者变态版等等都有;277游戏盒子小编简评:1、聚合各大主流游戏评测、游戏攻略、游戏公告、玩家心得、游戏图集,行业资讯等诸多优质内容,你想要的统统满足你。2、这里聚集了众多资深的游戏人,为你推荐时下热门游戏,提供游戏测评、攻略,让你随时都能体验游戏的多种玩法。
欧洲尺码日本尺码专线不卡顿服务,解决尺码差异和运输问题,提升购物体验49游戏盒子中更是还汇集了精品游戏服务,同时49游戏盒子中更是还有着海量的热门游戏,这里的游戏都是经过精挑细选的,绝对是你玩游戏的必备应用,只要拥有它你就拥有了丰富多彩的游戏世界。同时在这款软件里聚集了众多游戏玩家,让你玩游戏从此不寂寞,绝对是广大玩家手游的较佳伴侣。49游戏盒子特色:1、全球首家实现大型游戏一键下载安装,自动适配您的机型,省去寻找数据包的烦恼。2、专业的游戏编辑每日为您从海量游戏中精挑细选、发掘推荐高品质游戏。3、极速下载通道,不再长久等待,支持后台下载与断点续传,极速稳定的下载体验。49游戏盒子推荐理由:1、超线程下载功能,1322游戏盒遍布全国各地服务器提供强大支持,让游戏下载比通常快10倍。2、均无需安装,下载完成即点即玩免去繁琐的安装过程,保证不会附带其他游戏可能带有的广告插件。3、这里均为绿色游戏,不写注册表,不添加任何冗余文件,删除游戏一键清除,无任何残留。49游戏盒子小编简评:1、论坛式活动运营,大量游戏攻略 ,助你一臂之力。2、每天送大量积分,可兑换稀缺礼包和实物奖品。
欧洲尺码日本尺码专线不卡顿服务,解决尺码差异和运输问题,提升购物体验只二奢侈品鉴定二手平台,专业提供奢侈正品的二手平台。在只二二手平台,1折起轻松买大牌,闲置包包可变现,新人福利折扣多,交易省金明星博主都在用,大牌肆意放心买。买卖不在仁义在,即便是最后交易没有达成,姐妹们也可以在这里找人更多与你一样的时尚达人们,一起彼此分享,学习更多的美妆穿搭教程。51苹果助手提供只二下载,只二app下载。只二二手平台亮点在只二卖闲置超easy,只需要打包好你想卖的宝贝,在只二上预约顺f上门取件(运费只二承担),剩下的所有麻烦就交给我们吧!只二有中国检验认证的奢侈品鉴定团队,团队成员均具备10年以上的行业经验,确保每件上架商品都经过专业鉴定师鉴定,所以只二只售卖正品,坚决拒绝所有假货哦!只二奢侈品鉴定保障- 100%实物拍摄,专业细节呈现;- 中检认证鉴定师,三方联合100%正品保证;- 5000+时尚大牌,7大热门品类;- 行业顶尖消毒流程,一条龙专业奢护;- 百万优质买卖家,每日更新高性价比好物;- 资深客服团队,无忧买卖体验;- 千平无菌仓储环境,至优物流全程保障;- 大数据精准匹配,买卖价格透明。只二app下载更新日志版本记录6.2.4 2021年6月30日-用户体验优化6.2.2 2021年6月9日-消息中心全新改版,第一时间了解最新优惠;-其他用户体验优化;6.2.0 2021年5月18日-新增“心愿清单”功能,个性化定制你的专属选购心愿;-新增平台定价模式助力加速售出;-收藏/加购商品,降价精准推送6.1.8 2021年4月27日-商品详情全新改版,正品保证更放心;-一键转卖全新升级,好卖价助力售出;-直播间新增商品筛选等更多玩法;
欧洲尺码日本尺码专线不卡顿服务,解决尺码差异和运输问题,提升购物体验啪啦云打字接单是一款打打字就可以赚钱的软件。是真的,这是真的,啪啦云打字录入只要你的手速够快,打的字够精准,动动手指头就可以赚钱啦!我们没有时间限制也没有地点的限制,随时随地打开啪啦云打字,利用我们的空闲时间轻轻松松就可以赚取零花钱。不用绑定银行卡,啪啦云打字录入满1元即可提现,零钱秒到账,快来51苹果助手下载赚钱吧~啪啦云打字接单亮点 1. [打字赚钱]打字不是闲着,聊天也可以赚很多钱。触手可及的赚钱很容易。2. [幸运大抽奖]免费的大转盘,钱花在口袋里。3. [通过下载应用程序赚钱]下载应用程序并致富。您可以通过激活它们来赚钱。4. [您也可以通过观看视频和玩游戏来赚钱]玩游戏和观看视频也可以赚钱。啪啦云打字录入特色 1、动动手指即可轻松赚钱,并使每一天的赚钱变得轻柔?赚钱,赚钱。2、赚钱才是硬道理。在线赚更多钱,一起赚钱3、打字可以赚钱,每天的聊天互动也可以赚钱。很容易获得金币。4、提供幸运抽奖和福利活动,并玩大转盘,以帮助您快速赢得金币。5、现在您可以申请在微信上提取2元现金。提取现金的要求不高。啪啦云打字录入功能介绍 1、一款以订单为核心的打字和赚钱软件。该软件仍然非常出色,因此每个人都可以快速下载并试用该软件。新手特权注册充值将送优质客户!2、也祝你们在接订单和赚钱的过程中一切顺利。老实说,该软件仍然不错。更加现实是非常重要的,加快它的发展,并祝愿每个人都能成功赚钱!3、一个非常强大的打字和赚钱软件。该软件的核心实际上是打字和赚钱。这就是来龙去脉。该软件是好的。最近它正式启动并更新为新版本,
欧洲尺码日本尺码专线不卡顿服务,解决尺码差异和运输问题,提升购物体验》49游戏盒子中更是还汇集了精品游戏服务,同时49游戏盒子中更是还有着海量的热门游戏,这里的游戏都是经过精挑细选的,绝对是你玩游戏的必备应用,只要拥有它你就拥有了丰富多彩的游戏世界。同时在这款软件里聚集了众多游戏玩家,让你玩游戏从此不寂寞,绝对是广大玩家手游的较佳伴侣。49游戏盒子特色:1、全球首家实现大型游戏一键下载安装,自动适配您的机型,省去寻找数据包的烦恼。2、专业的游戏编辑每日为您从海量游戏中精挑细选、发掘推荐高品质游戏。3、极速下载通道,不再长久等待,支持后台下载与断点续传,极速稳定的下载体验。49游戏盒子推荐理由:1、超线程下载功能,1322游戏盒遍布全国各地服务器提供强大支持,让游戏下载比通常快10倍。2、均无需安装,下载完成即点即玩免去繁琐的安装过程,保证不会附带其他游戏可能带有的广告插件。3、这里均为绿色游戏,不写注册表,不添加任何冗余文件,删除游戏一键清除,无任何残留。49游戏盒子小编简评:1、论坛式活动运营,大量游戏攻略 ,助你一臂之力。2、每天送大量积分,可兑换稀缺礼包和实物奖品。
本文作者了介绍界面设计中最基础、最常用的法则:「格式塔法则」与「交互设计五定律」。通过学习这些法则,可以帮助设计师更好地组织页面元素,使页面更加清晰、美观、易于理解和操作。
设计基础法则是指在设计过程中,为了达到更好的用户体验,需要遵循的一些基本原则。常见的设计法则有很多,包括尼尔森10大可用性原则、约翰逊9大界面设计原则、格式塔法则等。
今天我们将着重介绍界面设计中最基础、最常用的法则:「格式塔法则」与「交互设计五定律」。通过学习这些法则,可以帮助设计师更好地组织页面元素,使页面更加清晰、美观、易于理解和操作。希望这些法则能够为你的设计工作带来帮助。
格式塔心理学是现代认知心理学的基础,由三位德国心理学家(威特海默,科勒,考卡夫)创立,其核心观点是「整体决定部分的性质,部分依从于整体」。听起来有点像是哲学概念,但是不重要,关键是我们需要了解的是其主张的7大基本原则,这些原则与我们的体验设计才是息息相关的。
简单原则是指在人眼的认知过程中,大脑会把一个复杂的物体分解成较为简单化的物象来理解,以降低大脑的认知负荷。
▲简单原则
左图可以有多种拆解方式,但大多数人会将其拆分为右侧的简单方形,而非中间的复杂形状。这体现了简单原则:越是简单的图形认知难度越低。通常来说,简单图形的认知难度大约为“圆≈方≤三角形<多边形”。
▲基本几何体与复杂几何体
除此之外,与过去学习到的规律相似的对象也更容易被认知。因此在设计中使用常见的图标和符号,如放大镜表示搜索、红色表示警告等,可以帮助用户更容易理解和使用产品。
知识小延展:
关于简单原则,我们提到最终是为了给大脑减少负荷,那所谓的负荷到底有几类?如何衡量这些负荷的轻重?
答案:
负荷一般可以分为认知负荷、操作负荷和视觉负荷三类:
1)认知负荷指人脑在思考、记忆或计算时所消耗的能量负载,简单来说就是烧脑程度;
2)操作负荷就是因抬手、点击、眼动等运动所消耗的能量负载,简单来说就是操作复杂度;
3)视觉负荷是指我们浏览一个页面时,人眼所接受到的信息量,简单来说就是信息复杂度;
通常情况下,认知负荷的难度最大,其次是操作负荷,视觉负荷的难度较低。举个例子:
▲登录页面的迭代
在Web端设计时,手机号和短信验证码同页呈现是非常普遍的一个设计模式。移动端设计兴起时,这样的设计也延续了过来,但随着移动端设计的发展,就逐步被更主流的拆分设计(分两个页面分别呈现手机号和短信验证码)所替代。
这样的设计对于操作负荷来说其实是没什么变化的,主要的就是对认知负荷的降低,达到一个页面一个核心关注点的设计目标。
又称亲密法则,就近原则或者邻近原则,指距离相近的各部分区域组成整体,强调位置。
▲接近性原则
以上图为例,当元素之间的间距保持一致时,视觉上会显得比较均衡,不会让人产生将元素联系起来的错觉。但当元素的横向和纵向距离发生变化时,我们的大脑会倾向于将距离较近的元素看成一个组,这就是接近性法则最直观的体现。
在日常生活中,接近性法则的应用案例有很多。例如,在进行书籍排版时,由于横向阅读和纵向阅读的版式不同,为了让用户能够直观地理解阅读顺序,我们需要增加行间距、缩小字间距,以使横向排版和纵向排版的差异一目了然,而无需依靠具体的语义来传递信息。
▲书籍排版中的接近性原则
在生活中,如果不注重接近法则进行设计,还有可能闹出以下的笑话:
▲小炒便饭
在界面设计中,我们经常运用接近性原则,将属性相同或场景相似的信息放在一起,以降低用户的阅读成本,提高用户的感知效率。同时,我们也要尽可能将不相关的信息区分开来,避免将它们混合在一起而导致不必要的误解和混淆。
▲视频卡片
我们也可以用接近性原则来保持组件密度和网格布局之间的平衡。如果在组件密集的情况下,想要用户能够快速浏览内容组,就需要增加边距和间距宽度,使内容的分组更明显,以便用户更加清晰地浏览信息。
▲谷歌布局建议
在设计交互流程时,也可以通过结合接近性原则,将相关的操作步骤放在一起,以提高用户的操作效率和体验。
▲相关的内容放在一起
看了这么久,下面做个小测试,以下左右两图展示相同的信息,大家觉得哪种形式更合理?
▲测试来自网络
左图中信息间隔分布较为平均,这使得大脑试图分组和简化信息时所需要花费的时间更长,且横行和纵向的信息似乎都可以分组解读,大脑需要花费更多的精力进行解读。
相比之下,右图运用接近法则,用较大的间隔清晰地区分球队和数据,大脑不需要再为此付出额外的精力。即使添加新的信息,也不会增加整体感知的负担。因此右侧的布局更清晰合理。
知识小延展:
多近能成组 ?多远会分离?
答案:
接近性是相对而言的。在书籍设计中,核心间距原则是:字间距<行间距<段间距<栏间距<页边距。借鉴到我们的界面设计中,这个设计标准依然成立,当有一个明显的大间距作为对照时,小间距之间的元素就会形成一个组。
以朋友圈的九宫格为例,当图片间距普通保持较小且间距统一时,其看起来是一个整体,当我们将图片的间距扩大到一定程度,九宫格的整体性就被破坏了,甚至当图片间距足够大时,每张图片都像单独的个体。
▲朋友圈九宫格
相似指的是在某一方面相似的元素趋向于形成一个组。
▲相似性法则
如上图所示,人们会把那些明显具有共同特性(如形状、大小、颜色等)的事物当成一个整体,与不具有相似视觉特征的元素相比,具有相似视觉特征的元素被认为更加相关。
在界面设计中也有许多利用相似性法则进行信息分组的案例。如在搜索推荐中,使用颜色来区分普通搜索词和热搜词;在导航应用中,同时关于同一种类型的地点(如车站)统一使用同一种图标,帮助用户快速识别。
▲相似性法则应用案例
知识小延展:
『接近性 』VS 『相似性』谁更占主导?
答案:
接近性比重较大。如下图的圆形改变形状,甚至添加颜色,人们也会把相近的一组当成一个整体。
▲相似与接近性对比
连续原则,又被称为延续原则,即在直线或曲线上的元素,比不在直线或曲线上的元素更相关。
▲连续性原则
视觉系统在感知过程中更倾向于感知连续、整体的形式,而不是分散的碎片,通过寻找微小的共性,可以将多个不同的信息整合成一个整体。例如上图,由于视觉惯性的作用,我们倾向于让知觉对象的直线保持直线,曲线保持曲线。
连续性原则被广泛应用于界面设计和logo设计中,以提高设计的效果和用户的体验。举个例子:
▲连续性原则案例
左图我们不会认为是两个残缺的圆,而是两个相交的圆;右图IBM的logo 我们之所以能看出来是 IBM,就是因为我们在视觉上看到的不是离散的线条,而是连续的图形。
再比如在“签到”页面设计中,利用连续性法则将签到奖励与进展连接起来, 引导用户持续签到获得奖励。除此之外,在数值趋势图、加载进度、身份认证、视频播放进度等场景下也会较多用到连续性原则。
▲签到奖励的连续性设计
人们在观察熟悉的视觉形象时,会把不完整的局部形象当作一个整体的形象来感知,这种视觉上的自动补齐,称之为闭合。如果局部形象过于陌生或者简略,则不会产生整体闭合联想。
▲闭合性原则
比如图上这些点,我们不会认为这是各种零碎的点,而是感知到了这是一个圆的形状。
常见的闭合方式有:形状闭合、负形闭合、经验闭合。
1)“形状闭合”是指大脑会将形状趋于完整的形状闭合。
在界面设计中经常用形状闭合的方式,来提示用户界面外隐藏的内容。如下左图中,新游预约模块的第二个卡片仅露出了以一小部分,但大脑会将露出的这一小部分卡片闭合成一个完整的卡片,由此提示用户旁边隐藏者更多内容。右图中问题卡片也是同理。
▲形状闭合案例
2)“负形闭合”是指画面中的负形(留白)会形成用户熟悉的形象,被当做整体感知。负形闭合,多用在LOGO,海报等艺术设计中。
▲负形闭合案例
3)“经验闭合”是利用人们已经累积新的认知习惯,来进行内容的传达。
选项卡的设计便是经验闭合的典型按钮。一开始的选项卡都是有明确的边界线的,利用边界线的界定,让用户把它认知为一个整体,但随着扁平化设计的发展,到后来已经省略成完全不带边界线的Tab设计了,用更少的视觉元素表达,减轻人在图形识别上的精力消耗。这种选项卡可能对初期接入互联网产品的用户来说,有一定的理解门槛的,需要一定的经验积累,所以才叫经验闭合。
▲经验闭合案例
讲了这么多,我们再来看一个网上很火的小测试,以下图片中你看到的是什么字?
▲闭合性原则的小测试
这个测试就是闭合性原则的一个应用,它也从侧面告诉我们想让闭合性原则起作用,需要把握一个“度”。如果缺失的部分是很容易补全的,闭合就会发生;当缺失的太多,或缺失的形式很难理解、需要努力思考,闭合发生的可能就很小。就像一开始案例里的小点,很容易就会发生闭合,变成圆形。但是在这个小测试中,就会有不同答案发生。
知识小延展:
『连续性 』和 『闭合性 』 有什么关系?
答案:
连续性原则强调方向,重在信息方向的指引;闭合性原则强调始终,重在信息的完整性(开始与结束)。
▲连续性与闭合性的区分
主体与背景原则是指大脑将视觉区域分为主体和背景,主体包括一个场景中占据我们主要注意力的所有元素,其余则是背景。
▲主体与背景原则
如上图所示,左图大脑看上去就会感觉是一个白色的方形叠在蓝色的背景中,白色的方块一下就吸引了我们的注意力,右图则相反。这是因为大脑通常认为构图中最小的物体是图形主体,而更大的物体则是背景。
在界面设计中,利用主体背景法则,营造一种空间感,给用户带来视觉引导,让用户快速感知重要的信息内容。主体和背景的区别可以从以下两个方面来控制:
1)场景大小:我们倾向于将处于大场景中的中间小区域部分视为主体,而大场景视为背景,比如在应用开屏中,利用大小对比,突出应用logo或slogan信息;
2)层级关系:如果在同一个平面中,我们倾向于将处于视觉第一层级的物体视为主体。比如重要信息的弹窗提示,以及弱化背景从而突出内容等。
▲主体与背景原则案例
无论元素之间的距离有多远,或者它们看起来有多不同,如果它们一起运动或变化,它们都被认为是相关的。
▲共同命运原则
这里的共同命运针对的是运动的物体。与接近性原理和相似性原理相像,都与我们的视觉系统会有着给对象进行分组来感知事物的倾向相关。
共同命运强调的是方向,当元素的运动、方向具有共同运动形式或者某种规律使,我们会将其视为为彼此相关的一个群组或整体。
▲共同命运原则案例
8、小结
以上是界面设计中常用的格式塔法则,包括简单性原则、接近性原则、相似性原则、连续性原则、闭合性原则、主体与背景原则以及共同命运原则。
简单原则要求设计简洁明了,接近性原则要求将相关元素放在一起,相似性原则要求相似元素使用相同的视觉形式,连续性原则要求将相关元素放在相邻的位置,闭合性原则要求将相关元素组成一个封闭的形状,主体与背景原则要求将主体与背景进行清晰的区分,共同命运原则要求相关元素表现出相似的运动状态。这些原则可以帮助设计师更好地组织和呈现信息,提升用户的使用体验和效率。
交互设计5定律是结合交互设计时常见的过程目标:少、快、好、省,总结对应的5个常用设计定律:
奥卡姆剃刀原理指的是“如无必要,勿增实体” 。不必要的元素会增加认知的负担,降低浏览的效率,而且会增加不可预测后果发生的机率。
▲案例:三星遥控器&小米遥控器
如上图的遥控器,以前很多遥控器上面布满了密密麻麻的按键,这类遥控器的学习成本比较高,且使用时很容易误操作。而小米遥控器在传统遥控器上进行了优化,仅保留最核心的操作,去除一切不需要的按钮,这就是奥卡姆剃刀原理的一个典型应用。
在界面设计中采用奥卡姆剃刀原则,简化页面元素和布局,避免过多的图形和文字,以保持页面的清晰度和易用性。如下图的浏览器界面,当其他网络搜索服务商试图在其网站上增加广告与特别功能时,谷歌仍坚持简单有效的设计。
▲案例:谷歌浏览器&其他浏览器
在实际的工作中,我们往往很容易就犯下未遵循奥卡姆剃刀原理的错误,比如我们之前外销浏览器改版后,在启动页增加了新功能引导,结果引导页上线后,搜索渗透率与搜索量都下降显著。同样在活动设计时,为了告诉用户怎么操作,增加了一串长的功能引导,结果也导致了用户的大量流失。这个反面案例也告诉我们在做功能引导时一定要谨慎,没有必要不要增加。
▲案例:新功能引导
日常设计中怎么应用奥卡姆剃刀原理呢?
1)如果要从功能相同的设计中做出抉择,最好选用最简单的设计;
2)只放置必要的元素;
3)减少点击次数;
4)减少段落个数;
5)提供用户更少的选项;
6)让新用户轻松使用。
人们工作记忆平均能记住的元素数量仅为4±1。所以设计时若选项较多,就需要对选项进行分类和分组。
我们来做个小测试,你能在30秒内快速记住这串数字吗?
再换成以下的图呢?你能记住几个?
第二张数字仅是对内容进行了分组,就可以提升浏览和记忆的效率,这其实就是米勒定律的一个应用。在交互设计中,我们可以经常利用米勒定律,来减少用户的认知负荷,提高信息的易读性。
那日常设计中具体怎么应用米勒定律呢?
1)控制信息呈现数量。例如,在一个导航栏中,将导航项控制在5个以内,可以让用户更容易找到他们需要的信息。
2)分组、分段展示信息。例如,在登录页面中,将手机号码按照344的间隔区分,可以让用户更容易识别手机号信息。
▲案例:登录页手机号分段显示
3)保持设计一致性,避免用户需要重新学习和适应不同的设计。例如,在一个应用程序中,将相同的操作和功能使用相同的视觉形式,可以让用户更容易理解和使用。
系统需要在 400ms 内对使用者的操作做出响应,这样才能够让使用者保持专注,并提高生产效率。
上世纪 70 年代后期,计算机研究人员依然认为计算机可以花费两秒的时间对使用者的操作做出反馈,因为他们认为人们大概正好需要两秒时间来决定下一步的操作,所以 2s(2000ms)一度成为了当年计算机响应时间的标准值。直到 1979 年计算机的算力开始大幅提升,也有了足够的能力在 2000ms 内做出响应,这时 IBM 的研究员 Walter Doherty 进行了一系列研究来评估算力的增长对生产力的影响。
研究结果表明,计算机的响应速度直接影响了使用者做出下一个决定所要花费的时间(这个时间被称为用户响应时间),换句话说,计算机相应的时间越长,用户就要花费越多的时间来思考和决定下一步的操作。
不仅如此,Doherty 还认为响应速度低于 400ms 的系统或者程序,会让人上瘾。放在当下的环境来看,这当然只是一句比较夸张的话,但是结论是需要我们重视的,程序的响应时间,务必在 400ms 之内。
▲不同速度启动demo(注:请务必挨个观察)
多尔蒂门槛给出了响应时间的上限参考,而后续的研究则提供了更为细致的响应标准。一般来说,元素点击反馈间隔控制在0.1s左右 (0.14s以内)、元素入场退场时长控制在0.2s左右(225ms~195ms)、页面转场时长控制在0.3s 左右(300~400ms)是比较合适的。
用户将大部分时间花在别人家的网站(产品)上,而不是你的。这意味着用户希望你的网站(产品)跟别人的有相同的操作方法和使用模式。
雅各布定律是由尼尔森十大原则的创立者、尼尔森诺曼集团的创始人之一 雅各布·尼尔森提出的。他认为用户在其他千千万万个网站(产品)上积累经验,学会如何使用网站,当一个网站跟其他网站一致的时候用户会立刻知道该如何操作,但如果违反了雅各布定律,那么用户会毫不犹豫地离开。
举个例子,在电商网站的商品详情页中,都将商品图片信息放在上面,商品价格放在商品图下方,加入购物车与下单操作常驻在页面下方。在进行商详页改版时一般会延续这种设计模式,再基于产品自己的特色进行改善,而不是完全从0开始定制。使用相似设计模式的优势是用户在使用产品时无需重新学习。
▲案例:商品详情页的设计模式
雅各布定律不只是强调与其他产品保持设计模式的一致性,产品自身的一致性也很重要。这种一致性包括:一致的排版、一致的示能、一致的符号映射、一致的概念模型等,以提高用户的使用效率和体验。
▲按钮的示能与反示能、常见的符号映射
包括省心、省力、省时三个部分:
省心是指设计符合视觉认知原理,符合行业设计习惯。这与格式塔法则、雅各布定律有一定的相似之处。
省力是指帮用户降低操作的难度。我们可以结合费茨定律来降低用户操作的难度和时间。费茨定律指出从一个起始位置移动到一个最终目标所需的时间由两个参数来决定,到目标的距离、目标的大小。距离越短,操作越省力,所需的时间也就越短;目标越大,操作也越省力,时间也越短。
▲费茨定律
省时包括缩减物理时间和加速心理时间。缩短物理时间可以通过简化操作路径、减少加载时间等方式达成。加速心理时间一般应用在加载等需要用户较长等待的场景中,通过动效的方式降低等待的焦虑。
▲ 缩短验证码校验的操作路径
▲ 加载动效
以上就是交互设计5定律:奥卡姆剃刀原理、米勒定律、多尔蒂门槛、雅各布定律、能省则省原则,设计时可以根据不同的设计目标与策略,结合这些原则进行设计,以提高用户的使用体验。
如威廉·斯特伦克(William Strunk)所说:“优秀的设计师有时会无视设计法则,但当他们这样做的时候,通常会有一些补偿性的措施。除非你确定你能做得那么好,否则最好还是遵守这些法则。”
设计法则相当于我们日常生活中的常识,每一个法则背后都蕴含着很多优秀的案例和设计思考。作为设计师,去学习并掌握设计基础法则是能力进阶的必经之路,它能够提高设计决策时的效率。但是在实际项目中,我们还需要综合考虑各种因素,灵活运用设计法则,以创造出最符合产品需求和用户需求的设计。