Какое программное обеспечение для графического дизайна лучше всего использовать для мобильных приложений (Mac)? [закрыто]

Я опытный программист, но новичок в графическом дизайне.

Я делаю мобильные приложения как для iOS, так и для Android, и мне интересно, какие инструменты/программы графического дизайна мне следует использовать (на Mac), которые лучше всего подходят для начинающих и для разработки графики для мобильных приложений?

Любые советы будут оценены. Спасибо.

Наглядный пример стиля был бы более полезен в будущем. Вопросы о покупках, основанные на сегодняшнем рынке, не будут актуальны долго, так как программное обеспечение будет продолжать меняться. Рекомендация наборов функций, которые вам нужны, а также некоторого программного обеспечения, которое их реализует, увеличит количество времени, в течение которого этот вопрос может помочь кому-то еще.
Не существует «лучшего» программного обеспечения. Используйте то, что подходит вам и вашим потребностям.

Ответы (2)

Если у вас есть устройство, для которого вы разрабатываете дизайн, вам нужно что-то, что может передавать изображение, над которым вы работаете, прямо на устройство, чтобы вы могли видеть, что вы редактируете, на фактически предполагаемом экране.

Это звучит настолько логично, что вы можете себе представить, что этого легко достичь, и что кто-то тщательно подготовил ситуацию, которая легко сделала это вживую.

Не правда.

Давайте сначала разберемся с 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, illustraotr, iDraw... разработанная графика будет использоваться в мобильном игровом приложении. Это то, что я действительно хотел бы знать. Спасибо.
ага, на этот вопрос почти невозможно ответить. Почти. Мы находимся в интересном моменте времени, когда появляются новые идеи для рисования, и если вы еще не конвертируете Illustrator и не нуждаетесь в «репутации» пользователя Adobe, я бы предложил рисовать с помощью Apple. Движение. По 2 причинам. 1. У него есть очень классные инструменты для рисования, и 2. Вы можете анимировать вещи, что является ОГРОМНЫМ благом для тестирования идей пользовательского интерфейса. И это всего 49,99.
В дополнение к этому, использование современного приложения Apple станет отличным пониманием того, каким может быть пользовательский интерфейс. Программное обеспечение Adobe имеет (мягко говоря) архаичные пользовательские парадигмы. Я настоятельно рекомендую избегать этого, если можете, потому что почти каждое другое приложение делает это лучше.
Джо, пожалуйста, посмотри новое последнее предложение в моем «ответе». Если вы можете выразить то, что вам нужно, и как вы этого хотите, это, вероятно, в 10 раз быстрее для 10-кратного лучшего результата. Похоже, вы, вероятно, работаете в Corona, делаете какую-то игру. Это отличное место для дизайнеров, чтобы повеселиться. У дизайнеров есть много таланта и времени в их руках, это просто вопрос найти того, кто понимает, насколько сложным и трудоемким является программирование. Тогда вы уравновешены и готовы к работе.
Большое спасибо за ваш совет. Я могу понять вашу точку зрения (работа с дизайнером). Однако вот моя ситуация. Когда я пытаюсь сделать какой-то прототип игры, мне очень нужна быстрая разработка некоторой графики, независимо от ее качества. Обычно я работаю с дизайнерами, но теперь я думаю, что, если я сначала сделаю это сам, сэкономит ли это больше времени? А позже, если игра дойдет до определенного этапа, я могу приступить к работе с дизайнером по замене используемой в игре графики.
Например, как сегодня, мне нужно использовать мозаичную карту, и я нашел несколько изображений в Интернете, однако мне нужно сначала внести в них некоторые изменения, прежде чем я смогу использовать их программно. Я думаю, мне нужно изучить некоторые основные графические "обработки".
С другой стороны, для прототипа игры, которую я пытаюсь разработать, если я смогу разработать некоторые базовые компоненты, я действительно думаю, что это ускорит многие вещи. Кроме того, я на самом деле подумываю о том, чтобы научиться графическому дизайну, потому что мне это как бы интересно. Итак, совместив работу и мой личный интерес, мне просто интересно, какое программное обеспечение лучше всего использовать при его опробовании.
Насколько я понимаю, далеко от онлайн-исследований, я использую Photoshop для пиксельной графики и Illustrator для векторной графики. Мне нравится ваш комментарий о том, что программное обеспечение Adobe является архаичной парадигмой пользователя. Вероятно, именно поэтому я задал вопрос здесь, чтобы посмотреть, смогу ли я найти что-то еще. Я совершенно новичок в этой области, так что это будет иметь большое значение. Я как бы ищу «старт» или правильный путь, прежде чем начну вкладывать в него всю свою энергию. Кроме того, я не совсем уверен, стоит ли мне использовать пиксельный или векторный тип редактора, а как насчет анимации и т. Д. Я пытаюсь во всем этом разобраться.
Тогда мой комментарий об Apple Motion заслуживает пристального внимания. Движение — это то, что называется «Композитор», что является действительно странным способом сказать, что он может многое. Adobe After Effects — очень похожее приложение. Оба позволяют создавать и редактировать векторные и пиксельные изображения, а также анимировать. Для игр и приложений эта возможность создавать анимацию бесценна. Вы можете протестировать вещи, а затем визуализировать их в виде последовательностей анимации спрайтов и добавить их в свой проект. Но более того, пользовательские парадигмы Motion на световые годы опережают другое программное обеспечение в области векторов и пикселей.
А у Apple Motion есть несколько действительно хороших инструментов для рисования и одни из самых простых в использовании инструментов для редактирования пикселей на рынке. И сообщество пользователей очень поддерживает, потому что они понимают, в каком пространстве они находятся, что они опережают устаревшее программное обеспечение Adobe. Для них это своего рода знак чести обучать новичков наилучшим образом. Это контрастирует с высокомерием форумов и пользователей Adobe, которые считают «профессионализм» своим единственным правом.
Я взглянул на это приложение Sketch, оно невероятно способно работать с вектором и выводит отличные растровые изображения, так что это тоже то, что вам следует учитывать, и его пользовательские парадигмы выглядят так, как будто они отчетливо вдохновлены тем, как работает Apple Motion. Но, в конечном счете, я считаю, что Motion — лучший выбор. Еще один краткий совет об Apple Motion... каждое руководство по Adobe After Effects, которое вы видите, и большинство того, что люди делают в Photoshop и Illustrator, можно сделать в Motion. Вот такое оно приложение.
ЕЩЕ ОДНА ВЕЩЬ… Методология и набор инструментов Apple Motion следуют (почти до буквы) базовым API, классам, методам и функциям кода рисования и редактирования изображений в OSX и iOS. Таким образом, вы непреднамеренно будете изучать базовую анимацию, базовую графику и базовое изображение, если научитесь их использовать. Это ОЧЕНЬ крутая особенность, о которой, я думаю, знают очень немногие, потому что между дизайнерами и программистами мало общего.
Apple Motion звучит очень хорошо. Странно, что я никогда не слышал об этом раньше. Рад, что спросил здесь, и спасибо за ваши советы. Я это проверю.
Это приложение мало кому придет в голову использовать для создания графики, потому что оно считается «композитором», но это гротескное преуменьшение его возможностей. И Adobe имеет поистине монопольное влияние на разговоры о инструментах дизайна в средствах массовой информации. Вот почему вы не услышите о многих альтернативах и увидите много случайного игнорирования некоторых из (технически) гораздо более совершенных вариантов программного обеспечения.
Да, ты прав. Может быть, я должен выразить это так. Apple Motion никогда не появлялся в результатах поиска, когда я исследовал эту тему. :) Это действительно интересно знать. Я проверяю это. На первый взгляд действительно не похоже, что он используется для графического дизайна.
Да, это из-за этого "композиторского" мышления. Когда вы увидите, как инструменты рисования действуют как графический интерфейс для Core Grahpics, вы будете поражены.
А поскольку вы программист, я НАСТОЯТЕЛЬНО рекомендую эту книгу: amazon.com/iOS-Core-Animation-Advanced-Techniques-ebook/dp/… , так как она покажет вам, как анимировать в Core Animation, и одновременно с этим, и, кстати, научит вас тому, как много анимации работает в таких программах, как After Effects или Motion. И вы можете обнаружить, что Core Animation лучше, чем Corona ;)
Начните здесь, для рисования в движении: help.apple.com/motion/mac/5.0/en/motion/usermanual/…
Не дискредитируя пользователей Illustrator и Photoshop больше, чем мне нужно (или тоже хочется), Motion и After Effects имеют настолько разные парадигмы использования, что создатели статических изображений их как бы пугают. Но оба они имеют встроенные функции рисования и редактирования изображений Illustrator и Photoshop, а также функции анимации и композитинга. Так что они вроде мастер-класса по дизайнерскому программному обеспечению. Вы можете сделать все, что вам нужно для игровой графики, с помощью After Effects или Motion, лучше и проще, чем делать это в жестких рамках Illustrator и Photoshop.
Откуда вы знаете, что я использую Corona? (Вы упомянули в своем ответе, и я был немного удивлен) Хотя это немного не по теме, но вот мое текущее мнение об использовании Corona. Изначально я был программистом на C/C++ и начал программировать приложения 6 месяцев назад. Изначально я, конечно, планировал научиться использовать Object-C, но потом я наткнулся на Corona и обнаружил, что это действительно ускоряет время разработки + одно большое преимущество — кроссплатформенность, так что я как бы придерживаюсь этого. Следовательно, когда вы сказали, что Core Animation «лучше», чем Corona, что учитывать при сравнении?
И да, это немного нетрадиционный совет, большинство посоветовало бы вам начать с редактирования неподвижных изображений в Illustrator или Photoshop, а не в Motion. Но я считаю, что Motion настолько проще в освоении и использовании, что для пользы вашего производства лучше сразу перейти к нему.
Но нет ничего плохого в том, чтобы сосредоточиться ТОЛЬКО на разработке для iOS. Это ведущий магазин приложений на порядок. И будет в обозримом будущем. Однако, если вам нравится Corona, нет причин уходить. Но найдите время, чтобы прочитать эту книгу, чтобы вы знали, куда идти, если вам нужно сделать больше. И Core Animation (и Sprite Kit) очень просты в использовании из-за API и C-ness Core Animation, игрового цикла и почти сущности, подобных системам Sprite Kit.
Если вы согласны с Corona, продолжайте. Завершение — единственное, что имеет значение. И Corona имеет достаточную производительность, просто сначала сосредоточьтесь на iOS и закончите. Беспокоитесь обо всей этой фрагментации на Android, если игра будет успешной. Вот где и как заставить все ваши игровые меню ПЕТЬ пользователю: help.apple.com/motion/mac/5.0/en/motion/usermanual/…
Ага, понятно, да, я активно использую Corona последние 6 месяцев, поэтому я задал здесь много вопросов о Lua. Да, я могу понять, иногда идея игры должна быть доказана правильно, прежде чем прилагать больше усилий, чтобы сделать ее лучше и расширить. Что касается производительности, я считаю, что XCode/Objective-C является лучшим. Я надеюсь, что однажды я смогу перейти к этому.

В прошлом я в основном использовал комбинацию Photoshop для реального пиксельного рендеринга и Illustrator для векторной графики (иконки, полосы, иллюстрации).

Для предварительного просмотра изображений на своих устройствах я использовал Liveview и Silkscreen.

Плюсы Liveview в том, что он транслирует изображение в реальном времени с определенного порта просмотра на ваше устройство с вашего рабочего стола. Минус в том, что он транслирует изображение вашего рабочего стола в реальном времени. Я обнаружил, что часто перемещаю окна или запускаю экранные заставки, и мне нужно снова войти в систему.

Плюсы шелкографии заключались в том, что она создает новое изображение для предварительного просмотра каждый раз, когда вы сохраняете свой PSD. Недостатком этого было то, что он не сохранял историю последних PSD для быстрой справки, поэтому я часто перезагружал файлы.

Появляется множество интересных продуктов, помогающих дизайнерам в предварительном просмотре иллюстраций, хотя в большинстве случаев нет ничего лучше, чем собственно создание приложения. Недавнее приложение Facebook Paper было разработано с помощью специального инструмента дизайна, созданного на основе Quartz Composer. ( Источник )

Мой лучший совет — найти удобные инструменты и использовать их. Поскольку вы являетесь разработчиком, использующим что-то вроде Quartz Composer или даже инструмент Facebook с открытым исходным кодом, созданный поверх Quartz, Origami.