Какие единицы использовать при создании мобильного приложения для iOS: pixel или point?

Question

[larka_skaz]

Рисую дизайн в photoshop мобильного приложения. Разработчик говорит, что при программировании он использует поинты. Я только начинаю чекать все эти тех. детали. Объясните, плиз, если я собираюсь вести все свои расчёты в поинтах, то какое разрешение выставлять для iphone 5, 6 и т.п.

Answer 1

[vaux]

В вашем случае параметр Resolution не будет ни на что влиять. Этот параметр отвечает за разрешение печати на бумаге (грубо говоря, сколько пикселей принтер будет укладывать в 1 см листа) и за то, как будет выглядеть изображение, когда вы будете линковать один файл к другому. То есть, если у вас будет файл с картинкой с разрешением 144 px/inch и вы этот файл в фш прилинкуете к документу с разрешением 72 px/inch, то прилинкованная картинка будет выглядеть в 2 раза меньше, чем она есть в оригинале.

Так что просто оставьте это значение по умолчанию равным 72 Pixel/Inch. Это стандартное значение для экранной графики.

Comments

[larka_skaz]

ок, а когда я буду экспортировать иконки и кнопочки ( разработчик просил png) один будут соответствовать нужным размерам для xCode ? Ведь у яблочных экранов разрешающая способность 326 PPI и 401 PPI ?

[vaux]

larka_skaz: да, будет соответствовать. На экранах 1 пиксель занимает всегда 1 пиксель. Вы можете выставлять какое угодно значение параметра Resolution в фотошопе, но картинка на экране будет выглядеть всегда одинаково. 72 - это просто условное значение, которое обычно не трогают (если дело не касается печатных носителей).

[larka_skaz]

vaux: Спасибо за помощь, можно ещё вопрос. Я совсем запуталась. Я создала два холста для iphone4 с одним разрещением, один в поинтах (320pt на 480 pt), другой в пикселях (640px на 960px). Далее я перетянула их в одну рабочую область, и вижу что один макет в два раза большое второго!https://yadi.sk/i/r7Vg17Z5ux3P7 Получается один пиксель равен двум поинтам? Шрифты в поинтах, векторные инструменты фотошопа в пикселях. В чём же рисовать? Программер просит всё в поинтах.

[vaux]

larka_skaz: ну, во-первых, экран iPhone 4 имеет другие размеры (что-то около 141pt x 212pt), а во-вторых, apple таких данных на своих сайтах не предоставляет. Так что у вас какие-то левые и неверные данные.

Кроме того apple нигде не использует поинты. Ни на их сайте нет данных о размерах экранов/элементов интерфейса в поинтах, ни в их гайдлайнах (вы же читали их гайдлайны?) Там сплошь пиксели. Вот и рисуйте в пикселях. Потом уже переведете в поинты, если нужно будет.

[larka_skaz]

vaux: ок, буду разбираться

[larka_skaz]

vaux: https://www.paintcodeapp.com/news/ultimate-guide-t... - отсюда данные

[vaux]

larka_skaz: 320 поинтов - это 11 см. Это точно не ширина экрана 4-го айфона :)

Answer 2

[Нерон Лордов]

Вдумчиво покури вот это:
https://material.google.com/layout/units-measureme...
При желании, можно найти русскую версию этой главы.

Эта информация всё прояснит по твоему вопросу.

Comments

[larka_skaz]

Спасибо,ушла курить

Answer 3

[toZavtra]

Как разработчик iOS и немного дизайнер в одном лице: выставляй пиксели и рисуй один макет на самый большой айфон, это 1242х2208 px. Сам мучался с этим вопросом пока был не опытный.

Потом программисту отдавай png, сохраняя файлы как имя_файла@3x.png
Они автоматически скалируются вниз и очень хорошо на все айфоны. В разработке iOS пикселей нет, там поинты, они слабо логически связаны с графикой и в этом бардак, поэтому делай в пикселах, а если тя разработчик просит делать в поинтах, то он сам не шарит. Отдай ему потом psd шаблон и пусть сам верстает.
Если будут заказы на iOS разработку, пиши мне :) [e-mail]

Comments

[Stanislav]

toZavtra есть примерно такой же вопрос, но при работе в программе sketch, есть возможность ответить?

Answer 4

[dom1n1k]

https://www.paintcodeapp.com/news/ultimate-guide-t...