Design App Art от GUI «скриншот» или «художественная доска»? И как применить его к приложению?

Question

1. Я должен разработать «скриншот» графики пользовательского интерфейса моего приложения?

Пример «скриншота» из эта ссылка

2. Как я бы применил «скриншот», который я разработал в Photoshop и Illustrator для графического пользовательского интерфейса моего приложения?

3. Я могу разработать «художественную доску» с кнопками, фоном и т. Д.?

Пример «художественной доски» от эта ссылка

4. Я разрезал художественную доску до точных размеров?

5. Если кто -то знает о соответствующем учебном пособии, я очень ценю ссылку.

Я думаю, что этот вопрос актуален для разработки iPhone, поскольку он является важной частью процесса.

Спасибо.

ОБНОВИТЬ Я нашел Отличный пост о том, как экспортировать из Photoshop на iPhone

Answer 1

Вот ссылка на учебник, с которым я столкнулся, которая объясняет различные способы экспорта элементов пользовательского интерфейса из Photoshop: Экспорт элементов пользовательского интерфейса из Photoshop.

Надеюсь это поможет!

Answer 2

1. Хорошо обязательно. Нормальный процесс проектирования - сначала производить нежные каркасы, из которых можно построить само приложение, а затем вернуться назад и добавить конкретную графику, поставляемую вашим художником.
2. Используйте либо Uibuttons с вашими изображениями, правильно обрезанными и экспортированными, либо в качестве «невидимых кнопок» поверх фона. Поведение, похожее на ПК, состоит в том, чтобы ответить на Uitouchupinside, но иногда вы можете ответить на Uitouchdown, если вы используете кнопку «Невидимая» (то есть пользовательская кнопка без изображения или заголовка текста). В зависимости от искусства, вы можете создать пользовательские изображения для uicontrolstatehighlighted.
3. Артборд-это время дизайна; Ваш артборд никогда не попадет в приложение. Если вы хотите использовать один, вы делаете это для своего дизайнерского потока, чтобы не сделать приложение работать лучше.
4. Да. Ваш артист должен экспортировать каждую отдельную кнопку в качестве собственного PNG - как в нормальных, так и в 2X резолюциях, конечно.

На этом скриншоте Dragon Storm, который вы разместили, я вижу: а) статическое фоновое изображение б) четыре кнопки справа, вероятно, невидимые кнопки. Несмотря на то, что деревянные плакаты для новой игры и настройки не являются выравниваемыми осью, это кошерно, чтобы немного подумать об этом и использовать изображения, выравниваемые осью. Ваши кнопки, конечно, могут включать в себя прозрачную область, чтобы плакат подчеркивал на щелчке, но камень и цепи нет. C) Три кнопки внизу, управляемые через UIScrollView, подключенный к Uipageview, что фактически предполагает, что во внутреннем представлении есть 12 кнопок. Вероятно, можно использовать изображения каменной главы в качестве образа кнопок здесь. Г) пользовательский шрифт, используемый для отображения дат для каждого сохранения

Так что художественные активы были бы:

• Один фон png
• ноль, один или два PNG для каждой из четырех кнопок справа
• один или два PNG для каждой главы
• Пользовательский шрифт