编辑导语为了提升手机屏幕的空-间使用率,能够运用区别的计划办法了。本文做者分享了“泳道啦”和“卡片计划啦”这两种计划办法,你们各自有哪些利害势呀?计划形式是什么样的呀?一同来学习一下吧了。
短文对比长,上篇先推荐2种计划办法泳道.卡片计划了。
一.“泳道啦”
在统一页面的X轴上扩张内容的计划办法叫做“泳道啦”计划法(或者者叫泳道布置框架)了。
优势
领会本低泳道的计划形式以前十分成熟,用户的领会本很低
扩张性强能够在占有较少的屏幕空-间情形下扩张较多的内容
交互友善滑动的动做比点击操做更放松快速
优势
手势矛盾应该与手机其余差一点滑动的手势矛盾
屏幕外的内容曝光度低
1. “泳道啦”的计划形式
指点器在泳道下方增添指点器,数目牢固时可选此计划
内容袒露一半让用户感知滑动能够检察更多
2. “泳道啦”的交互办法
办法一、差一点滑动检察所有(例 YY直播)
办法二、差一点滑动检察,滑动到最右侧,连续滑动努力跳转新页面检察更多(例酷狗观点版APP)
办法三、差一点滑动检察,滑动终究,点击【检察更多】跳转到新页面(例淘)
办法四、差一点滑动检察,滑动终究,连续滑动触发加载(比如兴趣APP)
3. “泳道啦”的视觉展现
承载办法多用卡片承载内容
内容分辩运用布景致.阴影来做内容分辩
心里表现卡片溢出屏幕外,表现另有更多内容
泳道范围仅在部-分地域做泳道也可行,比如直播间的在卧底数头像泳道
两.卡片式计划
卡片计划挑唆用卡片做为内容承载容器的计划办法,本篇短文讨论的主题是关于提升屏幕空-间使用率的计划办法,因此此处的卡片计划仅对单张切换式卡片举行计划讲清晰。
优势
兴趣性卡片切换的交互办法新颖意义,能够或者者引发用户猎奇的愉悦感
未知性当卡片是“一次性啦”的时刻,无法得知下一张卡片的内容,会发生探索欲,好比抖音的下滑检察下一条视频
视觉攻击力强大卡片在视觉上更简易有攻击感,感官体验更好
优势
流通度切换不够流通时,简易发生焦灼感
手势矛盾应该与手机其余差一点滑下手势矛盾
敏捷度手指滑动识别不够敏捷时简易误触发其余操做
1. 卡片的计划形式
下图从三个维度来对卡片计划形式举行清点,分-别是交互层.功效层.视觉层了。
1)交互层
2)功效层
从功效层剖析,卡片分为“一次性卡片啦”和“重复卡片啦”了。
所谓“一次性卡片啦”指的是将该卡片切换走之后,卡片无法再次找回,是单向的切换了。
而“重复卡片啦”指的是卡片能够重复切换,能够往返切换,重复检察了。
3)视觉层
①卡片重叠
卡片重叠在一同,看去上面像是将卡片重复安置,每一次切换就像是从一堆卡片中拿走最上面的一张了。
卡片重叠有向上重叠和向下重叠了。
一最先的时刻是向上重叠(卡片的重叠方向在上面),好比知乎APP了。
知乎APP
然后是向下重叠(卡片的重叠方向我方),好比耳觅APP了。
耳觅APP
斜方向重叠(卡片斜着重叠),好比匠木APP了。
匠木APP
②展现单个大卡片
仅展现单张卡片,多用于大卡片的切换,由于小卡片若无指导用户食用觉察差一点滑动切换卡片这一手势了。
积木APP
③屏幕双方袒露部-分卡片
屏幕双方袒露部-分卡片,定时用户可差一点切换了。
音街APP
④屏幕单边袒露部-分卡片
发表评论