Веб-дизайн

Делаете ли прототип интерфейса в программах типо Axure и Mockplus, или сразу идёте в Figma?ux/ui дизайн.

Сергей Малинин
Сергей Малинин
85 031
Axure и подобные программы предназначены для создание сложных интерфейсов. где сначала нужно построить логику работы. Например, разработка CRM.

Структура → элементы → стили → поведение. Просто последовательная детализация проекта. А в чем она осуществляется не важно. Формат конечных чертежей важнее.

Я бы их вообще в PDF предоставлял. Ну правда, вы себе представляете что слесарю нужно уметь пользоваться кульманом для чтения чертежей детали? А ведь предоставление файлов PS или Figma именно такой подход подразумевают.

Style guide (типографика, шрифты, сетка, поведение), UI Kit (элементы), Layout (макеты страниц), Cut Guide (инструкции) в PDF. Плюс каталог Assets. Шрифты, изображения, actions для обработки изображений…

Не говоря уж о том, что в полиграфии, из которой взялся термин верстальщик, это дизайнер. Веб–верстальщику, скорее наборщику соответствует. Может стоит, как на Хабре предлагали, вместо верстальщиков ввести веб–технологов (правда, тоже не однозначное определение). Специалисты которые не просто «режут макеты», а думают как человек это сайт на медленном 3G получать будет. Или что будет если его через screen reader откроют. Или на телевизоре откроют (но тут вопрос и к дизайнерам).

А там глядишь и дизайнеры вспомнят, что не у всех пользователей 27 экраны с идеальной цветопередачей и 100% зрение. Что бывает цветовая слепота и дислексия. Что сайт таки предназначен не только для выставления в Behance.

Речь естественно не о сайтах «однодневках».

P. S. «ux/ui дизайн» меня это все время веселит. Это как? Эргономика или интерфейс? Эргономика деленная на интерфейс? Эргономика против интерфейса? Или еще какое значение есть у косой черты при таком применении?
СС
Сергей Сидоркин
72 573
Лучший ответ
Сергей Малинин Axure для прототипирования "наброска" того, что возможно получится, но не более того, вообще не серьёзная параша для выпендрижа и экономии времени, хотя то же самое можно набросать в фигме грубо и дать заказчику.
"А ведь предоставление файлов PS или Figma именно такой подход подразумевают." -фигма даёт некоторые огрызки кода, зайдите в мой предыдущий вопрос про фигму, там про это как раз было)))
Я вообще сторонник программ типо https://www.adobe.com/ru/products/dreamweaver.html, но на меня тут все за это арут, а я просто не перевариваю нотерпад, в финале то сайт в коде должен быть всё равно и на фиг его в фигме и фотошопе отрисовывать...

"«ux/ui дизайн» меня это все время веселит." - это типо придумываешь так чтоб удобно оценивая поведение людей и чтоб одновременно типо красиво.
Сергей Малинин коммент 2 : https://otvet.mail.ru/question/219523991 -вот тот вопрос он просто не совсем предыдущий...
Сергей Сидоркин БЛЭК КЭТ (гёл), бесплатно. Платно — создание приватных каркасов.
Главный минус… Загляни по своей ссылке. : -)))
Вот что я набросал за пару минут — https://wireframe.cc/emMrTx
 
Для верстки глубокое знание JS не требуется. Достаточно умения подключать готовые скрипты.
О Танька, привет как дила, как самоизоляция?
НИатвичают тебе, наверное просто никто не в курсе этих названий
Игорь Давыдов
Игорь Давыдов
50 031
Я еще понимаю процесс - сначала на бумаге, а потом в Figma. Но зачем Axure и Mockplus в качестве посредников? Вообще все перечисленные проги самодостаточные и имеют хоть и схожий, но отличающийся все же функционал. Выбирается одна прога в зависимости от задачи.
Сергей Малинин Не совсем это самодостаточные проги. На бумажке не солидно и речь о прототипе, то есть не полном дизайне, а об его "наброске", чтоб дать представление заказчику что это будет и как это всё будет выглядеть приблизительно, расположение блоков, текстов и тому подобное, без детализации. Это чтоб не тратить время на дизайн, который может не устроить заказчика.
Алексей Гриценко Во всех упомянутых прогах сложность нарисовать прототип одинаковая. Значит, нет смысла ковырять одну прогу, потом другую. Ну нарисуй в Фигме черновой вариант и покажи. Причем, в Фигме удаленно показывать очень легко.