Figma с нуля до котика | Урок для начинающих дизайнеров
ฝัง
- เผยแพร่เมื่อ 17 ก.ย. 2024
- Видеоурок по работе с программой Figma для начинающих. Обучение в Фигме с 0.
Основы веб (UI/UX) дизайна!
УЧИТЬСЯ ДИЗАЙНУ БЕСПЛАТНО: study.logomach...
В этом видео Ксюша Есипова, спикер марафонов и курса по веб-дизайну от Логомашины, рассказывает, как пользоваться основными инструментами программы Figma. Урок отлично подойдёт тем, кто ни разу не открывал эту программу или графические редакторы в целом.
Подготовим открытку для инстаграмм, с котиком, текстом и фотографией.
за 30 минут.
Будем использовать инструменты фигмы. Просто повторяй за экспертом на видео и у тебя все получится!
Ссылка на установку Figma: www.figma.com/...
В этом видео я покажу вам основные шаги, которые нужно предпринять, чтобы начать работать с Figma. Мы рассмотрим все ключевые аспекты, которые помогут вам создавать красивые и профессиональные макеты. Вот что мы будем изучать:
Установка и настройка Figma: Я покажу вам, как скачать и установить Figma на ваш компьютер, а также поделюсь некоторыми полезными настройками, которые помогут вам повысить эффективность работы.
Интерфейс и инструменты: Разберем основные элементы интерфейса Figma и функциональность каждого инструмента. Вы узнаете, как использовать слои, группировку, выравнивание, инструменты рисования и многое другое.
Работа с макетами: Я продемонстрирую вам, как создавать и управлять макетами в Figma. Вы узнаете о сетках, направляющих, масштабировании и адаптивности, чтобы создавать удобные и гибкие дизайны.
Совместная работа: В Figma вы можете совместно работать с другими дизайнерами и командами. Я расскажу вам о функциях совместной работы и совместного редактирования, чтобы вы могли легко делиться своими проектами и получать обратную связь.
Интеграции и плагины: Figma предлагает широкий спектр интеграций и плагинов, которые могут улучшить ваш опыт работы. Я покажу вам некоторые полезные инструменты, которые помогут вам ускорить и улучшить ваш рабочий процесс.
Это только некоторые из ключевых тем, которые мы рассмотрим в этом видео. Независимо от того, являетесь ли вы начинающим дизайнером или хотите узнать больше о Figma, я уверен, что вам понравится и найдете много полезной информации в этом видео.
Не забудьте подписаться на мой канал, чтобы получать больше интересных видео о дизайне и современных инструментах. Благодарю вас за просмотр, и до скорой встречи в следующем видео!
---
01:00 Вводный урок по фигме
04:20 Создаем фрейм
06:40 Рисуем котика
22:20 Готовим фон фрейма
22:45 Готовим текст
28:50 Вставляем фотографию
37:30 Экспорт подготовленного поста
![HIWWHEE | OHM [Official MV]](http://i.ytimg.com/vi/OJJLtTLqLag/mqdefault.jpg)
😭 ваш котик был моим первым проектом в фигме, сейчас наткнулась на ролик, вспоминаю, как этот ролик мне тогда помог, спасибо!!
Вы учились с нуля? ❤
Все супер. Но программа обновилась и трудно в новой программе обучаться по старой версии.
Как классно и доступно для новичка, кажется, прямо сейчас пойду и всё сходу идеально сделаю😆
Было очень приятно вас слушать)
Огромное СПАСИБО!
Я все поняла и сделала открыточку.
Сама бы не справилась.... Тыкалась, тыкалась и бросила это дело.
Вы мне очень помогли !
Спасибо! Теперь можно спокойно понаделывать открыток на любой праздник!
о спасибо, как раз хотел начать работать в фигме
Очень хороший урок, спикер прекрасно рассказывает😍
Спасииибооооооо!!!! Получилось !! 🥺🙏🏼
Спасибо за урок! всё очень доступно и понятно
Спасибо за урок! Немножко тупила, но так всё поняла и сделала милую открытку с коричневым котиком и оранжевым градиентом.
Спасибо большое , очень полезное видео )Жду не дождусь следующего ))))
Большущее спасибо! Суперский урок! Все понятно)
Спасибо! Отличный урок! Все понятно.
Девушка-преподаватель молодец
Клааас! Давайте еще подобное по фигме )))
Спасибо все доходчиво и лаконично
Мне нравится, что сразу практика, обожаю!!
Спасибо, Ксюша )) 👍
спасибо, в целом, получилось - понятно объяснили. только почему-то не вышло всё сделать во фрейме поста инстаграмм. когда двигала его в слоях на самый верх, котик бледнел(( ну, и всё остальное тоже. пришлось вручную выставить слои так, чтобы всё отображалось корректно и объединить просто в одну группу, и уже её экспортировать. будем разбираться, что пошло не так, но уже не сейчас - притомилась, у меня это заняло значительно больше времени, чем идёт видео))
Какая прелесть!!! Спасибо!!!
Спасибо за урок.хорошее обьяснение.все понятно
Не поняла как выделять два элемента, чтобы после объединить их в группу.
Выделить мышкой элементы, которые нужно с группировать, потом правой кнопкой мыши выбрать Group selection
Спасибо за урок, за вдохновение и полезные советы.
спасибо, очень доступно объяснили
Очень понятно и интересно! Спасибо большое! ❤
Спасибо огромное ,Ксюша ,вы очень хороший учитель! Я смогла всё, кроме ,как поставить сердечко в один слой с надписью)))
Меня одну все занятие оставшиеся напрягало Учитья вместо УчитьСя?
Ну просто супер. Я очарован. Так просто рассказать о figma.
Большое спасибо! Это лучший урок по Figma для новичков
кто тоже с интенсива?
Огромное спасибо за видео! У меня получилось нарисовать котика и вышло так удачно, что я сделала из него стикер в телеграме, которым теперь пользуются друзья! Подскажите, а как научиться создавать картинки самостоятельно, а не по образцу? Срисовать у меня теперь получится, но хотелось бы научиться придумывать самой
Святая женщина, спасибо огромное 😅😅😅😅
Спасибо посмотрела , посмеялась. С таким простым и и легким приложением справится 10ти летний ребенок.
Спасибо!!!💜
Я люблю Марету
А почему у меня фигма по-другому выглядит ничего не понятно?
ребят, я не знаю объясняется ли это дальше по ходу видоса, но кто так же задался вопросом о том как быстро менять зум ctrl + колесико мышки (на винде))
Ещё ctrl "+" и ctrl "-"
Здравствуйте, спасибо большое за урок! Не совсем поняла откуда сердечко взялось, а потом когда фиолетовый круг вставляла в рамку, текст «все получится» почему то остался на белом фоне…. 👩💻
Сердечко я просто скопировала из телеграмма, это просто смайлик:)
Про фон белый под текстом - проверь, что у тебя нет заливки у прямоугольника, который вокруг него! Скорее всего там белый остался!
"Редкий кот идеально круглый" - так и запишем 😊
Крутое объяснение. Жаль что фигма не на русском. Быстрее бы можно было разобраться самому))
Положила круг для засвета во фрейм, но он также отображается и за пределами фрейма. На видео отображается кусок круга, который только во фрейме. Не могу понять что делаю не так
возможно уже поздно, но все равно отвечу, нужно в настройках фрейма в панели справа нажать галочку рядом с "Clip content", таким образом элемент скроется за границами фрейма :)
Почему у меня не получается вставить это сердееечкооо, уже откуда только не копировала его??((
Скажите, пожалуйста в этом приложении бесплатный доступ не ограничен?
21:08 - cat is finished !
Как выделить 2 элемента без объединения их мышкой? Когда я нажимаю Ctrl + G у меня сразу создается группа с одним элементом, а 2 выделить никак не выходит
Вариантов несколько. Можно зажать shift и выбрать нужные элементы в панели слоев. Второй вариант - зажать shift и кликнуть на два нужных элемента во фрейме. А дальше уже объединять в группу.
Кстати, таким же образом можно и перемещать несколько элементов одновременно
как объединили усики я не поняла, так же, как и объединили лапки
группировка усов ctrl+g а сложить -сверху посредине два квадрата и там Union Selection
@@illustriel у меня на ctrl+g сразу создается группа из 1 усика, как выделить 2?
Здравствуйте я Вика интересное видио
Сколько популярных преподавателей UX UI пересмотрела - вы понятнее всех объясняет. Спасибо! Скажите, а как линейку (разметку) файла сделать, как у вас на экране?
Вы разобрались с вопросом?
Приятная девушка, но очень хочется в обучении какой-то системности, а не "а теперь я хочу вот так". Подскажите пожалуйста источники для системного и глубокого изучения программы, если такие есть.
Нормально всё рассказывает. Есть такой термин. Учись играючи. Вот так она и учит.
Здравствуйте! Скажите, пожалуйста, почему текст не получается вставить? Кликаю внутри, и ничего. Я час сидела над этим🤦😥
Разобрались?
Скорее всего он у вас скрыт верхним слоем. Поднимите слой с текстом наверх.
У меня вообще не получается найти создать картинку
А что делать, когда просит подписку? Выбрать start for free?
Да
я не поняла как копировать объекты 😢
с кнопкой альт
Я так и не поняла как зарегаться..(
Анимация там же делается?
Какие-то базовые анимации можно настроить в фигме, через прототипирование. И есть плагины, которые помогают делать прямо посложнее штуки! Но вообще для анимации используют другие программы, где больше возможностей ( например, After Effects)
Плагин Figmotion, можно сделать достаточно неплохие анимации, хорошо подойдёт для анимации Аппок. Если надо что-то быстро сделать и не тратить особо времени.
@@kseniaes Хорошая вещь Афтер, но у меня анимация персонажа не получилось.
найс урок
тоже не понимаю как вставить сердечко в текст😭
Не обзывайте мою Мию
Название нереально умилительное🥺