дизайн приложения art с помощью графического интерфейса пользователя «Скриншот» или «Art Board»?и как применить это к приложению? - PullRequest
0 голосов
/ 09 сентября 2011

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

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

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

3.Не могу ли я создать «артборд» с кнопками, фоном и т. Д.?

Пример "доски объявлений" от этой ссылки Пример доски объявлений http://vickiwenderlich.s3 -website-us-east-1.amazonaws.com / wp-content / uploads / 2011/05/artboards_mathninja.jpg

4. Я обрезаю артборд до точных размеров?

5. Если кто-нибудь знает соответствующий урок, я буду очень благодарен за ссылку.

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

спасибо.

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

Ответы [ 2 ]

2 голосов
/ 09 сентября 2011
  1. Ну конечно.Обычный процесс проектирования состоит в том, чтобы сначала создать грубые каркасы, из которых может быть построено само приложение, а затем вернуться назад и добавить конкретную графику, предоставленную вашим художником.
  2. Используйте любые кнопки UIB с правильно обрезанными изображениями иэкспортируется или как «невидимые кнопки» поверх фона.Поведение, подобное ПК, заключается в том, чтобы реагировать на UITouchUpInside, но иногда вам может потребоваться ответить на UITouchDown, если вы используете невидимую кнопку (то есть пользовательскую кнопку без изображения или заголовка текста).В зависимости от искусства, вы можете создать собственные изображения для UIControlStateHighlighted.
  3. Артборд - это вещь времени разработки;ваш артборд никогда не попадет в приложение.Если вы хотите использовать один, вы делаете это для вашего процесса проектирования, а не для того, чтобы приложение работало лучше.
  4. Да.Ваш художник должен экспортировать каждую отдельную кнопку как свой собственный PNG - как в обычном, так и в 2х размерах, разумеется.

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

. Таким образом, художественные активы будут:

  • один фон PNG
  • ноль, один или дваPNG для каждой из четырех кнопок справа
  • один или два PNG для каждой главы
  • пользовательский шрифт
1 голос
/ 09 сентября 2011

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

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

...