APP交互设计流程图应该怎么画?(四)

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  
APP交互设计流程图应该怎么画?前面给大家介绍了部分内容,这篇文章主要看看APP线框设计和一些常见的APP交互跳转手势。需要注意的点非常多,大家一定要耐心看完哦!
APP交互设计流程图应该怎么画?(四) APP线框设计 (低保真原型设计)

线框图一般分为,低保真,中保真,高保真。

低保真,一般文字加简单的色块线框,标示出大概布局和功能即可,手绘或者AXURE自带功能即可。

中保真,基本加上了图标的形态,尺寸也比较精确,一些隐藏页面和操作提示会在旁边写明,拥有了简单的逻辑跳转。

高保真,基本和开发出来的上线版本80%〜90%类似了,有细腻的跳转动效,或者交互操作反馈,基本就是没连数据库的ALPHA版。

常见APP交互跳转手势
APP交互设计流程图应该怎么画?(四) 做线框要注意合理性,在保证顶部标题栏状态栏和底部导航栏尽力按官方系统APP的尺寸外,可点击区域不要小于44DP,也就是手指点击尽量不要按到另一个控件,出现误操作。

同类功能和图标控件,使用一致的尺寸设计及同类控件集中在一起,不同的功能用不同的间距隔开,颜色上,尽量使用5〜7个色阶区分功能块。同类的页面多去收集一些排版,在手绘线框的时候,多推敲下,尽量让页面视觉效果又好看,交互操作又方便合理。

总的来说,在制作APP交互设计流程图时需要掌握的内容比较多,各方面的细节也要关注,这样才能做出一份合格的流程图,才不会影响后面的工作进度。

以上就是“APP交互设计流程图应该怎么画?(四)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。

随意打赏

提交建议
微信扫一扫,分享给好友吧。