Программы для UI/UX дизайна?

Question

[ALEX]

Добрый день, недавно начал изучение Веб дизайна, конкретно я планирую заниматься созданием дизайна сайтов, интерфейсов, мобильных приложений. Мои знакомые дизайнеры посоветовали Figma, что вы думаете об этой программе и какие еще программы можете посоветовать для работы и выполнения проектов.

Comments

[Rustam Bainazarov]

Правильно советовали.

[hOtRush]

figma, sketch, principle, photoshop

[Никита Гарейшин]

Верно посоветовали!

[antimodern]

А кто такой "Вордпресс дизайнер"?)))

Answer 1

[NaN]

sketch, figma, framer, кто-то adobe линейку любит, но первые два варианта более подходят для веб дизайна

+ для прототипирования: invision (ссылка), axure (ссылка)

Answer 2

[lukoie]

Что НУЖНО использовать:
Фигма
Скетч
Авокод
Зеплин
Фотошоп
Адоуби ХД
Иллюстратор(удобно свг делать)
остальное можете просто на попробовать. Есть ряд удобных няшек, типа "анима" или быстрых инструментов прототипирования, которые можно время от времени крутить в руках. Но они не станут у Вас инструментами для повседневной работы.

Answer 3

[Viacheslav Mykhailov]

В целом, для начала рекомендую именно Figma т.к. изучив её Вы сможете легко перейти в Adobe XD или Sketch - естественно есть отличия, но изучив один инструмент из этой "тройки" Вы сможете легко освоить остальные.

Также хочу заметить, что для прототипирования можно использовать как Figma (очень базово) так и Adobe XD (встроен достаточно хороший редактор, потому многие используют этот инструмент как универсальный). Но рекомендую специализированные программы по типу Invision (в первую очередь для интерактивных прототипов).

Главные отличия:

• Figma - позволяет нескольким дизайнерам, без проблем, работать над одним проектом + можно сразу просматривать стили (css к примеру) элементов.
  
• Adobe XD - имеет достаточно хороший, встроенный, инструмент для прототипирования.
  
• Sketch - как по мне - просто хорошая программа для дизайна, без особых отличий, кроме того, что не работает с прототипированием ("из коробки") - доступна только для Mac.
  

Answer 4

[Нерон Лордов]

Figma наше всё. Правильный совет дали друзья. Она еще и бесплатная.

Answer 5

[Владимир Проскурин]

Незаслуженно недооцененный Lunacy, который хорошо работает с файлами sketch (чтение/запись, по сравнению с фигмой, которая умеет только чтение), а также, отлично работает оффлайн (по сравнению с той же фигмой, которая без интернета не даст даже глянуть макеты).

Answer 6

[suhooy]

Figma или sketch(он только под мак)

Answer 7

[Вероника]

С Figma как дизайнер пыталась поработать, но пока не зашло. Со стороны верстальщика мне совсем не нравится, сервис сыроват.

Sketch отличная программа, но только под macOS.
Как аналог есть AdobeXD, который довольно быстро развивается.

Все мои друзья дизайнеры новичкам люто советуют начинать с Photoshop, но как по-мне там слишком много лишнего функционала. У вас больше времени уйдёт на его освоение, чем на изучение и разработку дизайна.

Есть ещё InVision Studio, открывала посмотерть, врорде у них много шансов ворваться на рынок.

Comments

[Нерон Лордов]

Со стороны верстальщика мне совсем не нравится, сервис сыроват.

Расскажи по-подробнее, плиз

[Вероника]

Нерон Лордов, стили можно посмотреть только в чистом CSS, без препроцессоров и прочего. Не удобно, что надо кликать кучу раз, будто пробираешься по слоям. Не поняла, как сделать там стайл-гайд для цветов и шрифтов. Это из того, что сразу вспомнила

[Нерон Лордов]

Вероника,
два вида отображения css-свойств:


---

***
Можно пример кода из аналогичного фигме ПО, но с препроцессорами?

***
Стайл гайд просто в правой колонке, когда ничего не выделено (сначала идут шрифты, потом цвета):



Каждый стиль можно просмотреть в коде (css/ios/android)

***
Кучу раз кликать не понадобится, если зажимать CTRL

[Ян Корвин]

Вчера пришлось поюзать Adobe XD (не было интернетов, а сверстать нужно было одну форму - так пользуюсь Фигмой). Как минимум нет гайдов, что вообще убило... Плюс ещё чего-то недосчитался (гуглил, вышел на их сайт, а там, мол "мы работаем над этим"). Вот уж кто сыроват тут, так это Adobe XD. А в фигме очень много всяких ништяков, и правильно написал человек выше - какие-то моменты могут быть не столь очевидны, но они там есть.

[Вероника]

Ян Корвин, да, Адоб сырой, но его активно развивают, по сути это просто пародия Sketch, но доступная на винде. Раньше даже нельзя было сделать вектор с круглыми углами у линии =D
По гайдам не знаю - мне было всё интуитивно понятно, хотя мне кажется они должны быть)) Ещё видела видосы, где сами производители что-то делали в этой программе

[Вероника]

Нерон Лордов, я в курсе как выглядит Фигма :)

***
Пример стилей в Zeplin


***
Пример стилей в InVision

[Владимир Проскурин]

Со стороны верстальщика мне совсем не нравится, сервис сыроват.

Если сравнивать со специализированным софтом для верстальщиков - Zeplin или Avocode, то тут конечно не фигма, не invision не смогут конкурировать. Но плюс фигмы в том, что она бесплатна и есть под винду.

[Вероника]

Владимир Проскурин, так же как Adob XD, но Фигма конечно лучше :) В Фигме можно расшарить 3 проекта, в Адоб - 1; плюс там много встроенных фишек, экспорт в другие приложения типа зеплин и авокод, работа в браузере.
А InVision довольно не плохой, но лично мне неуднобно

Answer 8

[McBernar]

Фотошоп только для растровой графики. Фоточку поретушировать.

Для интерфейсов однозначно Фигма. Это уже почти стандарт в отрасли. И Фигма вам не даст делать той ерунды, что позволяет Фотошоп. Именно благодаря Фотошопу мы до сих пор наблюдаем обилие безумных бессмысленных рюшечек на сайтах.