Я опытный программист, но новичок в графическом дизайне.
Я делаю мобильные приложения как для iOS, так и для Android, и мне интересно, какие инструменты/программы графического дизайна мне следует использовать (на Mac), которые лучше всего подходят для начинающих и для разработки графики для мобильных приложений?
Любые советы будут оценены. Спасибо.
Если у вас есть устройство, для которого вы разрабатываете дизайн, вам нужно что-то, что может передавать изображение, над которым вы работаете, прямо на устройство, чтобы вы могли видеть, что вы редактируете, на фактически предполагаемом экране.
Это звучит настолько логично, что вы можете себе представить, что этого легко достичь, и что кто-то тщательно подготовил ситуацию, которая легко сделала это вживую.
Не правда.
Давайте сначала разберемся с Apple, потому что вы всегда должны сначала разрабатывать для этой платформы. Если вам нужно объяснить, почему это обобщение верно, вы, вероятно, все еще верите в добрую Microsoft и «достоинства» экономики невмешательства. Поэтому для начала используйте iPad или iPhone. Устройства Android усложняют это.
Лучшая установка — iDisplay или AirDisplay. //оба также работают для Android
Я предпочитаю iDisplay, но использую оба, и по 20 долларов за выстрел вы не разоритесь, чтобы попробовать каждый. Между ними есть небольшие различия, оба разработчика отзывчивы, но iDisplay — маленький парень, и он очень крут со своими ответами по электронной почте. Так что получает мой кивок:
iDisplay http://www.getidisplay.com
Air Display находится здесь: http://www.avatron.com/apps/air-display/
// ОБА этих приложения предназначены для расширения экрана, поэтому их преимущества не ограничиваются динамическим тестированием интерфейсов приложений. Они вообще очень помогают. Отзывчивость сенсорного экрана iDisplay (для меня) немного лучше. Так что да, вы можете управлять своими приложениями и рисовать на экране в Photoshop с помощью этих вещей. Среди других преимуществ перед такими вещами, как Skala View и т. д.
Теперь о сложном. Вам нужно вывести рабочий вид на экран без границ, хрома и т. д.
Некоторые приложения хороши в этом, некоторые почти невозможно исправить.
Индизайн хорош в этом. У него есть полноэкранный режим предварительного просмотра, который вы можете отправить на iDevice как дубликат открытого документа, поэтому вы продолжаете работать в Indesign на компьютере и видите живые обновления на экране iDevice.
Я предпочитаю более мощное векторное приложение для редактирования, чем Indesign, поэтому я встраиваю документ Illustrator в этот документ Indesign с живой ссылкой, а затем рисую в Illustrator... нажимаю комбинацию клавиш, которая обновляет все в Indesign, и все это обновляется на iPad. /iPhone.
Adobe Bridge может делать то же самое, более непосредственно, но он настолько склонен к «потере соединения», что стабилен только для нескольких обновлений исходного файла.
Работать с Photoshop для дизайна интерфейсов довольно сложно, потому что он не совсем подходит для этой работы, а Fireworks, который отлично подходил для дизайна пользовательского интерфейса, теперь ушел в прошлое. НО, Photoshop также может делать второй экран, полноэкранный предварительный просмотр с дубликатом текущего документа, так что вы получаете живые обновления на устройстве, без хрома и другой ерунды, скрывающей ваш полноэкранный просмотр.
Я провел много времени, тестируя такие настройки для редактирования в реальном времени на устройстве, и это может быть гораздо сложнее и ненадежнее, чем должно быть, поэтому, пожалуйста, не стесняйтесь задавать больше вопросов. Это может быть раздражающим для настройки. Но возможность редактирования и предварительного просмотра на экране того стоит.
Было бы совершенно упущением с моей стороны не указать, что это приложение делает это «автоматически», по-видимому:
http://www.bohemiancoding.com/sketch/
Я не пробовал. Но это стоит учитывать.
Извините, пока раздаю бесплатные советы, еще кое-что. Если вы компетентный программист, я думаю, вам следует сосредоточиться на том, чтобы стать великим программистом. Они очень редки. И при этом сотрудничайте с дизайнером для дизайна. Может показаться, что дизайн может сделать каждый, и все, что вам нужно сделать, это изучить инструменты. Но в дизайне есть волшебная составляющая, и это интуитивное понимание желаний и мнений, чувств, настроений и духа времени человечества. Это то, чему нельзя научить или чему нельзя научиться. Либо у вас достаточно сочувствия, чтобы быть дизайнером, и вы будете изучать инструменты, чтобы выразить это, либо вы программист.
Если вы программист и можете общаться с дизайнером, то в конечном итоге это будет уравнение типа 1+1=3. Вы оба получите огромную выгоду от талантов других и сможете более глубоко сосредоточиться на своих собственных талантах и совершенствовании в этой области.
Итак, более глубокий ответ на ваш вопрос: лучшее программное обеспечение для дизайна, которое вы можете использовать, — это дизайнер.
В прошлом я в основном использовал комбинацию Photoshop для реального пиксельного рендеринга и Illustrator для векторной графики (иконки, полосы, иллюстрации).
Для предварительного просмотра изображений на своих устройствах я использовал Liveview и Silkscreen.
Плюсы Liveview в том, что он транслирует изображение в реальном времени с определенного порта просмотра на ваше устройство с вашего рабочего стола. Минус в том, что он транслирует изображение вашего рабочего стола в реальном времени. Я обнаружил, что часто перемещаю окна или запускаю экранные заставки, и мне нужно снова войти в систему.
Плюсы шелкографии заключались в том, что она создает новое изображение для предварительного просмотра каждый раз, когда вы сохраняете свой PSD. Недостатком этого было то, что он не сохранял историю последних PSD для быстрой справки, поэтому я часто перезагружал файлы.
Появляется множество интересных продуктов, помогающих дизайнерам в предварительном просмотре иллюстраций, хотя в большинстве случаев нет ничего лучше, чем собственно создание приложения. Недавнее приложение Facebook Paper было разработано с помощью специального инструмента дизайна, созданного на основе Quartz Composer. ( Источник )
Мой лучший совет — найти удобные инструменты и использовать их. Поскольку вы являетесь разработчиком, использующим что-то вроде Quartz Composer или даже инструмент Facebook с открытым исходным кодом, созданный поверх Quartz, Origami.
Алекс Блэквуд
DA01