ЧТО ТАКОЕ ПРОТОТИП, ВАЙРФРЕЙМ И МОКАП? |

Чтобы узнать более детально об обучении в Пижамной Академии напишите нам в Instagram / webdesign.academy или Telegram t.me/pajamaacademy
Многие дизайнеры путают терминологию сферы вебдизайна, а если вы в начале пути, то совсем не ясно что и как называется.
Что такое вайрфрейм? Зачем нужен прототип? Как различить мокап от макета?
Все это на наглядных примерах я рассказываю и показываю в видео.
Для того чтобы запомнить эти термины не нужны словарики и заучивание слов в вебдизайне, стоит один раз понять для чего каждый из них нужен и на каком этапе в разработке дизайн проекта их применять.
Вайрфрейм - это приблизительный набросок будущей структуры интерфейса на бумаге или в програме - wireframe.cc/
Прототип - это более проработанная интерактивная структура будущего интерфейса. Этапы прототипирования включают в себя несколько стадий при разработке дизайн проекта.
Мокап\Макет - это максимально проработанный визуально дизайн
Каждый из них играет важную роль при разработке дизайн проекта и каждый уважающий себя веб дизайнер должен в них разбираться и понимать смысл.
Для этого я здесь 🤓
В этом видео:
0:00 О чем видео?
0:40 - Вайрфрейм | Wireframe
0:50 - Виды вайрфреймов
1:32 - Способы создания
2:34 - Первый способ
3:27 - Второй способ
4:48 - Прототип
5:04 - Для чего нужен прототип
5:44 - Виды прототипа
7:08 - Мокап\Макет
Больше про UX дизайн в Инстаграм:
/ webdesign.academy
подписывайся 💛
Заглядывай в телеграм комьюнити:
t.me/pajamaacademy
Ставь лайк 👍 этому видео и подписывайся на канал, здесь будет еще много полезного про UX дизайн!
#uiux #wireframe #prototype #mockup #uxdesign #design

[@prohodaa]

Спасибо большое за такую классную подачу! Такая атмосфера) подписка однозначно

[@design_academy_pj]

Ееее, спасибо за фидбек! 💖🤓

[@dashpavl380]

ураааа спасибо, я наконец-то поняла))

[@design_academy_pj]

Еееееесс💖🤓

[@mashasimbaeva1398]

Наконец-то всё понятно, спасибо за видео

[@design_academy_pj]

Ееей супер, рада что было полезно 😇

[@nadezhda3773]

Огромное спасибо за полное и детальное объяснение разницы между терминами. Мне очень нравиться Анечка, ваш канал.

[@design_academy_pj]

Надя 🫶

[@levmamedov17]

все по полочкам 🤟 молодец

[@design_academy_pj]

Пасиба 😍

[@user-nd6gw4en6s]

а за видео респект! все стало понятно,

[@design_academy_pj]

спасибо за отзыв

[@ostaprobin1189]

Клевый канал, хорошая подача

[@design_academy_pj]

спасибо большое за поддержку 🤓

[@user-eu4eb8lw7u]

Спасибо за видео, а как получить такие же листы для рисования варфреймов?

[@design_academy_pj]

Можно прийти ко мне на обучение и получить не только их но и полезные знания 🥰

[@joedzhaliev6971]

Спасибо братик, познавательно.
Не понял последний продвинутый тип прототипа и мокапа, в чем отличия!

[@design_academy_pj]

Я конечно скорее сестра, но спасибо 😬 отличие продвинутого прототипа в том, что для него нужен программист, а обычный можно в фигме потестировать

[@user-nd6gw4en6s]

а где взять вот эти листы чтобы на них прям рисовать?

[@design_academy_pj]

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

[@user-eu4eb8lw7u]

Можно их где то скачать?

[@design_academy_pj]

Можно заменить на листы в клеточку а именно такие я даю ребятам на курсе 🤓

[@sunuvugun]

@@design_academy_pj тебя совсем про другое спросили

[@sunuvugun]

По-русски правильно говорить "вскрыть голову"

[@design_academy_pj]

Эмм, окей ну я думаю уловили что это thinking out of the box 📦😵‍💫

[@MsSunhara]

По-моему, Вы сами путаетесь, что такое прототип) в нем не должно быть нет ни цветов, ни иконок

[@design_academy_pj]

Всё зависит от уровня проработки прототипа ✌