豆瓣FM高保真交互原型

用豆瓣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)点击收藏,颜色会变红,再次点击取消。

发表回复

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

作品名称:AxureUX区块链宠物移动端原型模板 作品类型:模板类 发…

继续阅读 →

售价:¥ 39.00 销量: 38 5445
推荐

作品会持续优化更新,可持续关注,若有更新,已经购买的用户可免费下载新版…

继续阅读 →

售价:¥ 86.00 销量: 55 21683
推荐

【作品介绍】 本作品是项目管理系统高保真原型设计,主要包括了工作台(概…

继续阅读 →

售价:¥ 99.00 销量: 115 16596
推荐

本作品【问卷调查原型】特点:兼容 Auxre9、落地性强,适用场景广,…

继续阅读 →

售价:¥ 69.00 销量: 34 6727
推荐

产品名称:OA数字化办公系统原型 总页面数量:350+ 软件版本:Ax…

继续阅读 →

售价:¥ 99.00 销量: 58 16116
推荐

一、基本信息 作品名称:信息化架构模型图 软件版本:Axure9 更新…

继续阅读 →

售价:¥ 120.00 销量: 48 12364