Sketch TROUBLE中的iPhone @ 2x設計

Question

我已經閱讀了大量有關iPhone屏幕尺寸的帖子和文章，但是找不到有關下一個問題的信息。

最近我得到了一個草圖設計，畫板尺寸為640x1136（所有資源都是這樣，就像背景圖片一樣）。 據我了解-設計師曾為iPhone 5-4inch進行過設計。 我的設計是2倍。 我對嗎？

請在此處查看草圖項目屏幕！

所以我想為所有iphone 4,5,6,6s plus導出設計。

目前，我正在使用iphone 6s和物理設備開發項目。

但是當我在屏幕截圖上以草圖形式導出設計時-我得到了3張圖像

1. 320x568像素（導出為0.5x）
2. 640x1136 px（導出為1x）
3. 960x1704 px（導出為1.5x）

當我向Assets.xcassets添加3張圖像時，它們並不適合所有設備。

我也可以以2x導出，但是我得到1280×2272px，它比iPhone 6s加上屏幕分辨率更大 。

我應該怎么做才能使此草圖設計在所有iPhone上都能正常工作，尤其是在iPhone 6s plus上？ 也許我只能在xcode中為所有iPhone使用一張圖像？

Answer 1

我相信您遇到的問題是，並非所有iPhone的縱橫比都相同。 因此，您不能簡單地縮放圖像以使其適合所有iPhone。

640 x 1136是iPhone 5的正確像素分辨率。但是，iPhone 4是640 x 960（高度較短，但寬度相同）。

根據圖像的類型（因此看起來更好），您可以在從“草圖”導出時裁剪圖像，或者拉伸圖像以適合所有屏幕尺寸。