app界面有哪些样式(app界面有哪些样式图片)

Hello，大家好，欢迎大家来到由CGWANG王氏教育出品的修改视频教程，又是我彭老师啦。

今天，彭老师要教大家如何简单设计出轻松、时尚的音乐APP播放界面，所以给大家带来的是一个音乐APP播放界面的作业修改。

我们来看一下学生的作业原图，

作业分析

虽然说，能够熟练运用图层样式是一件好事！

1、但是这位同学运用的图层样式过多，排版凌乱。

2、再加上内容字体过大，颜色过多,导致整个画面非常重，看久了会非常疲劳。

3、主次的关系和颜色不明确，而且缺少了导航栏。

具体分析视频

点击链接，观看视频！

https://v.qq.com/x/page/r0319jga5nr.html

所以根据这位学生的作业，彭老师做了如下修改建议，

修改建议

一，清除图层样式

把界面内的图片，文字，面板的图层样式全部清除。

二，调整顶部和底部

给顶部栏和底部栏一个同色相的渐变叠加，并调整播放按钮的大小和位置，加上一张专辑封面，把顶部栏的搜索框拉长，调整字体和位置。

三，添加二级导航栏

在顶部栏下面添加一个二级导航栏，并替换banner栏海报。

四，调整分类按钮

把分类按钮做成线框，缩小字体大小，并调整颜色、位置。把每日推荐板块图片调整为合适大小，并放于分类按钮下方。

具体修改视频

点击链接，观看视频！

https://v.qq.com/x/page/v0319xiuex5.html

制作APP一定要从多方面去考虑效果，

修改总结

前后对比图

作业总结视频

点击链接，观看视频！

https://v.qq.com/x/page/u03197tnhs5.html

彭老师想对有类似毛病的同学说，

我们在进行手机APP的界面设计的时候，图层样式的运用一定要谨慎，要学会做减法。然后要考虑用户的体验，不能一味追求创新而忽略掉。再有，就是APP界面的逻辑和主次关系一定要清晰合理。

好，今天的音乐APP播放界面作业修改就给大家分析到这里，期待下次彭老师给大家带来更精彩的UI设计精彩视频教程吧。

经过CGWANG UI视觉设计培训，更多酷炫帅气的APP界面你都能轻松制作。

【点击】下方链接，一切奥秘都为你揭开。

https://gz.cgwang.com/zhuanti/id-11774/#cgw-banner

　　不喜欢看视频？不要紧！

　　没流量看视频？不要紧！

　　只喜欢看图文？不要紧！

　　就让我们图文视频，内外兼修。

　　学习起来更轻松

　　大多数设计师都会有自己喜欢的宠物，很多设计师会选择猫狗。

　　猫咪，既可爱又会卖萌撒娇，深受人们喜爱。

　　狗狗，也以忠实憨厚著称，是人类不可多得朋友。

　　Chris Beetow在过去的几年中创作了很多张猫猫狗狗的插图，还原了宠物的内心动态，非常的形象哦~

　　我们先来看看还原后的猫猫狗狗们吧！

　　你是宝宝的人

　　总是喜欢制造麻烦

　　就是对食物着迷

　　老饿、老饿了呢

　　最华丽的猫

　　我的专业是粘取各种东西

　　托尼一直都很酷但扭矩先生总是表现很饿

　　波莉喜欢玩雪

　　旺旺哒说两句

　　兴趣是我们最好的老师，

　　我们需要明白优秀的设计师都是经过漫长的时间沉淀练习。

　　作为初学者要尽可能多学东西，给自己增值，

　　给自己的成功打基础是我们永远都需要做的，

　　认真学总不会错

关注我们的微信公众号“CGWANG实训中心”，是我们最大的动力，么么哒！