各种设备上的网络浏览量正在迅速增长。要发展在线业务，创建一个能在各种屏幕尺寸上运行的网站至关重要。响应式网页设计是一种方法，旨在创建能在所有屏幕尺寸和分辨率下有效呈现的网页，确保更好的可用性。开发人员用于开发网络应用程序的另一种方法是移动优先设计。它首先侧重于为小屏幕设计产品，然后逐步扩展到更大的屏幕尺寸。其他针对不同屏幕尺寸的网站优化方法包括自适应设计和流体设计。媒体查询是 CSS 样式的过滤器，可根据用户设备的屏幕尺寸修改网站或应用程序的外观。随着开发人员广泛使用响应式网页设计，遵循其最佳实践至关重要。 开发人员在推出网站或应用程序之前，应通过跨浏览器或响应式测试对其进行测试。渐进式网络应用程序（PWA）使用网络技术为用户提供类似应用程序的体验。这些应用程序使用各种框架和模式，使其能够同时利用网络和本地应用程序的功能。单页面应用程序（SPA）使网站更像桌面应用程序，通过减少后续页面之间的滞后时间，提供更流畅、更愉快的体验。服务工作者是 PWA 不可分割的一部分。它们可以实现离线访问、快速加载、推送通知和其他功能。通过添加功能和修改代码，可以将网站转化为 PWA，使其在移动设备上表现得像一个应用程序。PWA 应用程序可以提供类似本地应用程序的功能，甚至可以在后台更新内容，以便用户可以查看最新的内容。

Figma 是一款基于网络的设计工具，用于创建用户界面、图标、线框图和原型。它的独特功能可让设计师高效地创建和协作数字设计。Figma 的核心概念包括框架、组件和层。框架是将相关元素组合在一起并在设计中创建部分的一种方法。图层有助于管理框架内各个元素的可见性和定位。Figma 中的组件功能使设计人员能够构建可重复使用的设计组件，这些组件可以在不同页面和文件中实时更改和更新。组件可以组织成库，便于团队成员访问和共享。样式也可应用于组件，如排版、颜色和效果，以保持整个设计的一致性。卡片和布局是 Figma 的附加功能，有助于将相关内容和操作归类到一个灵活、可扩展的容器中。Figma 还提供各种图像形状和设计工具，包括矢量形状、图像、图标、文本和插件。要设置和配置 Figma，用户需要创建一个账户，选择一个计划，并自定义自己的工作区偏好。

在本模块中，您将使用 Figma 和 Thunkable 设计并创建一个交互式销售应用程序。Figma 是一款功能强大的用户界面设计工具，用于为网络和移动应用程序创建线框、原型和高保真设计。Thunkable 是一款网络应用程序，以 "拖放 "风格的可视化编程概念而闻名，因此每个人都很容易理解，并有助于创建交互性很强的基于移动的网络应用程序。要创建交互式销售应用程序，您可以使用 Figma 设计布局和功能，将 Figma 资产导出到 Thunkable，使用预置组件构建功能，并在移动设备上或使用网络预览测试应用程序。