Тёмный

КАК СДЕЛАТЬ ДИЗАЙН САЙТА В FIGMA (часть 1) 

HOTLABE STUDIO
Подписаться 853
Просмотров 6 тыс.
50% 1

В этом видео мы рисуем дизайн-макет сайта и генерируем картинки в нейросети. Рассказываю весь процесс дизайна.
В следующей части ролика, мы будет верстать сайт на Tilda, со всеми адаптациями экрана и устройств
Теги:
#дизайнсайта #figma #нейросеть #tilda

Опубликовано:

 

26 дек 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 20   
@hotlabe
@hotlabe 5 месяцев назад
FIGMA ФАЙЛ ДИЗАЙН МАКЕТА ИЗ РОЛИКА: t.me/hotlabe/17
@feoktistov_k
@feoktistov_k Месяц назад
!красиво сделано, задумка не в бабушкеном стиле, сделано современно, класс, буду смотреть тебя дальше
@life_xypma
@life_xypma 25 дней назад
мне кажется нужно было не «силу ИИ» увеличивать а работать с его чакрами! стопудовый вариант)
@user42674
@user42674 3 месяца назад
Только начинаю изучать фигму и для меня это прям мастхэв идея и очень много полезного для себя узнал, спасибо за разбор!
@user-pm6nq6ub9t
@user-pm6nq6ub9t 5 месяцев назад
Молодец 👍 круто получилось
@notfrost8452
@notfrost8452 5 месяцев назад
Спасибо за видео, очень полезно
@hotlabe
@hotlabe 5 месяцев назад
🫶
@tkirill04
@tkirill04 5 месяцев назад
А будет 2 часть ? Интересно посмотреть, как все это будет переноситься в тильду
@hotlabe
@hotlabe 5 месяцев назад
Скоро будет!
@bozhenkas
@bozhenkas 5 месяцев назад
Визуально выглядит приятно, но с точки зрения веба очень спорно. Не знаю особенности вёрстки на тильде, но вообще есть общепризнанные стандарты в тех же отступах (размер отступа должен делиться на 10 или в редких случаях на 4). Ни в коем случае нельзя ломать привязку к пиксельной сетке, когда речь идёт об изменяемых элементах (циферка в корзине у тебя) - верстальщик просто охyeeт от твоих дробей и невыхyeeт обратно. Очень больно было смотреть на карточки без компонентов: если коротко зачем нужны компоненты - в дизайне повторяющихся элементов часто нужно изменить все элементы разом, например карточки товара, в твоём случае ты будешь сидеть и ручками редактировать каждую карточку; а если бы ты использовал компоненты, то можно было бы мгновенно изменять все карточки через мастер.
@hotlabe
@hotlabe 5 месяцев назад
Упор был показать стильный дизайн, и тк верстаем сами на тильде, это все учитывается. Но и моя ошибка была показать такой способ, ведь новички посмотрят и будут повторять. Компоненты в лендосах не сильно то и нужны. А так спасибо, учтем!
@Ako-ti1vm
@Ako-ti1vm 3 месяца назад
Подскажи, как ты достаешь оранжевую линейку с пикселями для выравнивания? Где в начале второй фрейм относительно первого ровнял по 10 пикселей
@DatkaiymTamerlanova
@DatkaiymTamerlanova 4 месяца назад
Получилось всё очень эстетично и люксово! У вас явно прекрасный вкус в дизайне!
@user-yc7tn4ro3x
@user-yc7tn4ro3x 4 месяца назад
Данная работа абсолютна не пригодна для коммерческого использования, не советую учиться у таких авторов.
@hotlabe
@hotlabe 4 месяца назад
Есть понятие коммерческий сайт, там понятное дело мы опираемся на продажи, тут же смысл показать более интересные решения
@hotlabe
@hotlabe 4 месяца назад
Спасибо!
@psx-rust
@psx-rust 2 месяца назад
блин вот всё классно, но ты можешь больше не вставлять этот клаксон на заднем фоне в виде фононовой музыки вначале ролика? Просто музыку для влога пожалуйста, очень подбешивала. За урок спасибо.
@elastik95
@elastik95 5 месяцев назад
А где найти и скачать можно эту нейросеть?
@hotlabe
@hotlabe 4 месяца назад
Скачивать не нужно, вбей в гугле "krea ai" первая ссылка
@Anton_ned
@Anton_ned 2 месяца назад
прикольно получилось, но научись использовать красивые числа. А то у тебя отступы 10, закругления 43, плашки 603 пикселя Бери значения те что делятся на 4/8
Далее