Адаптивный дизайн сайта в Figma [Уроки Веб дизайна]
HTML-код
- Опубликовано: 7 сен 2024
- 🔥 Не забудьте скачать мою книгу «от Курьера до Дизайнера интерфейсов»
disk.yandex.ru...
В ней я рассказываю свою историю, как мне удалось стать дизайнером с полного нуля и как бы я действовал сегодня, если бы начинал все с «чистого листа».
👇 Присоединяйтесь
Канал в Телеграм: t.me/bygeorgytim
Ссылка на проект: www.figma.com/...
В этом уроке я покажу вам как сделать адаптивный дизайн сайта в Figma.
Для тех, кто не в курсе, фигма (figma) - это графический редактор, предназначенный для разработки дизайна различных интерфейсов (от простых сайтов, до сложных проектов).
Данное видео подойдет для тех из вас, кто хочет освоить веб дизайн с нуля. Конкретно в этом уроки веб дизайна мы с вами разберем адаптивный дизайн landing page и как подготовить проект к передачи его в разработку.
Подписывайтесь на канал, здесь я бесплатно выкладываю figma уроки про web design и ux ui дизайн, которые помогут вам прокачать свои скилы в дизайне.
![Дизайн сайта в Figma | Creative Agency | Минимализм [Speed Art]](http://i.ytimg.com/vi/PyzBp4_Dops/mqdefault.jpg)
![Дизайн сайта в Figma | Creative Agency | Минимализм [Speed Art]](/img/tr.png)
![Дизайн сайта в Figma - Рисуем Лендинг Элитной Недвижимости [с комментариями]](/img/1.gif)
Чувствуется, что человек не просто пилит контент, а делает его с искренним намерением научить! Спасибо.
Спокойная,приятная, понятная речь.Спасибо!
Благодарю:)
Давно искал что-то подобное - большущее спасибо, очень многое прояснилось, буду изучать подробно.
Легкого изучения вам:)
Отлично подан материал. Спасибо. Н зря потратил время на просмотр видео. Часто авторы пробегают по верхам, но у вас все доступно и понятно. Подчерпнул для себя несколько интересных мыслей и приемов. Всегда инересно посмотреть как делает кто-то еще.
Спасибо за обратную связь :) Рад что видео оказалось для вас полезным!
@@user-bp8rq7dk9c Не за что. Хорошее дело стоит быть отмеченым и поднятым повыше)) Кстати обратил внимание, что интереснее смотреть и узнавать инструментарий на реальных примерах. Помимо функционала интересно описана организация файлов и стилей. Отличное подспорье для начинающих, чтобы сразу делать правильно и соблюдать культуру передачи файлов в разработку.
Единственный, из которых я смотрела, кто объяснил всё внятно и понятно. Благодарю вас!
Приятно слушать, все очень структурированно и понятно! Спасибо :)
Спасибо ОГРОМНОЕ!!!!Очень полезное видео,как раз то что искала.Георгий - вы ТАЛАНТ!
Помимо того, как сделать адаптивный дизайн сайта, вы мне помогли разобраться в вариантах)
Спасибо Вам!)
Пересматриваю ваши замечательные видео. Как жаль, что перестали вести канал!
Спасибо за урок! У вас хорошо получается объяснять материал. Если есть желание, то не бросайте это дело
Я даже это скачал. Оно того стоит. Можно параллельно по телеку смотреть и повторять. Спасибо за потраченное Вами время.
Хорошее видео. Для меня, как для новичка, очень полезная информация. Спасибо, Георгий.
Осталось закрепить полученные знания на практике:)
@@user-bp8rq7dk9c при следующем просмотре, буду паралельно делать.
👍 уверен у вас получится)
Спасибо большое за такое подробное донесение информации. Абсолютно всё было полезно
Спасибо за видео, шикарное объяснение❤️
Спасибо большое, видео кайф, все полезно и доступно 👍
Спасибо за такое полезное видео!
У вас хорошо канал, уроки чёткие и понятные. Спасибо вам огромное.
Запишите, пожалуйста, как создать правильно портфолио и выгрузить на Behance. Буду оооочень благодарна.
Спасибо :) взял на заметку вашу просьбу)
@@user-bp8rq7dk9c Спасибо 😊
Шикарное видео, спасибо вам за ваш труд!
и вам спасибо за отзыв:)
Это просто офигенное видео, большое спасибо!
Видос шик, спасибо, как раз искал подобный видос, ибо все остальное какое-то не такое. Посмотрел без перемоток
Большое спасибо! Наконец-то нашла хорошее объяснение данной темы
Спасибо за ролик! Чисто и без воды. Не до конца понимаю, как правильно указывать параметры констраин для каждого элемента.
Спасибо огромное. Как всегда,отличный урок!
и вам спасибо за отзыв)
🔥🔥🔥 Спасибо большое за информацию, за труд! 🤗👍🌟
Благадарю за видео!
Спасибо за то, что обьяснил и показал
Пользуйся)
Классное видео!
Только учусь, делаю свой первый адаптив и уже надо переделать ui kit, так как раздробила на отдельные фреймы под каждый пункт. Спасибо за информацию как правильно ;)
Георгий Привет . Мог бы ты объяснить мне что делать дальше после отрисовки лендинга? Какие следующие шаги ? Я отрисовал будущий сайт , а теперь заказчик просит что я сделал все остальное , с чего начинать мне ? Дальше идёт верстка ? Он хочет полностью что бы сайт ему делал именно я , с чего мне начинать читать и учить дальше ?
Очень здорово всё рассказано! Вопрос по теме - было бы здорово посмотреть, как делаешь адаптацию под широкоформатные мониторы. Т.е. где уместнее увеличивать размеры элементов макета, а где просто распределять по ширине.
Было крайне полезно. А есть ли видео по Mobile First когда сначала идет разработка в 360 а только потом Desktop ?
Нет, но за идею для видео спасибо) возможно сделаю урок
Спасибо! Все по полочкам )
Спасибо, это было невероятно полезно
Вы на 17:22 говорите, нужно создать вотдельный автолейяут.
Какие клавиши вы нажимаете? Спасибо.
я сам выяснил - вы нажимаете Shift + A
отличный урок, только его освоение тормозит такая мелочь, как отсутствие клавиш на экране, которые вы нажимаете.
Браузеры, так как ты говоришь, сворачивают считанные проценты пользователей, а объяснить 1000 можно было планшетной шириной 1024
мне тоже было сильно полезно) помогло сделать домашку на курсе Нетологии
Огонь 🔥
Супер крутое видео! Спасибо вам огромное! Только остался вопросик: какого размера должны быть шрифты для мобильной версии сайта?
🔥 Бесплатная книга «от Курьера до Дизайнера интерфейсов». Моя история, как я стал дизайнером.
disk.yandex.ru/i/NRKQQjVT-dqsZg
Поддержать канал - boosty.to/georgytim
Телеграм - t.me/bygeorgytim
это единственное видео на русском языке где все очень подробно рассказано и по делу. Георгий, огромное спасибо. реально я несколько дней подряд искал видео на данную тематику но ничего конкретного не нашел, кроме твоего ролика. так еще и файл приложил из фигмы. просто пушка!!! с радостью бы подписался на канал, но заметил что ты его перестал вести. Книгу твою прочитаю обязательно. потому что я сейчас сам работаю курьером в самокате и хочу стать веб дизайнером.
Спасибо) на канал времени особо не хватает, но планирую возобновить выпуски)
Хорошее видео, спасибо
звук и картинка немного портят впечатление, а так круто)
главное содержание)
Подскажи, пожалуйста, какими расширениями пользуешься для скачивания картинок и получения информации о тексте, отступах, шрифтах? Спасибо!
А относительно чего меняется колонки сетки, то есть как мы можем понять что на моб версию нужно поставить именно 2 колонки и тд? Спасибо
Дякую 🙏🙏🙏🙏
круто спасибо
хахах. всем большой привет))) оронул
Подписка!
Благодарю)
@@user-bp8rq7dk9c Добрый день! Лучший канал. Много чего смотрю, но такого детального объяснения еще не встречала. Вы берете на индивидуальное обучение?
Спасибо
Дебелизм с этой версткой полный. Фигма меняет параметры как ей вздумается при манипуляции основным фреймов. Не знаю как в старой версии, но в новой это ад.
В новой версии даже ютуб фигмаблогеры не знают до конца, получится у них прямо сейчас та или иная опция или нет, к слову все эти переключения компонентов и их настройка лишняя потеря времени, для разраба UI кит уже более чем достаточен. И это если дело касается большого корпоративного сайта.
Посмотри как он переключениями автолеауты убирал и подгонял в мобилке, за это время можно в ручную без лишних телодвижений все подогнать в ручную и поместить в контейнер.
В общем Фигма как всегда сделала все через жопу, а блогеры пытаются адаптироваться.
Соглашусь. Лучше бы они смотрели какие плагины популярны, а следовательно необходимы дизайнерам и внедряли бы их уже в свою программы. Только сделать эти функции удобнее. @@user-kl3is8xg8u
Отличная подача! Спасибо большое🔥