瞭解爲iphone設計iphone圖像Iphone5/4/3

我想了解設計IOS應用程序圖像的思維過程/最佳實踐。瞭解爲iphone設計iphone圖像Iphone5/4/3

例如我有一個按鈕設置如下：

LoginButton = [[UIButton alloc] initWithFrame:CGRectMake(10,(otherLoginButton.bounds.size.height + 40),300,50)];

所以在代碼的按鈕是300x50px。

我的問題是應該在Photoshop中的圖像大小。讓我們舉一個例子，我將整個按鈕設計爲不使用可伸縮按鈕等的圖像（儘管我會），但作爲示例，我想在PS中創建整個按鈕。

如果我先設計iPhone5然後縮小按鈕，按鈕應該是多大？

其次，一旦圖像被創建，如果我使用上述技術，我所需要做的就是在Photoshop中縮小50％？它是否像在Photohshop內部擴展一樣簡單，並選擇50％或其他任何東西來完成。

一旦完成，我會只需要這兩個圖像的按鈕一個名爲'按鈕'另一個'button2 @'？

來源

2013-03-29 StuartM

'按鈕'的情況與屏幕'背景'不一樣。你應該簡單地爲每個按鈕做兩個例子，例如一個帶有'100 * 50px'尺寸的按鈕，並且爲iPhone3（無視網膜）調用'button1.png'應該與iPhone4/5等效，所以'200 * 100px'並命名爲'button1 @ 2x.png' – Malloc

@Malloc - 根據上述問題，iphone3圖像不是300x50，那麼視網膜圖像600x100？ – StuartM

是的，iPhone 3的藝術應該翻倍的視網膜顯示。所以是的，對於你的例子它將是600x100。 – Malloc

用於屏幕背景圖像。你應該考慮iPhone5和4之間的差異（1136對960），你可以考慮重新設置所有背景以設置你的應用iPhone5兼容。

前段時間，我發現了一篇關於如何爲iPhone5優化這些藝術的好文章，看一看here。

來源

2013-03-30 11:58:11 Malloc

非常感謝分享，它回答了一切。我喜歡第二種選擇，即創建只能在iphone5和iPhone4/3上看不到的長圖像。 – StuartM

瞭解爲iphone設計iphone圖像Iphone5/4/3

回答

相關問題