豆瓣FM高保真交互原型

1

用豆瓣FM做的模板,实现顶部固定,注册/登录等交互功能,主要交互都在顶部,具体说明如下:

1、顶部固定:

鼠标向下滚动之后,页面顶部会切换成简版,并固定在页面顶部。

PS:点击右边绿色的箭头也可以收缩/展开顶部。

2、下载豆瓣APP:

鼠标放在左上角的文字“下载豆瓣FM APP”,会出现下载二维码,移除则消失。

3、意见反馈:

(1)鼠标点击左上角的文字“我要反馈”,会出现反馈问题的弹层;

(2)鼠标光标放在输入框,默认的提示文字会消失,光标移出文字恢复;

(3)点击右上角的“×”,或者“取消”“确定”按钮,都可以关闭弹层。

4、注册:

(1)顶部三个入口,完整顶部有两个,简版有一个,详见附图;

(2)点击“同意协议”进入下一步;

(3)注册页面,鼠标光标放在输入框,默认的提示文字会消失,光标移出文字恢复;

(4)点击小键盘图标会弹出软键盘,点击软键盘可以关闭;

(5)点击右上角的“×”,或者“注册豆瓣账号”按钮,可以关闭弹层;

(6)点击“登录豆瓣”,切换到登录界面。

5、登录:

(1)输入框效果同注册,小键盘同样可以点击;

(2)点击右上角的“×”,或者“登录豆瓣”按钮,可以关闭弹层;

(3)点击“注册豆瓣账号”,切换到注册界面。

6、图标:

(1)收藏、删除、暂停、下一首的图标都是画出来的形状,可以更换成任意颜色;

(2)图标都做了hover效果,鼠标放上去会变色,颜色变化较小;

(2)点击收藏,颜色会变红,再次点击取消。

发表评论

以下作品你可能也喜欢:
封面
推荐

作品名称:Axure9.0全套通用元件 软件版本:Axure9.0 出版:学海工作室 作品介绍: 本作品是一套高保真PC端产品原件通用模板,本模板规范囊括了视觉及交互效果。其中涉及变量、中继器、各种函数的应用及多条件多事件的处理和各种独立元…

售价:¥ 68.00 销量: 163 13107
PPT+16-9-2019.08
推荐

大话作品推荐 【真实模拟系列】全套SCRM电商会员管理系统——点击获取 【真实模拟系列】CRM+OA集成后台权限管理系统——点击获取 【高保真元件库】Element 动态web元件库——点击获取 更多优质作品请进——大话产品工作室 Axur…

售价:¥ 49.90 销量: 44 5260
home
推荐

警告各位卖家:华宇出品的元件和作品的独特性和特殊性(包括免费作品)不允许下载后二次销售,欢迎在你的工作中广泛使用! 买图表元件,一定要买专业的!华宇出品必属精品。 华宇 大屏可视化套件是专门用了设计大屏可视化的一套图表类型最全最高保真可交互…

售价:¥ 68.00 销量: 698 33088
微信图片-20181203134919
推荐

看完原型图后开始教程讲解 第一步:梳理需求,搭建框架 特别重要的一个环节,如果没有需求,那你只好凭空想象了,先看我做个一个框架梳理先把大致框架梳理清楚,这样在 axure设计的时候能够理清楚层级,确保每个页面交互都能走通,这也是PM的,如果…

售价:¥ 14.10 销量: 101 9138
home0
推荐

电商平台营销玩法大全V2020版本 更新时间:2020/05/25  更新内容:新增营销红包玩法营销活动 (1)营销红包 营销玩法可以实现 (1)吸粉、老客带新客,提高下单转化率 (2)提升复购新利器 (3)引导客户邀请朋友一起拼团购买 (…

售价:¥ 39.99 销量: 167 11204
ECharts
推荐

20210531,更新中尺寸,适应普通WEB图表后台管理看板宽度,元件库 基础的echart官方图表样式,基础的的数据可视化图表库(饼图、折线图、柱状图、散点图、地理坐标/地图、雷达图、K线图、盒须图、热力图、关系图、路径图、树图、矩形树图…

售价:¥ 56.00 销量: 33 1317