Насколько велики значки слева и справа от панели навигации для iOS 7 на iPhone 5?

Кто-нибудь может подсказать, какого размера значки обычно слева и справа от навигационной панели?

См. это (зубчатое колесо и значок информации).

Я читал из руководства по дизайну iOS для человека, что это 44 x 44 pt? Поскольку сбивает с толку то, что Apple использует pts вместо px, поэтому вопрос в том, насколько большим я должен сделать его в Photoshop? 44 пт = 44 пикселя?

Чтобы сделать это более запутанным, с дисплеями Retina, я полагаю, умножить все на 2?

Мой мозг готовится прямо сейчас. Я разрабатываю макет для размера экрана iPhone 5.

Ответы (4)

Я читал из руководства по дизайну iOS для человека, что это 44 x 44 pt? Поскольку сбивает с толку то, что Apple использует pts вместо px, поэтому вопрос в том, насколько большим я должен сделать его в Photoshop? 44 пт = 44 пикселя?

Для устройств без Retina 1 точка iOS = 1 пиксель.

Для устройств Retina 1 точка iOS = 2 пикселя.

Для устройств Retina HD (сейчас только iPhone 6 Plus) 1 балл iOS = 3 пикселя.

Итак, 44×44pt означает, что вам понадобятся активы по адресу:

  • 44 × 44 пикселей (масштаб 1 ×, без Retina, оригинальный iPhone и т. д.).
  • 88×88px (масштаб 2×, Retina, iPhone 4, iPhone 6 и т. д.).
  • 132×132 пикселей (масштаб 3×, Retina HD, iPhone 6 Plus).

Но на самом деле 44pt — это высота панели навигации, поэтому вам, вероятно, не нужны такие большие значки. Хороший способ получить правильный размер: сделайте скриншот значков панели навигации, размер которых, по вашему мнению, подходит, и используйте его в качестве основы.

При использовании 44/88/132 моя иконка выглядела слишком большой на панели навигации. Я переключился на 22/44/66, и размер выглядит гораздо более подходящим. stackoverflow.com/a/33732209/1438339

Apple использует pt вместо px, потому что есть несколько дисплеев.

1pt отображается как 1px на экранах @1x (iPhone 1, iPhone 3G, iPhone 3GS). Следующим дисплеем, который появился, был Retina (iPhone 4, 4S, 5, 5C, 5S, SE, 6, 6S, 7), который представляет 1pt как 2px, так что это экран @2x. Позже с iPhone 6+ они появились с экраном Retina HD (6+, 6S+, 7+), и это @3x, поэтому он представляет 1pt как 3px.

Итак, ответ на ваш вопрос: 22pt для изображения кнопки панели навигации, а изображения, которые вам необходимо предоставить, составляют 22px(@1x), 44px(@2x) 66px(@3x). Также существует соглашение об именах для изображений, например, для изображения «info.png» вы должны называть их «info.png», «info@2x.png» и «info@3x.png».

Да, в руководстве по дизайну iOS это 44 x 44 pt, это правда. Но речь идет не о размере значка, а о области касания. Это означает, что вы можете использовать размер значка в соответствии с вашим дизайном, но когда вы нарезаете этот раз, вы можете обрезать этот значок на 44 пикселя, чтобы пользователь мог легко наклеивать.

Я понимаю. спасибо большое! :)

Может быть, это может помочь. Есть много туториалов о том, как проектировать для IOS. - http://ivomynttinen.com/blog/the-ios-7-design-cheat-sheet/