Figma с нуля до котика | Урок для начинающих дизайнеров
HTML-код
- Опубликовано: 4 фев 2022
- Видеоурок по работе с программой Figma для начинающих. Обучение в Фигме с 0.
Основы веб (UI/UX) дизайна!
В этом видео Ксюша Есипова, спикер марафонов и курса по веб-дизайну от Логомашины, рассказывает, как пользоваться основными инструментами программы Figma. Урок отлично подойдёт тем, кто ни разу не открывал эту программу или графические редакторы в целом.
Подготовим открытку для инстаграмм, с котиком, текстом и фотографией.
за 30 минут.
Будем использовать инструменты фигмы. Просто повторяй за экспертом на видео и у тебя все получится!
Ссылка на регистрацию на день рождения Логомашины в июне, с подарками для дизайнеров в телеграм
salebot.site/lmbirthday_1?utm...
Ссылка на установку Figma: www.figma.com/downloads/
В этом видео я покажу вам основные шаги, которые нужно предпринять, чтобы начать работать с Figma. Мы рассмотрим все ключевые аспекты, которые помогут вам создавать красивые и профессиональные макеты. Вот что мы будем изучать:
Установка и настройка Figma: Я покажу вам, как скачать и установить Figma на ваш компьютер, а также поделюсь некоторыми полезными настройками, которые помогут вам повысить эффективность работы.
Интерфейс и инструменты: Разберем основные элементы интерфейса Figma и функциональность каждого инструмента. Вы узнаете, как использовать слои, группировку, выравнивание, инструменты рисования и многое другое.
Работа с макетами: Я продемонстрирую вам, как создавать и управлять макетами в Figma. Вы узнаете о сетках, направляющих, масштабировании и адаптивности, чтобы создавать удобные и гибкие дизайны.
Совместная работа: В Figma вы можете совместно работать с другими дизайнерами и командами. Я расскажу вам о функциях совместной работы и совместного редактирования, чтобы вы могли легко делиться своими проектами и получать обратную связь.
Интеграции и плагины: Figma предлагает широкий спектр интеграций и плагинов, которые могут улучшить ваш опыт работы. Я покажу вам некоторые полезные инструменты, которые помогут вам ускорить и улучшить ваш рабочий процесс.
Это только некоторые из ключевых тем, которые мы рассмотрим в этом видео. Независимо от того, являетесь ли вы начинающим дизайнером или хотите узнать больше о Figma, я уверен, что вам понравится и найдете много полезной информации в этом видео.
Не забудьте подписаться на мой канал, чтобы получать больше интересных видео о дизайне и современных инструментах. Благодарю вас за просмотр, и до скорой встречи в следующем видео!
---
01:00 Вводный урок по фигме
04:20 Создаем фрейм
06:40 Рисуем котика
22:20 Готовим фон фрейма
22:45 Готовим текст
28:50 Вставляем фотографию
37:30 Экспорт подготовленного поста - Хобби
😭 ваш котик был моим первым проектом в фигме, сейчас наткнулась на ролик, вспоминаю, как этот ролик мне тогда помог, спасибо!!
Вы учились с нуля? ❤
Девушка-преподаватель молодец
Как классно и доступно для новичка, кажется, прямо сейчас пойду и всё сходу идеально сделаю😆
Было очень приятно вас слушать)
Спасибо большое , очень полезное видео )Жду не дождусь следующего ))))
Спасибо за урок! всё очень доступно и понятно
Большущее спасибо! Суперский урок! Все понятно)
Какая прелесть!!! Спасибо!!!
Очень хороший урок, спикер прекрасно рассказывает😍
Спасибо! Отличный урок! Все понятно.
Клааас! Давайте еще подобное по фигме )))
Спасибо! Теперь можно спокойно понаделывать открыток на любой праздник!
Ну просто супер. Я очарован. Так просто рассказать о figma.
Спасибо за урок.хорошее обьяснение.все понятно
Огромное СПАСИБО!
Я все поняла и сделала открыточку.
Сама бы не справилась.... Тыкалась, тыкалась и бросила это дело.
Вы мне очень помогли !
Спасибо за урок! Немножко тупила, но так всё поняла и сделала милую открытку с коричневым котиком и оранжевым градиентом.
Спасибо все доходчиво и лаконично
о спасибо, как раз хотел начать работать в фигме
Спасибо, Ксюша )) 👍
спасибо, очень доступно объяснили
Спасииибооооооо!!!! Получилось !! 🥺🙏🏼
Спасибо!!!💜
Очень понятно и интересно! Спасибо большое! ❤
Мне нравится, что сразу практика, обожаю!!
Большое спасибо! Это лучший урок по Figma для новичков
спасибо, в целом, получилось - понятно объяснили. только почему-то не вышло всё сделать во фрейме поста инстаграмм. когда двигала его в слоях на самый верх, котик бледнел(( ну, и всё остальное тоже. пришлось вручную выставить слои так, чтобы всё отображалось корректно и объединить просто в одну группу, и уже её экспортировать. будем разбираться, что пошло не так, но уже не сейчас - притомилась, у меня это заняло значительно больше времени, чем идёт видео))
Спасибо за урок, за вдохновение и полезные советы.
Огромное спасибо за видео! У меня получилось нарисовать котика и вышло так удачно, что я сделала из него стикер в телеграме, которым теперь пользуются друзья! Подскажите, а как научиться создавать картинки самостоятельно, а не по образцу? Срисовать у меня теперь получится, но хотелось бы научиться придумывать самой
Святая женщина, спасибо огромное 😅😅😅😅
Спасибо огромное ,Ксюша ,вы очень хороший учитель! Я смогла всё, кроме ,как поставить сердечко в один слой с надписью)))
Спасибо посмотрела , посмеялась. С таким простым и и легким приложением справится 10ти летний ребенок.
Я люблю Марету
Здравствуйте, спасибо большое за урок! Не совсем поняла откуда сердечко взялось, а потом когда фиолетовый круг вставляла в рамку, текст «все получится» почему то остался на белом фоне…. 👩💻
Сердечко я просто скопировала из телеграмма, это просто смайлик:)
Про фон белый под текстом - проверь, что у тебя нет заливки у прямоугольника, который вокруг него! Скорее всего там белый остался!
21:08 - cat is finished !
Сколько популярных преподавателей UX UI пересмотрела - вы понятнее всех объясняет. Спасибо! Скажите, а как линейку (разметку) файла сделать, как у вас на экране?
Вы разобрались с вопросом?
Меня одну все занятие оставшиеся напрягало Учитья вместо УчитьСя?
Скажите, пожалуйста в этом приложении бесплатный доступ не ограничен?
А почему у меня фигма по-другому выглядит ничего не понятно?
ребят, я не знаю объясняется ли это дальше по ходу видоса, но кто так же задался вопросом о том как быстро менять зум ctrl + колесико мышки (на винде))
Ещё ctrl "+" и ctrl "-"
Не поняла как выделять два элемента, чтобы после объединить их в группу.
Выделить мышкой элементы, которые нужно с группировать, потом правой кнопкой мыши выбрать Group selection
Почему у меня не получается вставить это сердееечкооо, уже откуда только не копировала его??((
Крутое объяснение. Жаль что фигма не на русском. Быстрее бы можно было разобраться самому))
Положила круг для засвета во фрейм, но он также отображается и за пределами фрейма. На видео отображается кусок круга, который только во фрейме. Не могу понять что делаю не так
возможно уже поздно, но все равно отвечу, нужно в настройках фрейма в панели справа нажать галочку рядом с "Clip content", таким образом элемент скроется за границами фрейма :)
Здравствуйте я Вика интересное видио
Название нереально умилительное🥺
Как выделить 2 элемента без объединения их мышкой? Когда я нажимаю Ctrl + G у меня сразу создается группа с одним элементом, а 2 выделить никак не выходит
Вариантов несколько. Можно зажать shift и выбрать нужные элементы в панели слоев. Второй вариант - зажать shift и кликнуть на два нужных элемента во фрейме. А дальше уже объединять в группу.
Кстати, таким же образом можно и перемещать несколько элементов одновременно
А что делать, когда просит подписку? Выбрать start for free?
Да
кто тоже с интенсива?
Здравствуйте! Скажите, пожалуйста, почему текст не получается вставить? Кликаю внутри, и ничего. Я час сидела над этим🤦😥
Разобрались?
Скорее всего он у вас скрыт верхним слоем. Поднимите слой с текстом наверх.
найс урок
Анимация там же делается?
Какие-то базовые анимации можно настроить в фигме, через прототипирование. И есть плагины, которые помогают делать прямо посложнее штуки! Но вообще для анимации используют другие программы, где больше возможностей ( например, After Effects)
Плагин Figmotion, можно сделать достаточно неплохие анимации, хорошо подойдёт для анимации Аппок. Если надо что-то быстро сделать и не тратить особо времени.
@@kseniaes Хорошая вещь Афтер, но у меня анимация персонажа не получилось.
Я так и не поняла как зарегаться..(
я не поняла как копировать объекты 😢
с кнопкой альт
как объединили усики я не поняла, так же, как и объединили лапки
группировка усов ctrl+g а сложить -сверху посредине два квадрата и там Union Selection
@@illustriel у меня на ctrl+g сразу создается группа из 1 усика, как выделить 2?
У меня вообще не получается найти создать картинку
тоже не понимаю как вставить сердечко в текст😭
Приятная девушка, но очень хочется в обучении какой-то системности, а не "а теперь я хочу вот так". Подскажите пожалуйста источники для системного и глубокого изучения программы, если такие есть.
Нормально всё рассказывает. Есть такой термин. Учись играючи. Вот так она и учит.
Не обзывайте мою Мию