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

发表评论

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

作品信息  作品名称:现金贷、信用贷、消费贷小贷系统后台 作品类型:项目应用 项目日期:2018-04 至2018-12 最新版本:v1.1 主要适用:PC端 软件版本:Axure 8.0 文件大小:12.5MB 作者:北极熊 作品售价:2…

售价:¥ 29.00 销量: 139 4639
即时对讲app720x360的
推荐

更新时间:2020.02.12 更新内容:增加一个新的版本(手机app的框架) 重要说明:当前作品中包含两个版本,一个手机app软件+基于终端的对讲机软件。 预览为手机软件,截图为对讲机软件。两个内容大同小异,框架有些差异;供大家学习交流;…

售价:¥ 49.90 销量: 13 2209
BIM工程前期规划平台
推荐

建议使用1920x1080进行测试,低分辨率下预览,部分内容不能完全展示; 提示:这个平台也存在移动端,目前正在设计阶段,接下来就会上传,与其是一体的,两者彼此协同工作。 全部产品所在的店铺地址:https://www.axureshop.…

售价:¥ 66.66 销量: 14 2238
v2
推荐

作品名称:AxureUX中后台管理信息系统通用原型方案 v2 作品类型:模板类/组件 主要适用:Web端 软件版本:Axure 9 作品编号:TEM020 特别说明: 1、本作品是使用Axure RP9制作的全新版本,除了更丰富的内容,还应…

售价:¥ 139.00 销量: 233 14895
27041122-722x361
推荐

一、PC端(PC端高保真管理系统完整版): 1.尺寸:1920 x 1080、1600x900、1440x900、1366x768 2.登陆用户名:11 3.登陆密码号:123456         4.主要特点:功能齐全、架构完整、界面规…

售价:¥ 30.99 销量: 359 18258
封面
推荐

请知晓:作品为框架,部分内容并没完善;其中图标为图片。 一、作品简介 该作品原型面向新型智慧园区、社区及物业管理等智能化系统解决方案,为智能化物联网设备提供业务管理系统。该作品原型是从实战产品软件系统中提炼总结出的系统框架,整个作品框架包含…

售价:¥ 58.00 销量: 17 1310