2014-04-22 33 views
9

我想知道是否有任何導航欄圖標的默認大小,其中設計師需要設計它。他們應該爲視網膜和非視網膜顯示器設計它。目前我正在使用下載的圖像從互聯網看起來不是很好。設置導航欄圖標的大小ios

回答

12

以下尺寸創建導航欄圖標:

About 44 x 44 pixels 

About 22 x 22 pixels (standard resolution) 

更多informtation你可以在這裏找到 https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/BarIcons.html

+0

應該是什麼欄按鈕的大小,看起來像默認 – user2823044

+0

應該是最大44×44的視網膜設備或22×22的非視網膜設備 –

+4

現在我們需要66 X 66像素@ 3倍的圖像了。爲新的iPhone 6。 –

1
1. iPhone 5  88/64 px 
2. iPhone 4/4S 88/64 px 
3. Retina iPad 88 px 
4. iPad Mini 44 px 
5. iPad   44 px 

導航欄通常包括一個標題以及基本的導航和動作按鈕(如回到上一個視圖,創建,編輯等)。在橫向方向上,導航欄的高度通常會縮小一點(至32pt),以便在其下方顯示更多內容。

參考鏈接:http://ivomynttinen.com/blog/the-ios-7-design-cheat-sheet/

0

檢查蘋果的圖標和圖像文件大小here。有關更詳細的UI圖標規範檢查here

7

docs導航欄圖標的建議大小如下:

@1: 25 x 25 
@2: 50 x 50 
@3: 75 x 75 

創建上述像素尺寸的三幅圖像,然後將它們添加到您的新圖像集中Assets.xcassets文件。

enter image description here

注意

  • 當我試圖在推薦的尺寸,讓圖標,它們看起來太小了我。我實際上讓他們比這更大一點。因此,以文檔建議爲出發點,但您可能必須根據需要進行調整。
  • 第二種方法是使用單個通用矢量圖(pdf)(請參閱herehere)。 Not everyone recommends this,但它是我現在使用的方法。這很方便,使未來的圖像編輯和調整大小更容易。