5. Подход к дизайну сайтов | Курс UX UI Дизайнер: «Возрождение» | Бесплатный курс веб дизайна
ฝัง
- เผยแพร่เมื่อ 14 ก.ค. 2024
- Пятый урок курса UX/UI Дизайнер: «Возрождение».
Домашние задания в телеграм канале: t.me/yemdigital/24
Лекция о том, как подойти к работе над дизайном сайта или лендинга
Подписывайтесь в сетях:
Instagram: / tony.yem
LinkedIn: / tonyem
#Веб #Дизайн #Курс
Спасибо Archie за помощь с таймингами:
0:00 - Интро
2:50 - Объяснение сути заданий
14:55 - Практика в Фигме
21:44 - Поиск вдохновения на Behance
22:24 - Кратко о брутализме
24:20 - Сложности кейса BELLATOR
28:38 - Auto layout: пример автоматизации отступов в Фигме
32:00 - Переиспользование и ui kit
36:17 - Компоненты и экземпляры (инстанции)
43:20 - Ответ на вопрос: что такое лендинг
43:55 - Возвращение к разбору кейса
53:45 - Структура проекта
59:17 - Турнирная сетка как референс для древа сайта
1:04:30 - История изменения проектов в Фигме (show version history)
1:08:20 - UI blocks
1:14:00 - Сборка сайта из компонентов
1:22:35 - Иконки - thenounproject
1:23:10 - Фотостоки
1:29:30 - Соблюдение стиля иконок
1:34:00 - Завершение и ответы на вопросы
Если не сложно, по ходу просмотра урока запишите тайминги видео с описанием тем и оставьте их в комменте - я добавлю к видео, чтобы всем кто будет пересматривать было легко найти где какая тема в двух-часовом уроке. Поможете тысячам зрителей, а я в благодарность, добавлю ваш ник в описание 😉 (как например, уже сделано во-втором уроке курса)
2:50 домашка
14:55 демонстрация в фигме
21:44 behance и взаимодействие
22:24 брутализм
24:20 концепт кейса для компании BELLATOR
28:38 auto layout - одинаковое отступы в дизайне
32:00 переиспользование и ui kit
36:17 instance / компоненты
42:54 ответ на вопрос про лендинг
45:44 продолжение разбора кейса
53:45 структура / пункты проекта
59:17 турнирная сетка как референс для древа сайта
1:04:30 машина времени / show version history
1:08:20 ui blocks
1:14:00 сборка сайта из компонентов
1:22:35 иконки - thenounproject
1:23:10 фотостоки
1:29:30 соблюдайте стиль иконок
1:34:00 завершение и ответы на вопросы
Огромное спасибо😃! Безумно рада что нашла ваш канал, тут есть всё для тех, кто хочет детально разобраться в ux/ui, а не просто подборка видео а-ля как стать дизайнером за неделю.
я твои уроки разрекламировала уже всем и везде😂 до сих пор не могу поверить, что настолько полезная и важная инфа в открытом доступе!! спасибо огромное,Тони! Впервые в жизни я так увлеченно слушаю уроки, впервые в жизни мне что-то действительно НРАВИТСЯ!! Кстати, может быть где-то есть инфа о твоих платных курсах? Чтобы с обратной связью и каким-то сертификатом? Очень хочется быть все-таки под наставничеством кого-то) уже после 1го урока поняла, что ты - мой человек)) приятно и интересно слушать! Так что вместо каких-то дальнейших курсов я б лучше позанималась именно с тобой)
Тони, большущее спасибо тебе за курс, уроки и знания, которые ты передаешь! Очень полезно, подробно и понятно!
Успехов и удачи тебе!🎉
Спасибо больяшое за курс! очень итересно и практично. Я все больше и больше влюбляюсь в профессию дизайнера. Задумала поменять профессию и вот наткнулась на Ваш курс. Очень нравиться и похоже сомнений в каком направлении двигаться не осталось.
Пишу комментарий , чтобы показать этот клад бОльшему количеству людей
Спасибо вам !❤это первый курс , который оказался действительно полезным , более того ,чувствуется ваш профессионализм , то чего я не смогла найти ни на одном из курсов ( столько потраченного времени и денег , научили пользоваться тильдой за 11 тысяч …сейчас мне безумно сложно ,делаю все очень долго и надеюсь это к чему то приведёт, щёлкнет так сказать что-то внутри и я освою дизайн !
Ну как, освоил?)
Спасибо огромное!
Класно🤩 С нетерпением ждала новогого урока🥳
Тони, огромное спасибо за труды! Классный курс. Детальный. А главное бесплатный) Ставлю лайк и иду смотреть следующий урок;)
Зачёт!
Спасибо огромное! щедрая душа. супер качественный материал!)
Тони, проект впечатляет 🤯, спасибо за разбор, буду изучать. Интересная и нужная инфа про иконки.
Тони, потрясный сайт, колоссальная работа! Спасибо, что делишься такими ценными знаниями и подсказками! Ты крутой!
пасиба
⁉Ответы на главные вопросы:
1. Как обычно запись не редактировал - как трансляция была записана, так и оставил для сохранения атмосферы.
2. Чат во-время премьеры живой - общайтесь. Я в это время на работе, но буду стараться отвечать на вопросы.
3. Следующие видео будут выходить по расписанию, которое можно смотреть в специальном файле с картой программы курса (здесь: www.figma.com/file/lMEmBYcKQcfdS6odp9WPiT/UX%2FUI-Course%3A-Roadmap?node-id=0%3A1)
4. Описание домашнего задания опубликую в нашем телеграм канале (t.me/yemdigital)
а где тест на внимательность, Тони?)
Вот )
cantunsee.space/
@@yemdigital 7330 Gold (top10%)
Rank: БРОНЗА (top 50%)
Спасибо большое за твою работу! Этот курс очень полезный и интересный) Спасибо, что делишься знаниями, сейчас есть много людей, которым это очень поможет (в том числе и мне)
А где можно увидеть ссылку на проект, который рассматривался в уроке?
Добавил ссылку на проект телеграм канал к посту этого урока )
Тонни, дружище, а можешь ли ты скинуть ссылку на проект белатора, хочется посмотреть как он устроен, посмотреть его структуру?
Тони, а сколько бы стоило сделать такой реальный кейс Белатор и сколько времени вы бы попросили у заказчика для завершения задания? Могу предположить что дней 30 и 10-15к$?
Тоже очень интересно сколько стоит такая работа
+
У нас разный Биханс. Нет кнопки "Взаимодействие". Зато есть UI/UX ). За 10 дней все изменилось?
Нет, за два года успело поменяться. Большая часть уроков курса презаписанные - я три года вел курс платно и теперь решил сделать бесплатным (здесь все заранее объяснил: th-cam.com/video/0NPKvxqejQo/w-d-xo.html). А в прямом эфире сейчас только некоторые уроки (к примеру 9) и все проверки заданий.
01:18:15 где 269 где 270 не видно сё где выделяется че пишется где
Конкретно у них партнёры не просто так, это же реклама, а ты взял и эту рекламу стёр, они обязаны светить логотипами.