乐跑音乐,跑起来的音乐。

用户头像
成都/网页设计师/9年前/917浏览
乐跑音乐,跑起来的音乐。
用户头像
余之余
使用了:Adobe - Photoshop
使用了:Adobe - Illustrator
从乐跑界面设计到LOGO定义设计,整个设计过程,纠结而满足,当然还有很多不足之处,还望大家多多点评和支持。
乐跑——
音乐与跑步,本就是简单休闲的生活元素
本次围绕主题“音乐”和“跑步”进行界面设计
整体界面,主色为红色,辅色为白色!简约并带活力
乐跑,不仅是一款界面设计,更是一种生活态度
欢迎观看!
乐跑音乐,跑起来的音乐。(图ZNzY0MjMzMTI=) - APP界面 - 站酷设计师余之余原创素材 - 站酷ZCOOL
启用页和登录注册页

用LOGO、品牌名称、SLOGAN三要素搭配留白背景,凸显品牌标志形象,给人舒服的视觉感官。使整个界面看上去更加干净醒目,有视觉冲击力!
——
Collect
乐跑音乐,跑起来的音乐。(图ZNzY0MjUwODA=) - APP界面 - 站酷设计师余之余原创素材 - 站酷ZCOOL
发现页和歌单页

发现页:主要包含功能入口区,今日歌单,今日单曲,今日电台
歌单页:针对跑步运动类型不同,搭配相关素材,使分类
更加清晰易懂!

歌单:推荐热门歌单,并添加播放按钮图标,可引导用户点击或即时播放。
——
Collect
乐跑音乐,跑起来的音乐。(图ZNzY0MjU4MTY=) - APP界面 - 站酷设计师余之余原创素材 - 站酷ZCOOL
播放页和歌词页

01.采用大量留白,减少不必要的元素干扰,使整体界面简洁!
02.凸显播放界面核心内容的同时,也搭配音频作为背景,该背景,不仅关联播放,同时传达给用户心理上的节奏感、跳跃感!
03.将播放暂停按钮增大,使该按钮醒目有力,也方便跑步者点击按钮。
——
Collect
乐跑音乐,跑起来的音乐。(图ZNzY0MjY0MzI=) - APP界面 - 站酷设计师余之余原创素材 - 站酷ZCOOL
搜索页和跑步播放页

搜索页:当用户点击发现页的搜索框,会自动弹出搜索界面,乐跑音乐会快速推荐热门歌曲。并且部分热门歌曲搭配歌手头像,这样可以快速有效的引导用户点击,从而也推广了歌曲!

跑步播放页:这与播放页和歌词页统一布局,可以降低用户的学习成本。
——
Collect
乐跑音乐,跑起来的音乐。(图ZNzY0MjcyNjQ=) - APP界面 - 站酷设计师余之余原创素材 - 站酷ZCOOL
排行榜和电台页

排列歌曲电台信息,并且中心悬浮按钮,长按可以调整位置。
——
Collect
乐跑音乐,跑起来的音乐。(图ZNzY0MjgyNjQ=) - APP界面 - 站酷设计师余之余原创素材 - 站酷ZCOOL
个人主页

分别设计创建页,半展开页,以及全展开页面
——
Collect
乐跑音乐,跑起来的音乐。(图ZNzY0Mjg2MDQ=) - APP界面 - 站酷设计师余之余原创素材 - 站酷ZCOOL
视频播放页

该APP为跑步音乐类软件,既然作为跑步人群,考虑到也会牵涉到运动健身类,所以增加视频播放功能,即可播放音乐MV,也可观看运动健身相关的视频。

——
Collect
乐跑音乐,跑起来的音乐。(图ZNzY0NjY2OTI=) - APP界面 - 站酷设计师余之余原创素材 - 站酷ZCOOL
LOGO定义
——
谢谢观看!请多支持!
Collect
26
|
Report
|
5
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
Log in