PS教程:UI界面设计教程——音乐播放页面设计「建议收藏」

PS教程:UI界面设计教程——音乐播放页面设计「建议收藏」大家好,我是梦梦,欢迎来到梦梦PS教程。今天的教程是UI设计——界面设计教程,教大家做一个音乐APP的界面。1.先新建画布,咱们尺寸以iphon

欢迎大家来到IT世界,在知识的湖畔探索吧!

大家好,我是梦梦,欢迎来到梦梦PS教程。

今天的教程是UI设计——界面设计教程,教大家做一个音乐APP的界面。

1.先新建画布,咱们尺寸以iphone6为例(750 x 1334像素),颜色选择浅粉色,记不住尺寸也没关系,看图:

PS教程:UI界面设计教程——音乐播放页面设计「建议收藏」

2.导航条自己放上去,这个要自己做好保存好,后面还会用到的噢。

(对了,需要界面出现图标和人物素材的话可以在公众号留言)

接着打开人物素材,我选的是一位帅锅,参考线要拉好这个不能偷懒。如图:

PS教程:UI界面设计教程——音乐播放页面设计「建议收藏」

3.素材的背景有点碍事,我们用调整并遮住快速去掉,快捷键:CTRL+ALT+R。如图:

PS教程:UI界面设计教程——音乐播放页面设计「建议收藏」

4.现在要对画面进行分割,画面当中要有歌曲歌手名字、歌词、播放暂停收藏分享返回设置等人性化按钮。排版的时候一定要注意对齐并主次分明;有大小层次效果;点线面可以合理添加,但不能弄得太乱,要做的时候想着让用户使用的时候更舒适。

参考线是建议一定要拉好的。如图:

PS教程:UI界面设计教程——音乐播放页面设计「建议收藏」

5.在做底部排版的时候要注意,因为人物是切断的需要过渡好,而画面中单一的背景人物是非常单调缺乏设计感的,这时候刚好可以利用面来延伸,在色彩上运用重色,浅色与重色搭配才能让整体更稳。(稳住!我们能赢)如图:

PS教程:UI界面设计教程——音乐播放页面设计「建议收藏」

6.接下来就是播放条的添加了,还有开始上一首下一首按钮。如图:

PS教程:UI界面设计教程——音乐播放页面设计「建议收藏」

7.还有歌词,歌词是不是感觉没地方放而尴尬了?我们可以考虑复制一层下面的重色矩形,降低透明度,往上铺一点。这样人物和整体关联性就更强了,接着添加文字的时候稍微改几个字颜色,底部可以稍微淡一点。如图:

PS教程:UI界面设计教程——音乐播放页面设计「建议收藏」

做完啦!你真是棒棒的!来看看展示效果!

PS教程:UI界面设计教程——音乐播放页面设计「建议收藏」

PS教程:UI界面设计教程——音乐播放页面设计「建议收藏」

歌曲热门推荐的播放列表也可以做一下,同样是拉参考线分割好画面,

再去添加文字和符号,配色要注意和播放页一致,可不能胡乱弄噢!

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://itzsg.com/18073.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

联系我们YX

mu99908888

在线咨询: 微信交谈

邮件:itzsgw@126.com

工作时间:时刻准备着!

关注微信