Яке програмне забезпечення найкраще для дизайну GUI?


9

Я широко використовував Photoshop, але справа в тому, що це інструмент редагування фотографій. У неї вбудовані деякі складні ефекти, такі як тінь, що падає, внутрішнє та зовнішнє світіння тощо, але цього просто недостатньо для проектування графічного інтерфейсу. Наприклад, ви не можете додати кілька редагованих градієнтів. І вам доведеться обдурити інструменти, щоб зняти потрібний ефект, коли вони не були призначені для цього.

Я також почав використовувати феєрверки, і є кілька речей, які мені подобаються, такі як можливість продовжувати змінювати криві на округлому прямокутнику, але підбір кольорів у цій програмі просто не корисний. Коли ви переходите до вибору кольорів mac, він каже, що колір є чимось іншим, ніж він є, завдяки феєрверкам неправильно обробляти кольорові профілі. Це робить коригування кольорів дуже складним процесом. І програмне забезпечення в цілому відчуває себе як попередня версія (а може і бути).

Тож мені цікаво, яке програмне забезпечення кожен рекомендував би для створення графічного інтерфейсу? Там повинно бути якесь програмне забезпечення, яке дозволяє вам мати ряд редагованих ефектів, які ви можете змінити, змінити порядок, переміщатися в будь-який час, а також усі інші інструменти, необхідні для створення чудової графіки.


Виходячи з усіх відповідей тут, ми потребуємо вас для уточнення питання. Я вважаю, що ви запитуєте програмне забезпечення для створення власне елементів графічного інтерфейсу ... піктограм, кнопок тощо. Або ви запитуєте про каркасну рамку?
DA01

Відповіді:


7

Не існує універсального "найкращого" програмного забезпечення для дизайну GUI. Це просто залежить від вашого програмного забезпечення / налаштувань робочого процесу.

Photoshop

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

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

Такі функції, як маски регулювання, стилі шару, шляхи вектора, розумні об'єкти, компіляція шарів тощо, роблять це природним вибором для дизайну інтерфейсу для тих, хто вже знайомий з його інтерфейсом та глибоким набором функцій. Ще одним плюсом є те, що він добре інтегрований з такими інструментами, як Illustrator, Flash Catalyst та багато сторонніх додатків / плагінів.

Феєрверки

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

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

Ілюстратор

Ще одне популярне додаток серед UX-дизайнерів - Illustrator, який ділиться великою силою з Fireworks. Як і феєрверк, він підтримує символи, вдосконалені стилі об’єктів, декілька архівних панелей (схожих на сторінки) та ще кращі засоби редагування вектора.

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

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

InDesign

InDesign - це ще одне дуже популярне додаток серед IA, IxDs і т.д. InDesign також має дуже вдосконалені засоби набору тексту та підтримують макети сітки. Це, разом із інтеграцією InCopy та Adobe Digital Publishing Suite, є природним вибором для компаній, що друкують засоби масової інформації, які хочуть розробляти мобільні додатки для своїх журналів.


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

Ось чому більшість робочих процесів проектування інтерфейсу включає більше одного додатка. Тому, якщо ви не стосуєтесь лише однієї частини процесу проектування інтерфейсу, наприклад, проводка кадрів або побудова бібліотеки UX або створення прототипів, тоді не буде єдиного "найкращого програмного забезпечення".


2

Олівець - це невеликий та простий у користуванні інструмент дизайну GUI.

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...

введіть тут опис зображення


Це приємний інструмент для проведення каркасних кадрів, але я думаю, що ОП шукала інструмент для графічного редагування.
DA01

1

Де я працюю, ми використовуємо Indesign. Ми схильні створювати чисті макети на основі сітки з ретельними типографічними стилями, і для цих дизайнів це чудово. Він має чіткий контроль над стилями символів, абзаців та об'єктів, що добре перекладається на CSS та дозволяє точну настройку цих елементів у будь-якій точці процесу, а також дозволяє більш узгоджене розташування. Це не так вже й чудово при експортуванні графічних елементів, але ми вважаємо, що торгівля вартий того.


1

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


0

Я працюю в Pidoco .

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

Основні характеристики:

  • Співпраця в реальному часі
  • Експорт у HTML, PDF, Word, PNG, SVG
  • Багато трафаретів
  • Шаблони
  • Спеціальні трафарети
  • SaaS, щоб ви могли використовувати його з будь-якого браузера

2
Будь ласка, не рекламуйте свою компанію з усіх питань, що задаються питанням про каркасні рамки. Хоча дякую за те, що ти відкритий, що ти там працівник.
DA01
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.