《UI设计-AIGC驱动赋能界面完美设计》课件 7.3 技能提升_第1页
《UI设计-AIGC驱动赋能界面完美设计》课件 7.3 技能提升_第2页
《UI设计-AIGC驱动赋能界面完美设计》课件 7.3 技能提升_第3页
《UI设计-AIGC驱动赋能界面完美设计》课件 7.3 技能提升_第4页
《UI设计-AIGC驱动赋能界面完美设计》课件 7.3 技能提升_第5页
已阅读5页，还剩2页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

077.3技能提升UI设计——AIGC驱动赋能界面完美设计7.3.1任务概述7.3.1

任务概述

通过AIGC技术，对界面元素进行智能化分析与问题查找，提高界面优化效率。查找内推包括垂直间距、规范网格布局与卡片组件样式，底部导航栏图标对齐与交互反馈。最终打造一个布局规范、视觉统一、交互流畅且专业美观的界面，显著提升用户使用体验与界面整体品质。7.3.2运用AIGC查找页面问题（1）以Figma插件SpecAI为例。复制首页.SVG格式首页到Figma中，如图7-23所示。7.3技能提升图7-23打开Figma7.3.2运用AIGC查找页面问题7.3.2运用AIGC查找页面问题（2）选择工具栏搜索插件，输入SpecAI选择打开“SpecAI：EnhanceUI/UX，Accessibility&CopywithAI”，如图7-24所示。7.3技能提升图7-24搜索插件SpecAI7.3.2运用AIGC查找页面问题7.3.2运用AIGC查找页面问题（3）初次使用需要登录，登录后选择页面并点击继续，如图7-25所示。（4）继续选择页面，点击Review，如图7-26所示。7.3技能提升图7-25点击按钮图7-26点击Review7.3.2运用AIGC查找页面问题7.3.2运用AIGC查找页面问题（5）在对话框上方选择问题“间距和对齐方式吗”，点击“发送”，如图7-27所示。（6）点击SAVE可将优化建议自动保存至操作面板，如图7-28所示。7.3技能提升图7-27提问AI图7-28Save保存7.3.2运用AIGC查找页面问题7.3.2运用AIGC查找页面问题（7）通过SpecAI对间距与对齐的分析，得到修改意见是统一内边距，将课程卡片内部的内边距统一设置为16像素，保持导航栏中图标与文本之间的间距一致。统一课程时间戳（如8:20-10:05）的摆放位置，将课程编号（如E513）对齐到同一基准线。课程卡片中图片与文本元素之间的内边距不一致。根据分析调整优化页面间距与对齐。（8）还可继续根据需求输入问题，之后根据建议调整页面，在AI助力下提升视觉整体效果。7.3技能提升巩固测练巩固测练一、判断题1.个人中心页只需展示用户基础信息，无需设置功能操作入口。2.在消息页面设计中，消息分类越细致、层级越多，用户浏览效率就越高。3.AIGC能够完全替代人工进行界面布局问题检查，无需设计师参与。二、简答题1.简述消息页面设计中信息分类的常见方法，并说明如何通过布局设计提升消息浏览效率。2.结校缘通pp的用户群体特点，分析个人中心页功能快捷入口的设计原则及需考虑的因素。3.阐述AIGC技术在界面布局问题检测中的优势与局限性，并举例说明如何结合人工检查弥补其不足。三、案例分析题1.分析某社交App的消息页面设计，指出其在信息分类、布

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论