伴随着互联网的迅速发展,许多与因特网相关的职位应运而生,UI界面设计师是因特网的核心职位之一。UI界面设计已经渗透到我们生活的方方面面,包括网站、应用程序或其它数字平台上的按钮、菜单布局、配色方案和排版。很多人认为 UI界面设计只是关于字体、颜色和导航栏,但远不止于此。本文就为大家带来详细的音乐来APP界面设计教程,咱们一起来看看吧!
设计教程源文件https://js.design/f/TRZTkk?source=csdn&plan=btt6141
背景
·创建画板 375*812 的画板,填充 FCFEFF 。
全局操作区
·绘制 24*24 的图标作为全局性操作区功能图标。
个人信息区
·绘制 100*100 的画板,调整圆角值,作为头像区。·姓名「MiSans、Bold、字号 24、填充 212121 」。·个性签名「MiSans、Light、字号 14、填充 212121 」。
常用功能区
·数字「MiSans、Semibold、字号 18、填充 212121 」。·文本「MiSans、Light、字号 14、填充 212121 」。
功能标签
·绘制 343*48 的 矩形,圆角值为 12,填充 F5F6FD 。·再绘制 172*48 的 矩形,圆角值为 12,填充 212121 。·文本「MiSans、Medium、字号 16」。
列表项
·绘制 56*56 的画板,圆角值为 12,作为专辑头像 。·歌曲文本「MiSans、Medium、字号 16」。·次级文本「MiSans、Regular、字号 10、填充 FF3838」·歌手信息「MiSans、Regular、字号 13、填充 757575」
歌曲列表
·复制多条列表项,替换图片和更换文本信息。
底部导航栏
·绘制 375*52 的画板,填充白色。·绘制四个icon,作为导航图标,调整颜色和间距。
这样一个简单的音乐类APP界面设计就做好啦,大家也可以根据自己的想法来尽情创作,快去试试吧!h设计教程源文件https://js.design/f/TRZTkk?source=csdn&plan=btt6141