ЧТО ТАКОЕ ПРОТОТИП, ВАЙРФРЕЙМ И МОКАП? |
ฝัง
- เผยแพร่เมื่อ 3 ส.ค. 2024
- Чтобы узнать более детально об обучении в Пижамной Академии напишите нам в Instagram / webdesign.academy или Telegram t.me/pajamaacademy
💫 Сайт Пижамной Академии Веб-дизайна
web-design.academy/
Многие дизайнеры путают терминологию сферы вебдизайна, а если вы в начале пути, то совсем не ясно что и как называется.
Что такое вайрфрейм? Зачем нужен прототип? Как различить мокап от макета?
Все это на наглядных примерах я рассказываю и показываю в видео.
Для того чтобы запомнить эти термины не нужны словарики и заучивание слов в вебдизайне, стоит один раз понять для чего каждый из них нужен и на каком этапе в разработке дизайн проекта их применять.
Вайрфрейм - это приблизительный набросок будущей структуры интерфейса на бумаге или в програме - 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
Спасибо большое за такую классную подачу! Такая атмосфера) подписка однозначно
Ееее, спасибо за фидбек! 💖🤓
ураааа спасибо, я наконец-то поняла))
Еееееесс💖🤓
Огромное спасибо за полное и детальное объяснение разницы между терминами. Мне очень нравиться Анечка, ваш канал.
Надя 🫶
Наконец-то всё понятно, спасибо за видео
Ееей супер, рада что было полезно 😇
все по полочкам 🤟 молодец
Пасиба 😍
а за видео респект! все стало понятно,
спасибо за отзыв
Клевый канал, хорошая подача
спасибо большое за поддержку 🤓
Спасибо братик, познавательно.
Не понял последний продвинутый тип прототипа и мокапа, в чем отличия!
Я конечно скорее сестра, но спасибо 😬 отличие продвинутого прототипа в том, что для него нужен программист, а обычный можно в фигме потестировать
Спасибо за видео, а как получить такие же листы для рисования варфреймов?
Можно прийти ко мне на обучение и получить не только их но и полезные знания 🥰
а где взять вот эти листы чтобы на них прям рисовать?
конкретно эти у меня на обучении, в принципе можно заменить на листы в клетку для удобства
Можно их где то скачать?
Можно заменить на листы в клеточку а именно такие я даю ребятам на курсе 🤓
@@web-design.academy тебя совсем про другое спросили
По-русски правильно говорить "вскрыть голову"
Эмм, окей ну я думаю уловили что это thinking out of the box 📦😵💫
По-моему, Вы сами путаетесь, что такое прототип) в нем не должно быть нет ни цветов, ни иконок
Всё зависит от уровня проработки прототипа ✌