设计与制作“校缘通”App项目—— 界面设计7.3 技能提升.pptxVIP

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打开Figma

7.3.2运用AIGC查找页面问题7.3.2运用AIGC查找页面问题（2）选择工具栏搜索插件，输入SpecAI选择打开“SpecAI：EnhanceUI/UX，AccessibilityCopywithAI”，如图7-24所示。7.3技能提升图7-24搜索插件SpecAI

7.3.2运用AIGC查找页面问题7.3.2运用AIGC查找页面问题（3）初次使用需要登录，登录后选择页面并点击继续，如图7-25所示。（4）继续选择页面，点击Review，如图7-26所示。7.3技能提升图7-25点击按钮图7-26点击Review

7.3.2运用AIGC查找页面问题7.3.2运用AIGC查找页面问题（5）在对话框上方选择问