创新类的UI设计调研报告.docVIP

创新类的UI设计调研报告 第 PAGE \* Arabic \* MERGEFORMAT 21 页第 PAGE \* Arabic \* MERGEFORMAT 21 页 艺术设计学院数字媒体艺术系 本科毕业设计调研报告 数字媒体艺术系制 一、课题概述 前言 本次毕业设计选题是创新类的UI设计。主要针对养有宠物、对宠物有兴趣以及热爱宠物的人。围绕以宠物为相关内容的创新APP,制作内容包括接受宠物日常饮食健康、宠物及宠物用品和服务的线下平台交易、宠物医院地理位置查询、以朋友圈为基底所打造的大型宠物社交圈等。 1.1?课题的背景、目的、意义 主打宠物社交与宠物服务，集宠物社区分享、宠物成长记录、宠物资讯获取、在线专家答疑、实用养宠工具、智能设备管理、游戏中心等功能于一体。用户可通过在线分享图片视频或发帖、寻找身边的宠物结交宠友，同时可利用语音、文字、视频等IM功能提供高效快捷的沟通渠道，构建趣味和谐的宠物社区。 1.2?课题的设计理念阐释 随着社会经济的发展和城市化进程的加速，人们精神生活与物质生活的不断改善，独生子女家庭和丁克家庭的普及等客观因素的凸出，人民的休闲、消费和情感寄托方式也呈多样化的发展,使得宠物已经成为我们生活中重要的成员。这款APP就是专门给爱宠人士所设计，可以在上面解决一切关于宠物的问题和需求。 1.3?预期的设计调性及目标 设计调性：app的整体调性是可爱亮眼的风格，注重爱宠人士的刚性需求和社交平台，界面划分清晰，信息全面但要亢长凌乱。 二、调研过程与方法 首先自制一个调查问卷，确定好的APP的吸引力和卖点在哪几个方面, 确定设计风格符合当前同类宠物APP的潮流。确定资料来源、调查方法、调查手段、抽样方案和联系方法。调查方法： 四、APP分析 4.1 同类APP分析：APP结构，主页内容，设计风格 图1-1 图1-2 图1-1、1-2来源：有宠APP 1 整体配色太过简洁，颜色不够亮眼。 2 一个页面内容过多，排版杂乱无章，视觉效果很差。 3 UI设计不够突兀。 4 标签字体之间联系性不强，推送消息没有吸引力，没有统一性。 整体风格很不协调，信息内容太过凌乱，抓不住主体，配色不够亮眼。 分类不够明确，小标题的视觉效果较差。没有让人点进去的欲望。 图1-3 图1-3来源：小狗在家HYPERLINK /detail/2997173759.html?tab=0 APP 这个配色就十分舒适，信息的规整也做得很不错。整体界面设计可爱又不失简洁，UI设计也比较有新意，功能性也突出，整体很不错。 4.2 意向APP分析，即可能的设计方向 图2-1 图2-1来源：小狗在家app 页面简洁清晰，banner的设计很有吸引力。用丰富又柔和的颜色，非常具有趣味性。整体配色十分协调，视觉效果也很强。 图2-2 小狗在家APP 网页的UI部分，用比较可爱靓丽的颜色显得不那么单调，banner栏让人觉得很生动有趣，增加了趣味性和互动感。很值得借鉴的一步。 图2-3 图2-4 图2-3\图2-4来源：握爪APP 配色很温和又不失重点，排版不显凌乱，十分舒适。 图片与文字的排版也很协调，字体的选择和大小很有节奏感。 适度的趣味UI十分讨喜。 联系页面的功能性体现的很准确，诉求点的阐述也很到位。 图2-5 图2-5来源 狗狗去哪儿APP 非常具有特色的排版。但是UI和宠物不太有关联性 Banner栏可以左右滑动。 整体风格较为日系和简洁。 简洁却个性分明，让人印象深刻。 五、设计趋势分析 5.1 主页布局趋势 图3-1 图3-2 原图3-2来源：美团APP 主页页面想按照大众点评或者美团的这种布局走向，思路清晰指向明确。但大众店铺主体页面较乱，理应改进。 导航栏虽然所占布局很小，但是因为页面整体简洁，因此功能性并未消失。反倒非常相得益彰，整体性很强。 5.2 子页布局趋势 图4-1 图4-2 图4-14-2来源：狗狗去哪儿APP 页面整体布局非常大气简洁。配色也十分干净优雅。 5.2 菜单互动方式趋势 图5-1 图5-2 图5-1来源： HYPERLINK / 小狗在家APP Bannr栏为动态GIF趣味图，给使用者亮眼的感觉。 图5-2来源：小狗在家APP 左右滑动banner栏可以转换区块，互动性较强。 5.3 技术趋势? 图6-1 在社交圈发布萌宠动态的时候，可以用APP内的照片编辑功能添加滤镜和贴图水印等内容。使用户发布的照片更加有趣味性。 六、调研结论与APP内容与功能规划 6.1 APP功能与内容设定。 主打宠物社交与宠物服务，集宠物社区分享、宠物成长记录、宠物资讯获取、在线专家答疑、实用养宠工具、智能设备管理、游戏中心等功能于一体。用户可通过在线分享图片视频或发帖、寻找身边的宠物结交宠友，同