论文部分内容阅读
鉴于目前主流音乐APP趣味性少，装饰性低，功能庞杂琐碎，用户体验不佳，且大多数以单色卡片式为主，也有部分单色系渐变，但这其中以粉色系为主，很少能体现音乐的活泼律动感。所以我设计了一款以黄色调为主的多色系渐变APP设计。在功能上力求精簡更贴合都市人群繁杂浮躁的心。在页面排版布局方面也采取了很多大胆的创新。本文将对该APP设计进行详细介绍，并结合目前主流的音乐APP及本人制作的第二版音乐APP进行比较分析，进一步论证上述观点。并通过总结分析提升自身设计能力。
1音乐APP功能分析
1.1产品功能定位
因为这是一个小众APP，解决客户的需求点是简洁轻松。而主流音乐APP往往包含“视”、“听”、“唱”、“社交”、“互动”及其它商业内容，功能过于繁杂。因此我们将此APP功能设计为“听”和“偏好定制”，通过用户大数据统计，希望找到对味音乐更轻松便捷。功能思维导图如下。（如图1-1）
1.2产品结构
低保真产品原型图如下（如图1-2）。本图介绍该APP的页面分级和排版分布。鉴于主流APP已培养出的用户习惯和人机工程学对操作失误形成误触的解决方案，我们也将主菜单放在页面上部。
1.3页面分析
1.3.1起始页
起始页功能：介绍APP的特色，使用户能直接了解产品特性。本APP特色如下（如图1-3）：
1.3.1.1 多色系渐变与单色系微渐变对比，使画面功能区分开来。
1.3.1.2 大量曲线应用，让音乐的抽象律动及丰富性更直观表现出来，增强起始页面导入的功能 。也有高山流水遇知音的美意。
1.3.1.3 超大字体已然超出页面是希望 繁忙的都市生活节奏可以在这一刻得到放松和释放的感觉，同时文字部分介绍本产品的亮点。
1.3.1.4 页面下方的页面分割符号采取了创新，不仅清晰说明了页面排序及导向，也十分活泼富有节奏感。
1.3.2个人页面
个人页面：用户主页的相关信息。个人页面特色如下（如图1-4）：
1.3.2.1 “毛玻璃”状态栏，它是苹果系统最早运用，目前安卓也在使用。半透密、可视化，不会阻挡视线，安心，视野更广，能更大范围看到页面内容。
1.3.2.2 安卓卡片式播放栏，简洁内容清晰，操作简便，不易误触，悬浮式播放栏，卡片式微投影更有层次感，热区数据使用标准式，符合人机工程学。
1.3.2.3 个人主页和个人内容页的版式有所创新，不规则几何形按钮和粘连式按钮，更凸显了音乐app的律动感。
1.3.3登录页、数据统计页面
登录页：面功能清晰，已有的大众用户习惯无需过多繁复的解释和重新培养。（如图1-5）
数据统计页面：偏好定制基于大数据统计的方法，用户可根据自己的喜好来筛选未来系统的曲目推荐。（如图1-6）
1.3.4我的收藏、设置菜单、歌单广场
我的收藏：搜索ICON，采取象征式音符实心的形式，生动可爱且简洁。用户也容易辨识功能用途。卡片式对称排列，清晰整洁，卡片之间空隙较大，能使背景更大范围显现出来，更具装饰感。但在一般的行活里，会最大程度放大功能，但容易误触。收藏增加了点赞功能，利于大数据对用户喜好的统计。（如图1-7）
设置菜单：粘连式按钮设计，与主页面黄色调渐变不同，是温馨的粉蓝色系微渐变，有了很好的区分。主页面加了阴影微模糊，与菜单页面形成了明显的主次对比，有视觉层次感。退出按钮与渐变色调一，统一了画面，也使得用户不易察觉，继而不易退出，避免客户流失。（如图1-8）
歌单广场：推荐最新歌曲资讯，热门歌单等功能。卡片式功能项，精致的圆角处理，与整体弧线相吻合，又使画面富有灵动生气。右下角加播放按钮，可方便用户体验。层迭式BANNER，滑动质感，富有趣味性。（如图1-9）
1.3.5歌单页、发现音乐、主题页
歌单页：BANNER图文分割式排版，图文结合，功能综合，可互动点赞。分享ICON音符象征意义实心，可爱与扎实并存，也更容易使用户发现。（如图1-10）
发现音乐：卡片式排列，简洁清晰，使得都市压力大的生活，感受放松和精简信息的介绍。项目间的间隔也在标准热区的基础上拉大，增加放松感，但保证图文清晰。（如图1-11）
主体页：发现音乐的次级页面。图文介绍音乐的相关资讯，增加互动功能，如点赞留言，使app也有较小的社交功能。使用户能找到志同道合，喜好相同的朋友。浮动式播放栏不在沉底处，可根据习惯放置，防止误触。（如图1-12）
1.3.6播放页、每日一推
播放页：双进度条丰富了画面，唱片式加图片的旋转，虽然唱片环绕进度条没有操作功能，但增加了仿真趣味。简洁清晰的播放操作区基于已有的用户习惯而定，较少用的功能收集在综合按钮中。（如图1-13）
每日一推：卡片式排列，微投影增加层次感，可直接点击播放，功能清晰简单，播放与分享，更易找到相同喜欢的人群。如果不喜欢，可以换一批推送，增加数据统计的精确性。单独的播放栏，是卡片式，不影响用户之前的播放，独立播放，回到上级页面可切换回自己的播放列表。（如图1-14）
2市场上同类产品设计对比
2.1酷狗音乐（功能、形式、色彩等分析）（如图2-1）
2.1.1 传统导入页面，介绍版式更新内容及功能，标准页面滑动符。
2.1.2 安卓特色卡片式扁平化ICON。
2.1.3 仿生唱片播放栏。
2.1.4 长条banner，专业行活放大功能项，减少空隙留白，商业用途浓重。
2.1.5 主色调单色系，菜单栏基本无装饰，MBE精简线条ICON（个人页面）。 2.1.6 APP功能繁多，包含看、听、唱和互动（直播）。
2.2网易云音乐（功能、形式、色彩等分析）（如图2-2）
2.2.1 安卓特色卡片式扁平化ICON和MBE精简线条ICON組合运用。
2.2.2 简洁隐藏播放栏。
2.2.3 长条banner，专业行活放大功能项，减少空隙留白，商业用途浓重但更偏向于新闻用途。
2.2.4 主色调单色系，菜单栏基本无装饰，MBE精简线条ICON（次级页面）。
2.2.5 APP功能繁多，包含看、听、和社交。
2.3比较分析
市场上的APP产品被称作“行活”，因此它更注重商业用途及开放商利益。“行活”没有褒贬义的感情色彩，只是一类产品的设计方式。而我们在做概念性设计时思考方式与其不同，更注重式样和功能的创新探索。形成了如下对比：
2.3.1相较于行活，我的导入页面版式新颖，运用了新的色彩搭配。
2.3.2 相较于行活，我的产品功能更简洁，对客户的需求更有针对性。
2.3.3 我的产品审美趣味高，在整体形势上更大胆。
2.3.4 然而行活的逻辑较我的产品逻辑性更强，功能整合更完善。
2.3.5 行活在“热区”（人机工程学）的设定中，使功能区域最大化，易发生误触，视觉压迫拥挤。
2.3.6 我的产品装饰性更高。
3同产品功能下其他方案对比
在制作这款软件的同时，我制作了另一款备选方案—“爵乐”。“爵乐”软件针对于喜爱爵士乐的客户群体，版式上更偏向于主流设计。下面我们对“爵乐”的功能、形式、色彩等分析。
3.1导入页（如图3-1）
3.1.1 圆形划分页面版式，添加颜色处理高清照片，文案介绍功能主旨。
3.1.2 传统线条页面滑动符指示，引入启始页，清晰欢迎按钮。
3.1.3 右上角跳过按钮过小，虽不符合用户需求，但极大符合开发商的初衷。
3.2启始页、注册页、登录页（如图3-2）
3.2.1 启始页：MBE简易流线型LOGO，单色微渐变底色烘托爵士乐的格调和迷离氛围。粉色渐变字体设计凸显音乐APP的灵动感。
3.2.2 注册页：照片单色渐模糊处理，与单色渐变融洽衔接为背景不突兀，分隔符分隔的两部分功能区。圆弧的信息栏稍显笨拙但与LOGO呼应。
3.2.3 登录页：基本同上。
3.3本周精选、本周排名、主页面（如图3-3）
3.3.1 本周精选：单色系微渐变底色，沉浸式状态栏，是整体视觉面积感觉变大和统一，滑动放大BANNER交互体验增添趣味。热区大小如规定（人机工程学）。
3.3.2 本周排名：列表式，每部分分隔较宽。视觉不拥挤。
3.3.3 主页面（爵动态）：大型圆弧任务栏及状态栏采取沉浸式，新颖统一，与LOGO呼应，卡片层叠同色系装饰背景增加层叠感。功能按钮半透明底色强调易找寻。
3.4播放页面（如图3-4）
播放页面两种模式：
3.4.1 歌词模式：毛玻璃处理图片为背景，精简易操作播放板块，其他功能统一于右上角按钮处。
3.4.2图片模式：唱片图案，层叠排列可滑动查看，方形设计，较圆形来说，更清晰，图片内容损失少。单色系微渐变背景，教歌词模式播放栏更清晰。
3.5个人中心页、爵关注、爵士馆、搜索页面（如图3-5）
3.5.1 个人中心页：单色微渐变MBE的ICON，头像位于任务栏中央，标志页面对称分布。播放栏悬浮，MBE的按钮设计，与ICON相呼应。单色微渐变底色，加方形照片信息与播放页呼应。
3.5.2 一级页面-爵关注：添加互动功能，了解你喜欢的歌手或作者，发现新鲜动态，积极互动。同色系单色按钮，并非微渐变显得画面和按钮功能不凌乱。
3.5.3 一级页面-爵士馆：醒目大面积BANNER，第一眼了解每日最新音乐信息，大数据统计推荐个人可能感兴趣的音乐。发布近期相关音乐资讯新闻。
3.5.4 搜索页面：微渐变卡片式ICON按钮，提示查找类别，用户更轻松，如果底色非留白，字体选择白色与之呼应配合。如果文字在留白处，字体是相同微渐变或单色。
3.6比较分析
3.6.1 “爵乐”相较于我的第一版APP是单色系渐变，既显得活泼律动又统一整洁，粉色系基调较为主流。
3.6.2 大多数页面排版对称分布，均衡稳重。
3.6.3 页面留白运用较好。较第一版APP更清新。
3.6.4 新视觉技术运用更广泛，但样式更传统。
3.6.5 装饰性及审美趣味：行活大于“爵乐”大于第一版APP
3.6.6 “爵乐”较第一版APP逻辑较为清晰，功能实现更高稳定。
结语
通过分析对比市场主流音乐APP及同类APP方案“爵乐”，我制作的第一款软件，色调明快、版式等创新度高、可适配性高、定制及简便、功能单一、排版概念化、更具形式感，但整体逻辑性欠佳。作为现当代的设计类学生，所做的概念性设计虽没有上线被大众使用，但在设计上更应大胆突破，勇于创新，积极探索。习近平倡导“科技是第一生产力、创新是引领发展第一动力”，创新对审美格调的提高有积极的作用。更要注重审美与功能相结合，设计产品应使二者相互融合。注重功能的完善就会形成功能美，形式感应依附于功能，为功能服务。通过专业领域的学习及课余的设计实践，我会进一步提高自身专业能力。
1音乐APP功能分析
1.1产品功能定位
因为这是一个小众APP，解决客户的需求点是简洁轻松。而主流音乐APP往往包含“视”、“听”、“唱”、“社交”、“互动”及其它商业内容，功能过于繁杂。因此我们将此APP功能设计为“听”和“偏好定制”，通过用户大数据统计，希望找到对味音乐更轻松便捷。功能思维导图如下。（如图1-1）
1.2产品结构
低保真产品原型图如下（如图1-2）。本图介绍该APP的页面分级和排版分布。鉴于主流APP已培养出的用户习惯和人机工程学对操作失误形成误触的解决方案，我们也将主菜单放在页面上部。
1.3页面分析
1.3.1起始页
起始页功能：介绍APP的特色，使用户能直接了解产品特性。本APP特色如下（如图1-3）：
1.3.1.1 多色系渐变与单色系微渐变对比，使画面功能区分开来。
1.3.1.2 大量曲线应用，让音乐的抽象律动及丰富性更直观表现出来，增强起始页面导入的功能 。也有高山流水遇知音的美意。
1.3.1.3 超大字体已然超出页面是希望 繁忙的都市生活节奏可以在这一刻得到放松和释放的感觉，同时文字部分介绍本产品的亮点。
1.3.1.4 页面下方的页面分割符号采取了创新，不仅清晰说明了页面排序及导向，也十分活泼富有节奏感。
1.3.2个人页面
个人页面：用户主页的相关信息。个人页面特色如下（如图1-4）：
1.3.2.1 “毛玻璃”状态栏，它是苹果系统最早运用，目前安卓也在使用。半透密、可视化，不会阻挡视线，安心，视野更广，能更大范围看到页面内容。
1.3.2.2 安卓卡片式播放栏，简洁内容清晰，操作简便，不易误触，悬浮式播放栏，卡片式微投影更有层次感，热区数据使用标准式，符合人机工程学。
1.3.2.3 个人主页和个人内容页的版式有所创新，不规则几何形按钮和粘连式按钮，更凸显了音乐app的律动感。
1.3.3登录页、数据统计页面
登录页：面功能清晰，已有的大众用户习惯无需过多繁复的解释和重新培养。（如图1-5）
数据统计页面：偏好定制基于大数据统计的方法，用户可根据自己的喜好来筛选未来系统的曲目推荐。（如图1-6）
1.3.4我的收藏、设置菜单、歌单广场
我的收藏：搜索ICON，采取象征式音符实心的形式，生动可爱且简洁。用户也容易辨识功能用途。卡片式对称排列，清晰整洁，卡片之间空隙较大，能使背景更大范围显现出来，更具装饰感。但在一般的行活里，会最大程度放大功能，但容易误触。收藏增加了点赞功能，利于大数据对用户喜好的统计。（如图1-7）
设置菜单：粘连式按钮设计，与主页面黄色调渐变不同，是温馨的粉蓝色系微渐变，有了很好的区分。主页面加了阴影微模糊，与菜单页面形成了明显的主次对比，有视觉层次感。退出按钮与渐变色调一，统一了画面，也使得用户不易察觉，继而不易退出，避免客户流失。（如图1-8）
歌单广场：推荐最新歌曲资讯，热门歌单等功能。卡片式功能项，精致的圆角处理，与整体弧线相吻合，又使画面富有灵动生气。右下角加播放按钮，可方便用户体验。层迭式BANNER，滑动质感，富有趣味性。（如图1-9）
1.3.5歌单页、发现音乐、主题页
歌单页：BANNER图文分割式排版，图文结合，功能综合，可互动点赞。分享ICON音符象征意义实心，可爱与扎实并存，也更容易使用户发现。（如图1-10）
发现音乐：卡片式排列，简洁清晰，使得都市压力大的生活，感受放松和精简信息的介绍。项目间的间隔也在标准热区的基础上拉大，增加放松感，但保证图文清晰。（如图1-11）
主体页：发现音乐的次级页面。图文介绍音乐的相关资讯，增加互动功能，如点赞留言，使app也有较小的社交功能。使用户能找到志同道合，喜好相同的朋友。浮动式播放栏不在沉底处，可根据习惯放置，防止误触。（如图1-12）
1.3.6播放页、每日一推
播放页：双进度条丰富了画面，唱片式加图片的旋转，虽然唱片环绕进度条没有操作功能，但增加了仿真趣味。简洁清晰的播放操作区基于已有的用户习惯而定，较少用的功能收集在综合按钮中。（如图1-13）
每日一推：卡片式排列，微投影增加层次感，可直接点击播放，功能清晰简单，播放与分享，更易找到相同喜欢的人群。如果不喜欢，可以换一批推送，增加数据统计的精确性。单独的播放栏，是卡片式，不影响用户之前的播放，独立播放，回到上级页面可切换回自己的播放列表。（如图1-14）
2市场上同类产品设计对比
2.1酷狗音乐（功能、形式、色彩等分析）（如图2-1）
2.1.1 传统导入页面，介绍版式更新内容及功能，标准页面滑动符。
2.1.2 安卓特色卡片式扁平化ICON。
2.1.3 仿生唱片播放栏。
2.1.4 长条banner，专业行活放大功能项，减少空隙留白，商业用途浓重。
2.1.5 主色调单色系，菜单栏基本无装饰，MBE精简线条ICON（个人页面）。 2.1.6 APP功能繁多，包含看、听、唱和互动（直播）。
2.2网易云音乐（功能、形式、色彩等分析）（如图2-2）
2.2.1 安卓特色卡片式扁平化ICON和MBE精简线条ICON組合运用。
2.2.2 简洁隐藏播放栏。
2.2.3 长条banner，专业行活放大功能项，减少空隙留白，商业用途浓重但更偏向于新闻用途。
2.2.4 主色调单色系，菜单栏基本无装饰，MBE精简线条ICON（次级页面）。
2.2.5 APP功能繁多，包含看、听、和社交。
2.3比较分析
市场上的APP产品被称作“行活”，因此它更注重商业用途及开放商利益。“行活”没有褒贬义的感情色彩，只是一类产品的设计方式。而我们在做概念性设计时思考方式与其不同，更注重式样和功能的创新探索。形成了如下对比：
2.3.1相较于行活，我的导入页面版式新颖，运用了新的色彩搭配。
2.3.2 相较于行活，我的产品功能更简洁，对客户的需求更有针对性。
2.3.3 我的产品审美趣味高，在整体形势上更大胆。
2.3.4 然而行活的逻辑较我的产品逻辑性更强，功能整合更完善。
2.3.5 行活在“热区”（人机工程学）的设定中，使功能区域最大化，易发生误触，视觉压迫拥挤。
2.3.6 我的产品装饰性更高。
3同产品功能下其他方案对比
在制作这款软件的同时，我制作了另一款备选方案—“爵乐”。“爵乐”软件针对于喜爱爵士乐的客户群体，版式上更偏向于主流设计。下面我们对“爵乐”的功能、形式、色彩等分析。
3.1导入页（如图3-1）
3.1.1 圆形划分页面版式，添加颜色处理高清照片，文案介绍功能主旨。
3.1.2 传统线条页面滑动符指示，引入启始页，清晰欢迎按钮。
3.1.3 右上角跳过按钮过小，虽不符合用户需求，但极大符合开发商的初衷。
3.2启始页、注册页、登录页（如图3-2）
3.2.1 启始页：MBE简易流线型LOGO，单色微渐变底色烘托爵士乐的格调和迷离氛围。粉色渐变字体设计凸显音乐APP的灵动感。
3.2.2 注册页：照片单色渐模糊处理，与单色渐变融洽衔接为背景不突兀，分隔符分隔的两部分功能区。圆弧的信息栏稍显笨拙但与LOGO呼应。
3.2.3 登录页：基本同上。
3.3本周精选、本周排名、主页面（如图3-3）
3.3.1 本周精选：单色系微渐变底色，沉浸式状态栏，是整体视觉面积感觉变大和统一，滑动放大BANNER交互体验增添趣味。热区大小如规定（人机工程学）。
3.3.2 本周排名：列表式，每部分分隔较宽。视觉不拥挤。
3.3.3 主页面（爵动态）：大型圆弧任务栏及状态栏采取沉浸式，新颖统一，与LOGO呼应，卡片层叠同色系装饰背景增加层叠感。功能按钮半透明底色强调易找寻。
3.4播放页面（如图3-4）
播放页面两种模式：
3.4.1 歌词模式：毛玻璃处理图片为背景，精简易操作播放板块，其他功能统一于右上角按钮处。
3.4.2图片模式：唱片图案，层叠排列可滑动查看，方形设计，较圆形来说，更清晰，图片内容损失少。单色系微渐变背景，教歌词模式播放栏更清晰。
3.5个人中心页、爵关注、爵士馆、搜索页面（如图3-5）
3.5.1 个人中心页：单色微渐变MBE的ICON，头像位于任务栏中央，标志页面对称分布。播放栏悬浮，MBE的按钮设计，与ICON相呼应。单色微渐变底色，加方形照片信息与播放页呼应。
3.5.2 一级页面-爵关注：添加互动功能，了解你喜欢的歌手或作者，发现新鲜动态，积极互动。同色系单色按钮，并非微渐变显得画面和按钮功能不凌乱。
3.5.3 一级页面-爵士馆：醒目大面积BANNER，第一眼了解每日最新音乐信息，大数据统计推荐个人可能感兴趣的音乐。发布近期相关音乐资讯新闻。
3.5.4 搜索页面：微渐变卡片式ICON按钮，提示查找类别，用户更轻松，如果底色非留白，字体选择白色与之呼应配合。如果文字在留白处，字体是相同微渐变或单色。
3.6比较分析
3.6.1 “爵乐”相较于我的第一版APP是单色系渐变，既显得活泼律动又统一整洁，粉色系基调较为主流。
3.6.2 大多数页面排版对称分布，均衡稳重。
3.6.3 页面留白运用较好。较第一版APP更清新。
3.6.4 新视觉技术运用更广泛，但样式更传统。
3.6.5 装饰性及审美趣味：行活大于“爵乐”大于第一版APP
3.6.6 “爵乐”较第一版APP逻辑较为清晰，功能实现更高稳定。
结语
通过分析对比市场主流音乐APP及同类APP方案“爵乐”，我制作的第一款软件，色调明快、版式等创新度高、可适配性高、定制及简便、功能单一、排版概念化、更具形式感，但整体逻辑性欠佳。作为现当代的设计类学生，所做的概念性设计虽没有上线被大众使用，但在设计上更应大胆突破，勇于创新，积极探索。习近平倡导“科技是第一生产力、创新是引领发展第一动力”，创新对审美格调的提高有积极的作用。更要注重审美与功能相结合，设计产品应使二者相互融合。注重功能的完善就会形成功能美，形式感应依附于功能，为功能服务。通过专业领域的学习及课余的设计实践，我会进一步提高自身专业能力。