создать искусство приложения с помощью снимка экрана графического интерфейса или арт-доски? и как применить это к приложению?

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

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

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

3. Следует ли мне создать артборд с кнопками, фоном и т. Д.?

Пример артборда из эта ссылка пример артборда

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

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

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

благодаря.

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


iphone user-interface user-experience photoshop adobe-illustrator
person Tomer Even    schedule 08.09.2011    source источник
comment
Не уверен, на каком этапе вы находитесь. Вы создали качественные примеры снимков экрана того, как должно выглядеть приложение, и вам нужно знать, как сделать это в приложении? Или у вас есть функциональный, но уродливый пользовательский интерфейс и коллекция графических ресурсов, и вы не знаете, как заставить фон, кнопки и т. Д. Отображать нужные изображения?   -  person mbmcavoy    schedule 09.09.2011
comment
Я нахожусь на ранних стадиях графического дизайна и хотел знать, какой метод мне выбрать из того, который вы упомянули, и если я выберу первый, как мне сделать так, чтобы фон, кнопки и т. Д. Отображали снимок экрана?   -  person Tomer Even    schedule 09.09.2011
comment
Хотя я согласен с тем, что это важно для разработки, но, возможно, люди из UX могут лучше ответить на ваш вопрос.   -  person Sum    schedule 09.09.2011

Ответы (2)


arrow_upward
1
arrow_downward

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

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

person superjessi    schedule 09.09.2011

arrow_upward
2
arrow_downward

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

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

Итак, арт-активы будут:

  • один фон PNG
  • ноль, один или два PNG для каждой из четырех кнопок справа
  • один или два PNG для каждой главы
  • собственный шрифт
person AndrewS    schedule 09.09.2011