2026年UI设计（Figma）响应式设计专项训练卷.docxVIP

2026年UI设计（Figma）响应式设计专项训练卷

考试时间：______分钟总分：______分姓名：______

一、选择题（每题2分，共20分）

1.在Figma中，以下哪个功能最适合用于创建具有多状态（如默认、悬停、按下）的UI组件？

A.变体（Variants）

B.自动布局（AutoLayout）

C.样式（Styles）

D.图层（Layers）

2.当设计一个需要在移动端和桌面端显示的导航栏时，哪种响应式设计策略通常被认为是“移动优先”的体现？

A.首先为桌面端设计完整导航，再将其缩小适配移动端。

B.首先为移动端设计简洁导航，再扩展功能适配桌面端。

C.同时为移动端和桌面端设计两个完全独立的导航。

D.不考虑移动端，只设计桌面端导航。

3.在Figma中实现一个自适应的输入框高度（例如，根据内容多少调整），最有效的方法是？

A.使用固定高度的Frame包裹输入框。

B.使用Flexbox布局并设置`crossAxisAlign`为`center`。

C.使用AutoLayout，将输入框的顶部和底部约束设置为`margin`或连接到父容器的边缘。

D.通过CSS内联样式动态调整。

4.Figma中的“组件”