目录

  • 1 UI界面基础
    • 1.1 手机UI设计相关基本概念
      • 1.1.1 什么是UI设计
      • 1.1.2 什么是APP/客户端
      • 1.1.3 智能手机的操作系统有哪些
      • 1.1.4 UI专业术语认知
      • 1.1.5 交互设计七大定律
    • 1.2 UI设计与项目流程步骤
      • 1.2.1 UI设计与产品团队
      • 1.2.2 App界面设计实战之准备工作
      • 1.2.3 界面的原型设计
    • 1.3 UI设计与项目流程步骤
      • 1.3.1 各设备尺寸标准一览
      • 1.3.2 UI规范
      • 1.3.3 UE/UX用户体验设计基础认知
    • 1.4 UI设计的工具
    • 1.5 图标尺寸大小与格式建议
      • 1.5.1 图标尺寸大小
      • 1.5.2 图标格式建议
    • 1.6 APP布局说明
    • 1.7 熟悉各系统组件
      • 1.7.1 Android的基础UI组件
      • 1.7.2 iOS的基础UI组件
    • 1.8 界面设计的配色技巧
  • 2 UI界面设计常用元素制作
    • 2.1 常见控件的制作
      • 2.1.1 UI控件
      • 2.1.2 导航栏
      • 2.1.3 轮播点&选项卡
      • 2.1.4 TAB栏
      • 2.1.5 搜索框
    • 2.2 图片效果处理
      • 2.2.1 半透明背景
      • 2.2.2 画中画效果
      • 2.2.3 镜面效果
    • 2.3 App界面设计实战之登录页面
  • 3 实战篇—UI界面设计风格
    • 3.1 常用图标设计风格
      • 3.1.1 像素风格
      • 3.1.2 剪影2D风格
      • 3.1.3 扁平化风格
      • 3.1.4 写实风格
      • 3.1.5 3D风格
      • 3.1.6 MEB风格
    • 3.2 实战篇——扁平化风格
      • 3.2.1 布尔运算
        • 3.2.1.1 扁平化案例-优惠券
      • 3.2.2 扁平化案例-日历制作
    • 3.3 拟物化
      • 3.3.1 轻拟物写实-相机
      • 3.3.2 轻拟物写实-按钮
      • 3.3.3 轻拟物写实-勋章
    • 3.4 线性图标
  • 4 UI动效设计
    • 4.1 Tab栏图标动效
    • 4.2 导航动效
    • 4.3 界面动效
      • 4.3.1 App界面卡片切换动效
  • 5 【0】游戏UI设计师养成计划
    • 5.1 【课程思政】UI设计师的职业素养与职业能力
    • 5.2 【课程思政】UI设计与中国传统文化的应用与传播
    • 5.3 【立德树人】游戏UI设计如何传递积极社会价值观
    • 5.4 【人文关怀】游戏UI设计中的心理健康促进和护眼理念
    • 5.5 【行业新成果】角色详情界面案例赏析
    • 5.6 【行业新发展】人工智能与UI设计
    • 5.7 【行业新发展】探索手机游戏UI设计
    • 5.8 【行业新发展】游戏UI设计行业前沿资讯
    • 5.9 【1+X直通车】游戏美术设计职业技能等级标准
    • 5.10 【1+X直通车】游戏美术设计职业技能要求
    • 5.11 【企业导师连线】UI设计师的职业发展与未来挑战
    • 5.12 【企业导师连线】探索游戏UI设计前沿
  • 6 【1】UI设计理论基础
    • 6.1 交互设计7大定律(上)
    • 6.2 交互设计7大定律(下)
    • 6.3 界面的原型设计
    • 6.4 界面的配色技巧
  • 7 【2】动出活力—生活时尚类手机APP UI设计全流程
    • 7.1 【项目任务单】
    • 7.2 【前导内容】
    • 7.3 运动时尚类手机APP应用UI设计全流程1
    • 7.4 运动类时尚手机app应用UI设计全流程2
    • 7.5 运动时尚类手机APP应用UI设计全流程3
    • 7.6 运动时尚类手机APP应用UI设计全流程4
    • 7.7 【课堂活动】
    • 7.8 【随堂试卷】
  • 8 【3】东方意境游戏UI界面全流程制作
    • 8.1 【项目任务单】
    • 8.2 【前导内容】
    • 8.3 卡通国风界面笔刷设计与制作
    • 8.4 卡通国风界面原型设计及制作
    • 8.5 卡通国风图标及按钮设计-按钮设计
    • 8.6 卡通国风图标及按钮设计-图标设计
    • 8.7 卡通国风详情界面制作及细化-详情界面制作
    • 8.8 卡通国风详情界面制作及细化-界面细化
    • 8.9 【课堂活动】
    • 8.10 【随堂试卷】
  • 9 【4】中式古风风格UI全流程制作
    • 9.1 【项目任务单】
    • 9.2 【前导内容】
    • 9.3 国风中式古风界面底框绘制
    • 9.4 中式古风界面标签栏绘制-图稿绘制
    • 9.5 中式古风界面标签栏绘制-上色绘制
    • 9.6 【课堂活动】
    • 9.7 中式古风界面分类选项栏绘制-主体绘制
    • 9.8 中式古风界面分类选项栏绘制-周边元素绘制
    • 9.9 中式古风界面详情栏绘制-左侧详情绘制
    • 9.10 中式古风界面详情栏绘制-右侧详情绘制
    • 9.11 【随堂试卷】
  • 10 【5】AIGC在UI设计中的使用
    • 10.1 【项目任务单】
    • 10.2 AI绘图工具参数介绍
    • 10.3 AI绘图中的提示词使用技巧
    • 10.4 AI绘图中的图生图使用技巧
    • 10.5 【课堂活动】
    • 10.6 游戏斧头图标的AI绘制:线稿绘制
    • 10.7 游戏斧头图标的AI绘制:炼图技法
    • 10.8 游戏斧头图标的AI绘制:上色及修正
    • 10.9 游戏斧头图标的AI绘制:细化
    • 10.10 【随堂测验】
  • 11 【6】动出活力—生活时尚类手机APP UI动效设计
    • 11.1 【项目任务单】
    • 11.2 用户体验设计
    • 11.3 UI设计中的动效设计
    • 11.4 动效设计中的设计类型及动画效果
    • 11.5 动效设计方案
    • 11.6 手环页面展示动效
    • 11.7 鞋子页面展示动效
    • 11.8 【课堂活动】
    • 11.9 【随堂试卷】
【随堂测验】

项目五:AIGCUI设计中的使用

随堂试卷

一、单选题:

 

1.AI绘图中,提示词(Prompt)的主要作用是什么?

A. 作为用户与AI绘图系统之间的描述性文字

B. 作为AI绘图系统的评价标准

C. 作为图像的版权信息

D. 作为用户的身份验证

 

2.AI绘图工具Stable Diffusion中,哪个参数用于控制图像的纵深感?

A. 重绘幅度

B. 重绘尺寸

C. 深度控制

D. 控制类型

 

3.图生图功能的核心优势不包括以下哪项?

A. 风格转换

B. 图像编辑

C. 内容生成

D. 手动绘画

 

4.在使用Stable Diffusion进行图像生成时,以下哪个步骤通常不是必要的?

A. 启动SD软件及预处理设置

B. 选择模型和生成图像

C. 进行图像的物理绘制

D. 参数调整与细节优化

 

5.AI绘图工具Stable Diffusion的工作原理是基于什么模型?

A. 生成对抗网络(GANs

B. 变分自编码器(VAEs

C. 扩散模型

D. 以上都是

 

 

二、多选题:

 

1.提示词通常包含哪些方面?

A. 主题

B. 风格

C. 颜色

D. 技术或效果

 

2.AI绘图中,图生图功能的优势包括哪些?

A. 风格转换

B. 图像编辑

C. 内容生成

D. 数据增强

 

3.Stable Diffusion中,重绘幅度的作用是什么?

A. 控制图像的分辨率

B. 控制重绘的发散性程度

C. 增加图像的噪点

D. 控制图像与原图的差异性

 

4.AI绘图工具参数介绍中,ControlNet插件的功能包括哪些?

A. 动作控制

B. 深度控制

C. 线稿控制

D. 颜色控制

 

5.AI绘图中,图像的布局重绘功能通常用于什么?

A. 修正细节问题

B. 改变图像的整体风格

C. 针对特定部分进行优化

D. 增加图像的尺寸

 

三、判断题:

 

1.提示词是AI理解和创造图像的基础,它告诉AI绘图系统用户想要创建的图像类型、风格、颜色、元素等细节信息。(对/错)

 

2.Stable Diffusion中,重绘尺寸参数不能调整图像的宽高。(对/错)

 

3.图生图功能不能用于艺术创作。(对/错)

 

4.AI绘图中,涂鸦工具的参数项和图生图完全不同。(对/错)

 

5.AI绘图工具Stable Diffusion的工作原理是基于扩散模型。(对/错)

 

 

四、简答题:

 

1.描述在AI绘图中,如何使用提示词来生成特定风格或主题的图像。

 

 

 

 

 

 

2. 解释在Stable Diffusion中,图生图功能是如何帮助设计师从现有图像出发,创造出多样化的设计和艺术作品的。

 

 

 

 

 

 

五、实操题:

 

1.根据课程内容,使用文生图功能,制作药水瓶图标。并详细写出制作流程及制作要点。

 

 

 

 

 

 

 


 

 

参考答案

一、单选题答案:

1.A. 作为用户与AI绘图系统之间的描述性文字

2.C. 深度控制

3.D. 手动绘画

4.C. 进行图像的物理绘制

5.D. 以上都是

二、多选题答案:

1.A. 主题, B. 风格, C. 颜色, D. 技术或效果

2.A. 风格转换, B. 图像编辑, C. 内容生成, D. 数据增强

3.B. 控制重绘的发散性程度, D. 控制图像与原图的差异性

4.A. 动作控制, B. 深度控制, C. 线稿控制

5.A. 修正细节问题, C. 针对特定部分进行优化

三、判断题答案:

1. 对

2. 错

3. 错

4. 错

5. 对

 

四、简答题答案:

1.在AI绘图中,使用提示词来生成特定风格或主题的图像,用户需要提供详细的描述性文字,这包括图像的主要内容(主题)、期望的艺术风格(风格)、主要颜色或色调(颜色)、特定元素的详细描述(细节描述)、图像传达的感觉(情感或氛围),以及想要在图像中使用的特定技术或效果(技术或效果)。这些元素共同构成了一个有效的提示词,AI绘图系统将根据这些信息生成图像。

 

2.在Stable Diffusion中,图生图功能允许设计师上传一张现有的图像,并利用AI算法生成新图像。这个过程可以通过风格转换来实现,比如将一种艺术风格应用到另一张图像上。设计师还可以使用图像编辑功能,在不手动修改原始图像的情况下,自动对图像进行编辑和调整。此外,内容生成允许根据文本描述或现有图像生成具有特定内容或主题的新图像。图生图功能通过这些方式帮助设计师快速地从现有图像出发,创造出多样化的设计和艺术作品。

 

五、实操题答案

根据提示步骤完成相应页面即可得60分;若设计功能完整则可得75分;若有创新点可酌情加分。