Какое программное обеспечение лучше всего подходит для дизайна GUI?

Я широко использовал Photoshop, но дело в том, что это инструмент для редактирования фотографий. В него встроены некоторые сложные эффекты, такие как тени и внутренние и внешние свечения и т. Д., Но этого просто недостаточно при разработке графического интерфейса. Например, вы не можете добавить несколько редактируемых градиентов. И вы должны обмануть инструменты, чтобы добиться желаемого эффекта, когда они не были предназначены для этого.

Я также начал использовать Fireworks, и мне нравятся некоторые вещи, такие как возможность изменять кривые на скругленном прямоугольнике, но палитра цветов в этой программе просто не пригодна для использования. Когда вы заходите в палитру цветов Mac, она говорит, что цвет отличается от того, что есть, из-за того, что Fireworks неправильно обрабатывает цветовые профили. Это делает настройку цветов очень сложным процессом. И программное обеспечение в целом похоже на предварительную версию (и, возможно, так и должно быть).

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

Универсального «лучшего» программного обеспечения для проектирования GUI не существует. Это зависит только от вашего программного обеспечения / рабочих процессов.

Photoshop

Я не уверен, что вы подразумеваете под «несколькими редактируемыми градиентами», но если вы знаете, что делаете, Photoshop предоставляет все инструменты, необходимые для разработки любого графического интерфейса, который вы можете себе представить. Не требуется никаких «хитрых» инструментов.

Несмотря на свое название, Photoshop превратился далеко не в простой инструмент для редактирования / манипулирования фотографиями, и нет никаких причин, по которым вы не можете создавать графический дизайн в нем. Вероятно, Photoshop предоставляет наиболее полный набор инструментов для редактирования растровых изображений среди всех графических программ, представленных на рынке, и он используется для всего: от цифровой живописи до раскрашивания комиксов, иллюстрации, веб-дизайна и пользовательского интерфейса, производства видео и создания 3D-игр, даже фотографий. судебно-медицинская экспертиза.

Такие функции, как корректирующие маски, стили слоев, векторные контуры, смарт-объекты, композиции слоев и т. Д., Делают его естественным выбором для дизайна пользовательского интерфейса для тех, кто уже знаком с его интерфейсом и глубоким набором функций. Еще одним плюсом является то, что он хорошо интегрирован с такими инструментами, как Illustrator, Flash Catalyst и многими сторонними приложениями / плагинами.

Фейерверк

Многие люди предпочитают Fireworks для веб-дизайна, потому что это то, для чего он был специально разработан, и по этой причине это также хороший инструмент для графического дизайна. Будучи объектно-ориентированным и поддерживающим страницы, символы и стили, Fireworks очень хорошо подходит для рабочего процесса разработки UX. Многие люди также находят, что Fireworks дает им лучшее управление без искажений, не прибегая к линейкам, направляющим или измерительным инструментам.

Кроме того, Fireworks обладает множеством полезных функций, таких как градиентное сглаживание, образцы ASE и в некотором смысле лучший контроль над типографикой, чем в Photoshop. Веб-слой Fireworks и его интеграция с Adobe Device Central также позволяют быстро создавать прототипы для нескольких устройств.

Иллюстратор

Illustrator, еще одно популярное приложение среди UX-дизайнеров, имеет много общего с Fireworks. Как и Fireworks, он поддерживает символы, расширенные стили объектов, несколько монтажных областей (аналогично страницам) и даже лучшие средства векторного редактирования.

Photoshop, Fireworks, Illustrator, а также InDesign имеют наборы каркасов / трафаретов и шаблоны UX, доступные для них в Интернете, но модульный дизайн UX проще в Illustrator и Fireworks благодаря их поддержке многоразовых библиотек символов.

Illustrator также поддерживает стили символов и абзацев, благодаря чему его типографский дизайн намного превосходит Photoshop или Fireworks. Кроме того, Illustrator отлично подходит для иллюстрации, поэтому любые значки или веб-графику, которые вы, возможно, захотите создать, можно сделать в одной программе.

InDesign

InDesign - еще одно очень популярное приложение среди IA, IxD и ​​т. Д. Его возможности графического дизайна могут быть ограничены, но его поддержка страниц, стилей абзацев и символов, фрагментов и библиотек объектов делает его идеальным для многих задач проектирования UX. InDesign также имеет очень продвинутые средства набора текста и поддерживает макеты сетки. Это, наряду с интеграцией InCopy и Adobe Digital Publishing Suite, делает его естественным выбором для компаний, занимающихся печатными СМИ, которые хотят разрабатывать мобильные приложения для своих журналов.

Но в конце концов, каждый инструмент имеет свои сильные и слабые стороны. Большинство UX-приложений, таких как Axure, Balsamiq, OmniGraffle и т. Д., Имеют множество отличных UX-функций для макета / каркаса / интерактивного дизайна. Но, в конце концов, вам все равно нужно на самом деле разработать графику для пользовательского интерфейса, для чего нужны такие инструменты графического дизайна, как Photoshop / Fireworks / Illustrator.

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

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

Top features:
Built-in stencils for diagraming and prototyping
Multi-page document with background page
Inter-page linkings!
On-screen text editing with rich-text supports
Exporting to HTML, PNG, Openoffice.org document, Word document and PDF.
Undo/redo supports
Installing user-defined stencils and templates
Standard drawing operations: aligning, z-ordering, scaling, rotating...
Cross-platforms
Adding external objects
Personal Collection
Clipart Browser
Object snapping
Sketchy Stencil
And much more...

Там, где я работаю, мы используем Indesign. Мы стремимся создавать чистые макеты на основе сетки с осторожными типографскими стилями, и для них отлично подходит Indesign. Он имеет точный контроль над стилями символов, абзацев и объектов, что хорошо переводит на CSS и позволяет точно настраивать эти элементы в любой точке процесса, а также позволяет более согласованное расположение. Это не так здорово при экспорте графических элементов, но мы считаем, что компромисс стоит того.

Одним из самых неожиданных инструментов прототипирования GUI на самом деле является Keynote. Я знаю немало первоклассных дизайнеров пользовательского интерфейса, которые клянутся этим, и Keynotopia - фантастический ресурс для использования Keynote таким образом. Если бы я не видел, чтобы он использовался так эффективно, я бы, наверное, не поверил, но он работает довольно хорошо. Если вы на Mac, попробуйте!

Я работаю в Пидоко .

С нашими инструментами для создания прототипов вы можете создавать прототипы для веб-сайтов, мобильных приложений или программного обеспечения. Вы можете смоделировать макет прямо на рабочем столе, смартфоне или планшете, используя бесплатное приложение Pidoco из AppStore и из Google Play .

Ключевые особенности:

• Сотрудничество в реальном времени
• Экспорт в HTML, PDF, Word, PNG, SVG
• Много трафаретов
• Шаблоны
• Пользовательские трафареты
• SaaS, так что вы можете использовать его из любого браузера