差異處
這裏顯示兩個版本的差異處。
| Both sides previous revision 前次修改 下次修改 | 前次修改 | ||
|
公開:app視覺設計切圖方式 [2018/08/16 17:03] kent |
公開:app視覺設計切圖方式 [2018/08/16 17:15] (目前版本) kent |
||
|---|---|---|---|
| 行 1: | 行 1: | ||
| + | ====== 前言 ====== | ||
| + | |||
| + | 雖然以下的說明洋洋灑灑，但大多僅是 iOS/Android 兩平台各自的一些規矩，再請您於切圖前做參考應該就不是大問題。 | ||
| + | 以現況而言，若是要節省時間的作法，會建議您以 1080P (1080x1920)為全螢幕作為設計的基礎，切圖也是以此為基礎來切圖。 | ||
| + | 這樣子會是最簡單，且可以同時提供給 iOS/Android App做整合使用的作法。 | ||
| + | 也就是說，假設要切某個 Button 圖出來，您只需要準備兩套: | ||
| + | - 1080P為全螢幕時的切圖: 供 iOS 3x 環境，以及 Android xxhdpi 來使用。 | ||
| + | - 8S(750Wx1334H)的 2x 切圖: 供iPhone 8 or 8S 等機種使用，但因為寬高比例與 1080P 時一樣，所以直接等比例縮小即可。 | ||
| + | 1080P 手機是目前的主流，以此為設計基礎，可以更有效率的完成切圖。 | ||
| + | |||
| ====== iOS部分 ====== | ====== iOS部分 ====== | ||
| * 所有檔案請以PNG格式輸出。 | * 所有檔案請以PNG格式輸出。 | ||
