影音娱乐类APP 的内容主要以视频和音频为主。这类APP 的界面多采用图文结合的形式整齐排列各个版块，以精美的大尺寸图片作为页面主要信息，目的是突出热门信息，吸引用户视线。常见的影音娱乐类APP 有爱奇艺、哔哩哔哩、酷狗音乐和喜马拉雅FM等。

课程目标

1.理解影音娱乐类APP特性。

2.掌握UI设计基础与原则。

3.精通界面布局与元素设计。

4.提升视觉吸引力与用户体验。

5.掌握音视频内容展示技巧。

6.实战演练与案例分析。

下图显示了觅影视频APP 的部分页面。本案例通过分析整个APP 的设计思路，并制作其中的首页、发现页和会员页，学习影音娱乐类APP 界面的一般制作流程。

（1）分析基本结构图

        制作APP 页面前，设计师首先要根据APP 的基本结构图确定页面数量和各页面之间的逻辑关系。

（2）确定配色

        根据影音娱乐类APP 的特点和觅影视频APP 的Logo 用色，将该APP 主色设置为深灰色，辅色设置为蓝色、金色和白色。

（3）页面布局

       与其他类型APP 不同，影音娱乐类APP 的节目分类列表内容较多，且多以文字形式出现在导航栏中，因此搜索功能一般不与节目分类列表置于同一版块。

（4）页面细节

       本例页面中图像的宽高比均为16 ∶ 9，该比例为电影画面的比例，能让用户在浏览图像时产生观影般的视觉感受。另外，除通栏形式的Banner 外，页面中其他图像均采用圆角处理，以提升用户好感，使页面更具活力。

首页设计：

1）制作导航栏、搜索栏和Banner 版块

2）制作最新热剧、口碑电影和标签栏

发现页设计：

发现页分为热点和关注版块，用户可通过导航栏在这两个版块之间自由切换。

会员页设计：

在制作会员页时可以“首页.psd”文件为模板，在文档中加入“会员特权”版块，并替换图片和文字。