Figma. Дизайн сайта за 90 минут | Часть 1
Vložit
- čas přidán 27. 08. 2024
- Друзья привет! В сегодняшнем видео я расскажу как сделать дизайн сайта в Figma простыми словами. Мы плавно подходим к правильному дизайну, который в дальнейшем будем использовать в webflow. Но для этого нужно понять азы самой фигмы.
Вторая часть: • Figma. Дизайн сайта за...
В этом видео вы узнаете, как использовать Figma для проектирования сайта с нуля. Мы разберем множество важных аспектов дизайна, включая:
1. Создание макета сайта
2. Работу с сеткой и сетчатыми системами
3. Добавление и стилизацию текста и изображений
4. Работу с auto layout
Этот урок идеально подходит как для начинающих, так и для опытных дизайнеров, которые хотят улучшить свои навыки.
Зарегистрироваться в Webflow:
webflow.partne...
Телеграм канал (тут будут все исходники курса):
t.me/joinchat/...
_____________
Поддержать канал монетой:
(UA) secure.wayforp...
(Все страны) www.donational...
_____________
Школа дизайна:
umapalata.space
Мое портфолио:
umapalata.net/...
Всем привет, Меня зовут Макс Куратов я живу в Украине. Занимаюсь графическим дизайном веб дизайном и веб разработкой. Это мой основной род деятельности. С 7 лет я изучаю Photoshop. В какой то момент это было моим хобби. Вскоре я стал web-дизайнером с опытом более 8 лет. #фигма ,#figma , дизайн сайта, дизайн первого экрана
Друзья привет! В сегодняшнем видео я расскажу как сделать дизайн сайта в Figma простыми словами. Мы плавно подходим к правильному дизайну, который в дальнейшем будем использовать в webflow. Но для этого нужно понять азы самой фигмы.
В этом видео вы узнаете, как использовать Figma для проектирования сайта с нуля. Мы разберем множество важных аспектов дизайна, включая:
1. Создание макета сайта
2. Работу с сеткой и сетчатыми системами
3. Добавление и стилизацию текста и изображений
4. Работу с auto layout
Этот урок идеально подходит как для начинающих, так и для опытных дизайнеров, которые хотят улучшить свои навыки.
Телеграм канал (тут будут все исходники курса):
t.me/joinchat/AAAAAEadvOAkiKMAeDJ-tQ
_____________
Поддержать канал монетой:
(UA) secure.wayforpay.com/tips/umapalata
(Все страны) www.donationalerts.com/r/makskyratov
_____________
Я за всю свою жизнь писала комментарии на ютубе раз 6 от силы. Мне 22, и на ютубе я 12 лет сижу. И вот седьмой комментарий пишу тебе.
Макс!! Ты лучший!Спасибо, что проделываешь огромную работу и помогаешь нам всем узнавать что-то новое. Ты пример для меня и для тысячи других людей. Ты огромный молодец! Я смотрю твои видео и постоянно восхищаюсь твоим трудом. Благодаря тебе, я узнала много нового и полюбила дизайн еще больше❤️ спасибо тебе🥹
Всегда так радуюсь , когда от Макса новые видео вижу .
Спасибо за полезнейший контент .
Максим, я так скучала по твоим видео по сайтам 🫶🏻 лайк не глядя ❤
Макс, спасибо тебе! Всегда нужную инфу вовремя постишь! Это именно то, что было нужно!!!
Автоматом лайк, очень хорошо объясняешь и доступно, недавно просмотрела бесплатный курс по Фотошопу, очень помог! Спасибо тебе за проделанную работу 💌
Спасибо за курс🙏🏼 и ваш контент!
Спасибо за ролик !
Шикарно
Спасибо-спасибо!
Нарешті webflow ❤❤❤🎉🎉🎉
так это фигма, а не вебфлоу))
То комент на перспективу ;)
@@MaksKyratov я про курс
Коасавчик, лайк 👍🏻
Вопросы!
1. Зачем использовать ректенгл когда достаточно использовать просто фрейм (контейнер DIV), ректенгл это фигура?
2. Не проще использовать автолейаут в меню устанавиливая сразу все выключки?
3. Может я что-то упустил и был какой-то определенный смысл в таком способе?
Доброго , скажіть тільки починаю працю
На фірмі цікавить таке питання , якщо копіюю сайт інший мое фото все добре , а якщо потрібно розміри добавити і щось типу такого кольори а в блоках на сайті треба також міняти якщо вони є на сайті який скопіював або блок такий в ручну треба робити тільки ?
Привіт!
Дякую за це й інші відео!
Підкажи чи є відео зі створення кабінету, де клієнт скачує файли чи дається якийсь обмежений доступ
Чи я ще не дійшов до нього?)))
Є таке відео в конструкторі сайтів Тільда
а от куда взять нам материалы ?
у меня одного горячие клавиши не работают?
Если у вас винда, то вместо Ctrl используйте Shift
Це сайт в зеро док копіювати треба так і потім там рекламувати все ?
Привет, спасибо за видео! Все получилось.
Как ты сделал градиенты в карточках? С однотонными градиентами понятно, но как сделать акцентный градиент огненных оттенков на 22:15?
А это фотки, будьте внимательны . Все фотки я в телеграм закинул
@@MaksKyratov если будет время на это, можешь покажешь как ты сделал эти градиенты?)
Либо я плохо ищу, либо еще на ютубе нет видео на эту тему
Почему ты даёшь стиль H2 для небольшого текста Leadership, а для более крупного See the Future - H3?
Когда в основах вёрстки говорится, что хединг H1 это самый большой текст, а потом всё меньше и меньше.
У тебя по факту H2 должен быть H3, а H3 - H2
хочешь секрет? Н1 заголовок может быть и 14рх и 16рх - главное что бы он был единственным на странице. так же все эти теги Н1-2-3-4-5-6 - как дизайнер и сео спец распределят, так и будет. эти теги есть? -есть. где не правильно? -да вроде правильно, и работает.
В webflow как сделать autoscale как на Tilda ?
Благодаря единицы измерения vw
Спасибо 😊@@MaksKyratov
Подожди, а почему ты делаешь фрейм в 1280. 1280 это же контентная зона оптимальная. А у тебя получается сам фрейм 1280 и внутри ты ему задаёшь сетку еще меньше.
Чтобы мой контент не был приклеен к краю экрана на самых мин мониторах комп версии.
@@MaksKyratov хорошо, а как будет выглядеть сайт на мониторах 1920?
@@Pac-Man.0812 ну для этого уже нужна здравая верстка ,которая делается уже в вебфлоу. Там все проще, самое важное позаботится о худшем варианте - 1280 (минимальном) . Ну это если в 2 словах, а вообще в вебфлоу можно делать макет и выше 1400 и те же 1920, НО все это верстается ОТ базы, где база 1280
Понял. Спасибо, что ответил.
Доброго , скажіть тільки починаю працю
На фірмі цікавить таке питання , якщо копіюю сайт інший мое фото все добре , а якщо потрібно розміри добавити і щось типу такого кольори а в блоках на сайті треба також міняти якщо вони є на сайті який скопіював або блок такий в ручну треба робити тільки ? Типу інтертоп сайт можу скопіювати і туди свої фото товара і розуміти вигрузити ?