Как подготовить psd макет для iOS(iPhone) приложения?

Question

[nickostyle]

Привет друзья

Подскажите пожалуйста статьи, в которых можно почитать об особенностях подготовки psd макета при разработке дизайна мобильного приложения под iphone, я, признаться, уже нашел на хабре одну занимательную статью, но там, скорее, особенности, мне же необходим туториал для абсолютных новичков.

Размеры макета, плотность пикселей, где выяснить размеры стандартный элементов интерфейса iOs, как группировать слои, мне нужно подготовить макет для программистов, хочется быть на уровне. Спасибо всем!

Answer 1

[Bogdan Odarchenko]

Я на своем опыте убедился что растровая графика тут плохо, лучше всего сразу начать делать все в векторе и не будет проблем с размерами и плотностью.

А про стандартные элементы все не так просто. Лучше сделайте подборку видов приложений и вперед. Также сами разработчики подскажут какие вещи стандартные какие нет.

Comments

[Леонид Никулин]

Опыт проектирования интерфейсов под ios был настолько печальный, что решили на вектор перейти? :)

Answer 2

[Леонид Никулин]

Могу сказать, что PSD разработчику вообще не нужен. Разраб не должен нарезать элементы и т.п. Все должен делать дизайнер. А что бы понять какие стандартные элементы, а какие нет, то просто попользуйтесь iphone :)) Ну и конечно нужно скачать guideline psd для ios. Там практически все стандартные элементы есть уже.
А по поводу работы в векторе это личное дело каждого. Вообще просто делаете все для retina и никаких проблем нет, это не Android у которого 100500 разрешений и форматов экрана :)

Comments

[Алексей]

Ретина - это понятие общее. Есть понятия @2x, @3x. С андроидом то же самое.

Answer 3

[Амина]

По части набора стандартных элементов у этих ребят неплохо: www.teehanlax.com/tools
но девелоперам лучше отдавать .png со спекой и готовую нарезку, .psd им не нужно.

Comments

[Николай Мамадаев]

что значит: ".png со спекой?"

[nickostyle]

Николай М: Имеется в виду, что нужно отдать пнг каждого экрана с отступами, высотой и шириной элементов. Гляньте specking, поймете о чем речь.

Про подготовку материалов для разработчиков хорошо показано здесь
habrahabr.ru/company/rambler-co/blog/256397

[nickostyle]

Вопрос решен для меня окончательно - никаких спек. Девелопер юзает Avocode или Zeplin, где получает свои спеки в интерактивном режиме сразу с кодом css, если необходимо.