《UI设计-AIGC驱动赋能界面完美设计》课件 1.1 关于UI设计

UI设计AIGC驱动赋能界面完美设计主编：邓永生罗迪胡艳数字媒体技术专业·校企双元新形态教材01项目一UI设计基础1.1关于UI设计定义·分类趋势·流程·职位1.2设计标准及规范iOS·AndroidHarmonyOS·B端1.3设计师能力模型冰山模型雷达图·两阶段策略UI设计——AIGC驱动赋能界面完美设计011.1关于UI设计

1.1关于UI设计UI（UserInterface，用户界面）的初衷是处理用户与产品界面的关系，而UI设计是指软件的人机交互、操作逻辑、界面美观的整体设计。一个好的UI设计，不仅让软件或网页有美感、有个性、有品位，还能让操作舒适、简单、自由。基于Windows操作系统的诞生，UI才真正被人们提及和重视。由此可见，UI设计本身已经不再是简单的视觉设计，而是将视觉设计与人的行为习惯、生活方式和用户在使用产品时的心理体验相结合的设计。1.1.1了解UI设计UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网常用的UI设计是虚拟UI。实体UI通常指的是物体与物体之间的接触面，也就是人和实物交互过程中的界面，比较常见的例子有汽车中控位置的按钮、方向盘以及游戏鼠标按键等。虚拟UI的定义则是人与软件交互过程的界面，众所周知的虚拟UI用户界面有微信和QQ的聊天界面、手机桌面、手机和电脑上看到的图标界面以及游戏的登录界面等。图1-1汽车方向盘和微信、QQ聊天界面1.1相关知识B端界面设计(Business)核心形式：数据可视化目标：高效办公、降本增效面向：商业机构与企业用户常见B端产品：办公协作类：钉钉、石墨、企业微信产品后台类：淘宝后台、微信后台平台工具类：微信公众平台资源管理类：CRM、SCM、ERP、OA数据可视类：腾讯云图、阿里云以业务为核心导向C端界面设计(Consumer)核心形式：网页与App界面目标：吸引用户、延长停留、促成消费面向：个人消费者群体常见C端产品：手机App：微信、QQ、抖音、淘宝社交媒体：微博、小红书视频平台：爱奇艺、优酷电商网页：京东、拼多多以用户为核心导向UI设计包括B端（数据可视化）界面设计、C端（网页）界面设计、手机端微信小程序界面设计等。可以说，只要有显示器的地方就有UI设计。1.1关于UI设计1.1相关知识1.1.2发展前景及趋势响应式设计自适应不同屏幕尺寸和分辨率提供一致的用户体验移动优化光学手指导航简化操作流程提高页面加载速度简化和清晰去除冗余元素提供直观导航更好的用户体验智能化和个性化智能推荐功能个性化定制服务根据用户偏好定制化体验VR/AR虚拟现实增强现实沉浸式交互体验就业前景数据2020—2030年，UI设计师的就业市场规模预计增长13%，增速高于各职业平均水平众多企业与机构愈发重视用户体验对产品及服务的重要价值，进一步助推UI设计师需求增长UI设计的发展前景和趋势充满活力和创新。随着移动设备的普及和技术的进步，UI设计正朝着响应式设计、移动优化、简化和清晰的风格、智能化和个性化以及虚拟和增强现实等方向发展。设计师注重自适应、简化操作、提升用户体验，并利用人工智能技术实现智能推荐和个性化定制。同时，虚拟现实和增强现实技术为UI设计带来新的可能性，使用户可以与数字内容进行沉浸式交互。这些趋势将继续推动UI设计向前发展，为用户提供更优秀的界面体验。1.1关于UI设计1.1相关知识1.1.3与平面设计的区别UI设计创建用户界面，应用于数字产品网站、手机应用、软件界面关注用户界面和用户体验需考虑交互设计、可用性常用工具：Sketch、AdobeXD平面设计以静态平面媒介为主海报、插图、标志、包装侧重静态视觉传达注重视觉表现和信息传达常用工具：Photoshop、Illustrator对比维度UI设计平面设计图1-8

平面设计——

宣传册图1-7UI设计——

Web端界面1.1关于UI设计1.1相关知识1.1.4UI设计流程1.需求调研阶段需求调研阶段的目的是全面了解用户和项目的需求，为后续设计阶段提供清晰基础①确定研究目标—明确研究目标和问题②定义受众和用户群体—确定用户特征、行为和需求③收集背景信息—了解业务需求、技术限制④选择合适的研究方法—访谈、问卷、竞品分析⑤进行用户访谈—深入了解用户需求与期望⑥进行问卷调查—广泛收集用户看法和偏好⑦竞争对手分析—了解优势、特点和不足⑧数据分析和整理—发现共性、趋势和问题⑨识别关键需求和洞察—总结核心设计洞察⑩形成需求报告—包括用户画像和问题陈述图1-9

需求调研流程

1.1关于UI设计1.1相关知识1.1.4UI设计流程UI设计——AIGC驱动赋能界面完美设计需求调研完成后，UI设计便进入设计制作阶段。通过前期的需求分析、用户研究等相关信息和数据，进行概念设计、界面设计、原型制作、评审与修改、编码开发、测试与优化、交付和发布等步骤，将设计转化为可视化界面并最终交付项目的过程。图1-10

设计制作流程

1.1关于UI设计1.1相关知识1.1.5UI设计职位划分

UI设计团队由专业的UI设计相关岗位人员组成，核心负责产品或项目的全流程界面设计工作。团队的规模与人员配置会根据公司规模