本页面由英文自动翻译而成，内容中可能存在翻译错误

原型设计软件基础知识#

注意： LinkedIn Learning 资源正在逐步替换中。

在本课中，我们将学习如何使用原型设计软件（Adobe XD 或 Figma）将纸笔草图转化为数字线框图。您将了解构成数字原型文件的各种元素，以及如何使用绘图工具向布局中添加形状、文本和图像。请点击您选择的软件链接，并完成以下任务。

• Adobe XD
  • 请观看 Adob​​e XD LinkedIn Learning 课程第 1、3 和 4 章的视频：https://www.linkedin.com/learning/learning-adobe-xd-2020/home-screen
  • 精通 Adob​​e XD：https://youtube.com/playlist?list=PLuQZzG-z6zBJvcSTgDleHPDyqRUXYkA6c
• Figma
  • 请观看 Figma LinkedIn Learning 课程第 1、2 和 3 章的视频。课程：https://www.linkedin.com/learning/figma-essential-training-the-basics/the-basics-of-figma
  • Figma 入门：https://help.figma.com/hc/en-us/sections/360006537574-Get-started
  • Figma 新手教程：https://www.youtube.com/watch?v=wvFd-z7jSaA

任务#

观看提供的视频教程，了解软件界面，重点学习在屏幕上绘制元素等基础知识。选择以下应用之一：

• 宜家
• UberEats
• Instagram
• WhatsApp/微信
• Spotify/Apple Music/YouTube Music
• App Store/Play Store

此任务要求您复刻所选移动应用的用户界面 (UI)。从应用中选择一个屏幕[^1]，可以是主屏幕或应用的任何其他部分。尽可能完美地复刻界面。您设计的是静态 UI，而不是交互式 UI，也就是说，无需考虑滚动或触摸/悬停效果，只需专注于视觉设计。复制界面，并创建每个元素。

提交： 截取您作品的屏幕截图，显示您设计的 UI 以及 Adob​​e XD 或 Figma 中的图层面板，您创建的元素应在图层面板中可见。如有需要，请上传至论坛。

[^1]：与文档以页数衡量类似，移动应用和网站等将在数字屏幕上显示的软件以屏幕数衡量。想想你启动手机时看到的界面（主屏幕/桌面），或者打开应用时看到的界面。每个新的布局都被视为一个屏幕。