一款可以线上点歌唱歌的小程序
首页:点歌、设备、商城、录音、推荐歌单、热门歌曲、排行榜
广场:搜索、话题推荐、关注推荐录音
我:我的歌单、预点歌曲、乐豆中心、帮助反馈、喜欢和赞、我的活动、乐悦商城、我的订单、我的卡券、消费记录
【banner】
在首页突出展示产品,放置banner以符合产品的整体性,用好看对比度高的图片给用户视觉上的冲击,吸引用户点击,提高产品的点击率和用户的留存率。
【推荐歌单】
在推荐歌单这一块采用了卡片化的设计,界面整体简洁,有层次感。
【热门歌曲】
采用了上图下文的卡片化设计,使页面更加干净整洁,还更有层次感,引导用户点击。卡片与卡片之间做了错位处理,打破常规布局,使页面更活泼、有趣味性。
【排行榜】
在飙升榜、热搜榜单这一块采用了卡片化设计,左图右文,使页面更加整洁;在卡片的左上角加了一个橘红渐变的小标签,鲜艳的色彩更能给用户视觉上的冲击,抓住眼球,从而增加用户的点击率。
【话题推荐】
在热门分类这一块采用了卡片化设计,使页面更加整洁;卡片与卡片之间做了错位处理,打破常规布局,使页面更活泼、有趣味性,从而增加用户的点击率。
【推荐】
话题讨论采用了列表式布局,再运用卡片化设计,层次分明,更好的使用户视觉集中,能够在短时间内快速的筛选出自己想要的信息。关注按钮用了主色,吸引用户点击关注。
【歌曲播放】
歌曲播放用专辑加进度条来表示,进度条采用了弧形,加上投影,增加了页面的层次感,和趣味性。
【关注按钮】
添加按钮使用了大弥散投影,可以增加页面层次感和空间感,突出重点,引导用户视觉,吸引用户点击。