怎样做 新增功能/功能变动 的引导页面?-附案例

用户头像
北京/UI设计师/2年前/304浏览
怎样做 新增功能/功能变动 的引导页面?-附案例
目前的主流APP在在主要页面UI布局变动时,都会极为克制,在尊重用户过往的使用习惯基础之上作出可接受范围内的变动。如果用最简单的方式,在最端的时间内为用户讲解清楚页面功能的变动,看看大厂的设计师们是怎么做的吧。
一.静态形式
1.添加全屏黑色透明遮罩,分步骤引导:
多用于首页等页面布局的大调整,或者新用户进入的首次引导
怎样做 新增功能/功能变动 的引导页面?-附案例(图ZMTQ4ODA5MTY=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
饿了么会员
收藏
怎样做 新增功能/功能变动 的引导页面?-附案例(图ZMTQ4ODA5Mjg=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
饿了么会员
收藏
怎样做 新增功能/功能变动 的引导页面?-附案例(图ZMTQ4ODA5MzI=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
饿了么会员
收藏
怎样做 新增功能/功能变动 的引导页面?-附案例(图ZMTQ4ODA5MzY=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
个人所得税
收藏
怎样做 新增功能/功能变动 的引导页面?-附案例(图ZMTQ4ODA5NDA=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
个人所得税
收藏
怎样做 新增功能/功能变动 的引导页面?-附案例(图ZMTQ4ODQ4NjQ=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
小红书
收藏
怎样做 新增功能/功能变动 的引导页面?-附案例(图ZMTQ4ODQ4Njg=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
小红书
收藏
怎样做 新增功能/功能变动 的引导页面?-附案例(图ZMTQ5MjM2MDQ=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
支付宝-蚂蚁宝
收藏
怎样做 新增功能/功能变动 的引导页面?-附案例(图ZMTQ5MjM2MDg=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
高德APP
收藏
怎样做 新增功能/功能变动 的引导页面?-附案例(图ZMTQ5MjM2MTI=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
支付宝APP-股票
收藏
怎样做 新增功能/功能变动 的引导页面?-附案例(图ZMTQ5MjM2MTY=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
闲鱼APP
收藏
怎样做 新增功能/功能变动 的引导页面?-附案例(图ZMTUxMjQxMDg=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
收藏
怎样做 新增功能/功能变动 的引导页面?-附案例(图ZMTUxMjQxMTI=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
收藏
怎样做 新增功能/功能变动 的引导页面?-附案例(图ZMTUxMjQxMTY=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
收藏
2
.
弹窗引导:
多用于某个功能控件的位置变化,或者新增功能的位置标识
怎样做 新增功能/功能变动 的引导页面?-附案例(图ZMTQ4ODA5NDQ=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
淘宝
收藏
3.气泡引导:
适用于对于用户使用体验影响不大的小变动
怎样做 新增功能/功能变动 的引导页面?-附案例(图ZMTQ4ODA5NDg=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
美团外卖
收藏
怎样做 新增功能/功能变动 的引导页面?-附案例(图ZMTQ4OTkyMDQ=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
淘宝
收藏
怎样做 新增功能/功能变动 的引导页面?-附案例(图ZMTQ4OTkyMDg=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
闲鱼
收藏
怎样做 新增功能/功能变动 的引导页面?-附案例(图ZMTQ5MjM2MjA=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
高德地图
收藏
二.动效形式
1.通过光波扩散的动画突出变化的功能板块
怎样做 新增功能/功能变动 的引导页面?-附案例(图ZMTQ4ODA5NTI=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
美团买药
收藏
2.通过动效展示分步骤
怎样做 新增功能/功能变动 的引导页面?-附案例(图ZMTQ4ODA5NTY=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
支付宝
收藏
2
举报
|
3
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】汽车icon
手表表盘UI系列
Security Camera UI kit
科技医疗透明柜UI界面设计
新能源APP应用UIKit
新拟态风格 UI设计组件库
【新年UI图标】礼物/活动icon
高级表盘系列UI源文件
【新年UI图标】钱包icon
3D渐变流体抽象矢量UI背景图
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】体育icon
UI 登录界面设计模板包
【新年UI图标】30个图标
高级感金属拟物 UI设计组件库
APP/小程序商业项目UI模板|99个高保真UI+79个原型
盲盒APP UI设计
户外旅行飞机情侣假日出行
【新年UI图标】旅行icon
【新年UI图标】秒杀icon
我的钱包-UI界面设计-app
钱包ui模板
拟物风质感写实UI卡片合集源文件
你可能喜欢
相关收藏夹
大家都在看
登录注册