Какие этапы у разработки дизайна мобильного приложения?
Область для меня новая, интересуют основные этапы разработки дизайна после обсуждения с заказчиком.
1. Прототип. Смотрю в сторону Axure, также установил Pixate, правда его еще не смотрел. Где удобнее создавать прототип, вайрфрейм, показать стрелочками переходы между экранами? Сколько времени должно уходить на прототип? Я потратил на свой первый 2 дня, это ведь ненормально? 2. Дизайн. Могу ли я использовать шрифты отличные от Сан-Франциско? И если да, то в каких частях приложения? Подозреваю, что, к примеру, в навигационной панели должен быть только системный шрифт.
3. Иконки. Я понимаю, что тру-дизайнеры рисуют свои, но у меня такого опыта нет, и времени учиться тоже нет, тем более, что в интернете полно иконок. Могу ли я использовать все подряд или лучше брать Creative Commons?
4. Макет. Я работаю в ФШ, есть ли какие то особенности в работе в ФШ при разработке макета для мобильного приложения? Какие то секреты, трюки, плагины? Например, чтобы каждый раз не рисовать панель навигации или панель табов (которая внизу), может есть какие то заготовки. Какого плана мокапы лучше использовать в псд или вообще без разницы?
Как должен выглядеть правильный макет? Каждый экран в отдельный псд или можно в одном псд все экраны по группам? Как нарезать дизайн для разработчиков? Мне нужно будет отдавать подготовленный дизайн разрабам, У меня вообще идей нет, как это в мобильной разработке делается.
Гайдлайны читаю, + еще много разных материалов полезных, но вот технических деталей по процессу разработки маловато. Буду благодарен любым советам (кроме курсов, школ, книг и т.д., времени на это сейчас нет, нужна информация "по делу").
1. Прототип создается для того, что бы дизайнер знал, в каком месте располагался тот или иной элемент. При создании прототипа нужно не только напихать элементы управления, но и подумать насколько это будет удобно с точки зрения пользователя (usability). Почитайте про Usability.
2. Придерживайтесь одного шрифта во всем приложении.
3. Подберите иконки подходящие общему стилю приложения. Добейте гармоничности.
4. Полно видео на эту тему вот пример первый попавшийся https://www.youtube.com/watch?v=YhE9k_0vrwY.
Спасибо. С юзабилити знаком, приходилось проектировать интерфейсы. Меня волнуют именно технические моменты, нюансы, связанные непосредственно с моб.разработкой. К примеру, я умею верстать и знаю, каким должен быть макет для верстальщика, т.к. понимаю его задачи. В случае с мобильным дизайном я не знаю как осуществляется "верстка" и поэтому не понимаю, каким должен быть макет, его организация.
Вот еще конкретный вопрос: я рисую макет в @1x, т.е. если у iPhone 5 разрешение ретины 640х1136, то я делаю макет в 2 раза меньше (т.е. в @1x), а именно в 320х568. Это, на мой взгляд, удобно тем, что пиксель = поинт, а значит спецификацию писать будет проще. Но у меня вопрос по нарезке: нам нужны изображения @2x и @3x, есть плагин который это дело нарезает. К примеру у меня есть иконка (шейп) размером 50х50. Если ее увеличить в два раза(100х100), то она потеряет в качестве, аналогично с @3x, что делать? Может иконку держать в смарт-объекте в размере под @3x, чтобы при нарезке качество не пропало? Я этот момент вообще вкурить не могу.
Советую пройти курс www.mobile.jazov.com Данный курс содержит ответы на все Ваши вопросы. Дешевле выбрать вариант "самостоятельное изучение", а не "в группе" ничего особо не потеряете.
Простой
Простой
