UI设计与实践（中篇，共上中下3篇）.pptxVIP

项目三风格定位教师：XXX班级：XXXUserInterfaceDesign

风格定位的本质就是设计一套有利于竞争的视觉形象。在UI设计中，形成统一的设计风格不仅能给用户带来良好的使用体验，还有利于建立该产品的品牌形象。用户可以通过统一的设计风格加深对品牌的印象和认同感，同时，统一的风格定位能够方便设计团队制定与产品相关的设计规范，减少因设计风格不同而产生的沟通成本和修改成本，从而提高整体的工作效率。因此，掌握UI设计的风格定位，是开发系列UI界面的首要工作，本项目将从UI设计风格定位的步骤开始进行详细讲解。项目导读

学习指南?学习指南学习目标知识目标技能目标素质目标1.了解UI界面风格定位的基本范畴。2.了解UI界面风格定位的流程。1．能够根据产品需求完成一款产品的风格定位。2．掌握UI界面设计风格定位的基本方法。挖掘学生积极探索、勇于创新的精神。知识巩固基于一款自己喜欢的App，分析并思考其风格定位，尝试整理出该款App的基本色彩规范、文字规范和图标规范。

3.1??需求分析和梳理开发一款产品，确定产品UI设计风格定位，首先需要分析和梳理需求，包括梳理产品属性、了解目标用户、竞品分析3个方面。3.1.1?梳理产品属性梳理产品属性，确定产品定位，是确定UI设计风格的关键。互联网产品的属性分类随着人们需求的变化而不断创新和变化，目前互联网产品的属性大致可分为五大类，分别是社交媒体类、电商类、内容媒体类、工具和实用类、游戏娱乐类。

（1）社交媒体类产品：这类产品侧重于用户之间的交流、分享和社交关系建立，提供内容创作和社交互动的功能，如微信、QQ等应用程序。其UI设计通常采用明亮、轻松和友好的色彩，注重用户头像、照片和个人资料的展示，以及易于分享、评论和点赞的界面设计。（2）电商类产品：这类产品提供在线购物和交易服务，用户可以在平台上购买商品和服务，并进行支付和订单管理等操作，如淘宝、京东、拼多多等。其UI设计通常采用清晰简洁、直观易用的设计风格，重点展示商品图片、价格和购买按钮，提供多种筛选和排序功能，便于用户浏览和购买。

（3）内容媒体类产品：这类产品提供各种形式的媒体内容，如新闻、文章、视频、音频等，用于用户获取信息、娱乐和学习，如ZAKER、演示新闻、百家新闻。其UI设计根据不同类型的内容，界面风格可以多样化，但通常注重内容的呈现和分类，提供搜索、推荐和订阅等功能，以及清晰的阅读/观看界面。（4）工具和实用类产品:这类产品提供各种实用工具和服务，帮助用户提高工作效率、解决问题及获取所需的解决方案，如美颜相机、WPS等。其UI设计通常采用简约、整洁的设计，注重功能的可用性和操作的简易性，提供直观的操作界面和丰富的功能选项。（5）游戏娱乐类产品:这类产品提供多种娱乐和游戏体验，包括电子游戏、在线游戏平台、娱乐应用程序等，如王者荣耀、第五人格等。其UI设计根据游戏类型的不同，界面风格可以多样化，通常注重游戏画面、角色和操作控制的设计，以及简洁的用户界面和交互。

3.1.2?了解目标用户了解目标用户是UI设计中至关重要的一部分。为了实现设计的优化和创新，UI设计师可以通过市场调研、用户画像、用户测试、数据分析和竞品分析等方法来了解目标用户。1．明确目标用户明确目标用户，即了解用户群体的个性、气质、行为和习惯，通过研究和分析，挖掘出目标用户与产品可能存在的共性，为风格定位奠定整体基调。例如，网易云音乐初期的定位是一群音乐发烧友，所以通过对用户气质、行为的分析，定义了网易云音乐的主题基调为红、黑的组合，如图3-1所示。图3-1??网易云音乐产品风格基调

2．建立用户卡片明确目标用户群体，了解用户需求后，综合数据和信息采集，总结该用户群体的核心特征和痛点，通过建立用户卡片的形式，将目标用户形象化。用户卡片的信息元素一般包含用户基本信息（性别、年龄、职业、所在地）、用户特征、需求场景/使用场景、关注因素、行为过程、满意度等，如图3-2所示。图3-2??用户卡片示例

3．创建用户体验图用户体验旅程图是一种可视化手段，在产品设计中扮演着重要角色。它通过发现用户触点、行为、痛点、爽点及内心的想法，指导设计决策，以提升用户满意度。如图3-3所示。图3-3??途家App?用户体验地图示例

3.1.3?竞品分析从UI设计的维度来看，竞品分析是对竞争对手的产品进行综合评估和比较的过程。通过研究竞争对手的UI设计风格、交互模式、色彩运用、排版布局等方面，UI设计师可以了解当前市场上的最佳实践和趋势。色彩运用布局示例图3-4??竞品分析

3.2??产品风格创作产品风格创作阶段的工作量非常大，UI设计师需要先收集整理前期的用户调研资料、竞品分析资料、灵感资料和其他参考