如何在 Figma 中創建具有兩個不同尺寸（一個與手機兼容，另一個與筆記本電腦兼容）的橫幅圖像

Question

我想創建在移動設備和筆記本電腦視圖中都兼容的橫幅圖像。 我想在數據庫中存儲兩個不同尺寸的橫幅圖像，並適當地用於移動和筆記本電腦視圖。 兩個圖像應該相同（即任何圖像不應被裁剪、拉伸或圖像的任何部分不應丟失）如何使用 Figma 創建這樣的橫幅圖像。 在筆記本電腦和手機上查看時，圖像應該完全相同。

使用不同尺寸創建的圖像應該完全相同

Answer 1

Figma 文件被視為 static 個畫板。 所以你說明了不同平台的設計。 您無法根據您是在台式計算機還是手機上查看 Figma 文件來制作變形的二合一設計。 這只能發生在具有響應式設計最佳實踐的實際實現的網頁中，然后在真實的 web 瀏覽器中查看。

在 Figma 中，您只需創建該頁面的桌面版設計，包含該橫幅，以及該頁面的移動版的單獨設計，帶有橫幅圖像的副本，但根據您的規格調整大小。

然后在移交期間將其呈現給開發人員，告訴他們這兩個設計是針對同一頁面的，但必須使用響應式設計來實現。