Изучение Figma (Фигма) с нуля / Урок #2 - Фреймы, объекты и рисование
Вставка
- Опубліковано 1 чер 2024
- Начиная с этого урока мы приступаем к разработке дизайн проекта в программе Figma. За урок мы научимся создавать фреймы, добавлять Grid систему, расставлять объекты и рисовать объекты самостоятельно.
✅ Полезные ссылки:
- Урок на сайте itProger: itproger.com/course/figma/2
- Курс по реализации дизайна на практике: itproger.com/course/android
⏰ Тайм-коды:
00:00 - Начало
00:25 - Реализация на практике
00:50 - Основные элементы программы
05:17 - Создание фрейма
11:15 - Система сеток
14:02 - Боковая панель
17:40 - Создание кнопки
20:35 - Редактирование объектов
29:00 - Заключительная часть
✔ Сообщество программистов: itproger.com/
✔ -------------
Вступай в группу Вк - prog_life 🚀
Группа FaceBook - goo.gl/XW0aaP
Инстаграм itProger: / itproger_official
Instagram: / gosha_dudar
Telegram: t.me/itProger_official
Twitter - / goshadudar
- Уроки от #GoshaDudar 👨🏼💻
- Все уроки по хештегу #goshaLessons
Спасибо огромное за уроки для начинающих. Буду разбираться.
Спасибо! Все понятно. Вы можете научить любого! Браво!
Очень полезное видео для новичка, спасибо :)
Подарило желание пособирать что-нибудь свое, по итогу 2-3 дня просто делала какие-то базовые вещи - порисовала фон, панель инструментов для мобильного приложения, лого, блоки с текстом, причём в свое удовольствие. Вот, пока наигралась, вернулась за остальными видосами
с вашей подачи просто влюбилась в фигму! спасибо большое за такое понятное объяснение, я просто кайфую
Огромное спасибо! Четко и понятно, завтра буду со вторым уроком заниматься. Подписка и лайк!
Спасибо за урок! 🔥🔥🔥
как база для новичков идеально, спасибо!
Спасибо большое за уроки!
Огромнейшее Вам спасибо!
Благодарю за урок ❤. Очень мне помогло.
Спасибо)))) Очень полезно и доступно.
спасибо большое за урок
Почему не полностью описываете свои действия? Вернее не аргументируете почему именно так сделали?
Давай ещё !
++
Дякую, дуже корисні відео)
Благодарю ❤❤❤
Спасибо!
ЖДУУ ПРОДОЖЕНИЯ
супер!
Спасибо
круто)
Спасибо за фигму.
У меня не получился контур ,отступление в квадрате с 2ух сторон,почему?
Было бы интересно посмотреть как создавать интерфейсы не только для андроида и сайта, но и для обычной программы
Согл
Так же)
Подскажи пожалуйста, можно ли в новый проект юнити загрузить готовую карту в формате obj? Я сделал ее на телефоне, а можно в юнити запихнуть, или надо отднльно в юнити опять делать?
Хороший вопрос! Прошло два месяца после вашего заданного вопроса а ответа всё еще никто не написал тут увы. Дайте знать плз если кто ответит выделив меня тут. Или быть может за два месяца вы нашли ответ на свой вопрос?!
А так за уроки спасибо
прошу сделайте сигну, я ваш фанат
У меня почемуто не меняется на другой цвет. как ето зделать
давай ещё урок
а можно импортировать лого или прочие сложные формы сюда из люстры? именно рисовать тут гемор
Лаер голд у меня нету этой кнопки.
Здравствуйте, сколько стоит разработка сайта?
Верстка одно, а дизайн другое
Не удаляется эта линяя когда нажимаю кнопку del,подскажите что не так??
Видимо не подскажут
Нужно выйти с режима построении линии, тогда удалится
Создай ролик где ты пишешь мессенджер! Если ты создаёшь то это разрыв ютюба.
Спасибо большое за видео. Но есть такой вопрос: почему нельзя рисовать дизайн приложения сразу в HTML? Пока по мне рисование в Figma - двойная работа
понял вас, лучше выполнить двойную работу чем получить в результате не пойми что
Потому что сначала делается дизайн, чтобы согласовать с заказчиком, а если вы будете писать код каждый раз для согласования, то работодатель разорится на кодерах
@@OcenivayKoteni по мне рисовать в Figma тяжелее, чем в HTML
@@Tivew так чтобы получить результат как в фигме, нужно же еще css написать. В общем, думаю если одинаковое количество опыта иметь в обоих делах, то фигма именно для граф дизайнера более понятна будет, нежели освоить html и css
Почему на сайте у тебя нет бесплатного тарифа?
бро у меня есть
Я. хочу сделать. обычный. типичный. закутуешеный мультик. Кто знает как сделать?
Подскажите, пожалуйста. Почему при создании круга, он оказывается позади прямоугольника и как вывести его на передний план?
Слева на панели со слоями поменяйте их местами
Слева на панели со слоями поменяйте их местами
@@Vikky-500 благодарю!
в ютубе есть много уроков куда лучше
что за детский сад с кубиками и овалами
Дударь хорош, можно сказать уникален, чтоб быстро получить первоначальное представление, и понять нужно ли это тебе вообще.
Скажите, в чем отличие Figma от CorelDraw?
Как я понял, вы сами пользоваться Гуглом не можете, иначе сами бы смогли загуглить. Как я смог найти, Figma - сервис для разработки интерфейсов и прототипирования с возможностью организации совместной работы в режиме реального времени, а CorelDraw - графический редактор векторной графики (если быть короче - аналог Фотошопа или Пеинта). А теперь объясню не терминами а по-человечески: первое для создания интерфейсов программ (подходит дизайнерам программ и программистам), а второе для рисования (подходит художникам). Эти программы не взаимозаменяемы - одно во втором не сделаешь. Ещё, как я вычитал, в пакет CorelDraw входит несколько программ: от пеинта до делалки скринов.
---
Проведу такую аналогию: сравнивать Figma и CorelDraw всё равно, что сравнивать Visual Studio и MS Word соответственно. Думаю, так точно будет всем понятно!
@@nakamasama Если бы вы попробовали использовать CorelDraw и Figma, то всего этого не писали...
Хочу ещё добавить, что я сам владею 12 сертификатами по 12 ЯП, но программирую только на двух: С++ и Питон. Остальные я уже забыл... Так что я знаю, о чём пишу.
@@nakamasama Здраствуйте. Сможете разработать ПО аналогичную фигме или корелу?
@@user-xt7jl6mq4u А зачем изобретать велосипед? Скажу честно: после просмотра курса я сам немного поработал в Фигме, хотел разобраться на опыте. Не вижу смысла создавать ещё одну программу, у которой будут только автора отличаться и названия проектов.
То же за то чтобы если уж и беретесь расаказывать что да как с нуля то будьте добры еще и демонстрировать...
Сказали удаляем линию, а как огромный вопрос...я так понимаю вы продвигаете свои уроки, но если так коряво преподавать вред ли кто возьмёт.
Слушай Гош. Я хочу создать мощную 3д игру под пк. На каком движке и языке делать. Подскажи плиз.
Если хочешь мощную, тогда только UE (т.е. Unreal Engine), который работает только с С++. Под "мощное" ввиду имеется то, что будет очень тяжёлое (10ГБ+) и нужно будет оптимизировать - подразумевается, что игра будет очень популярна и продаваться в тридорога (может, даже рейтинги побъёт). В любом другом случае выбирай Unity с С# - подразумевается игра лёгкая (3ГБ-), торознутая и, скорее всего, игра для детей. Сам я пользовался Godot'ом. Если интересно, почитай, что это за движок такой. Сам я, в первую очередь, советую Godot а во вторую UE, но Godot новый движок и врядли получится мощная игра, но в любом случае там есть поддержка 3D и игра будет лучше, легче и быстрее, чем такая же созданная на Unity. Дальше выбирай сам
@@nakamasama Спасибо за совет. С# знаю плохо, но хорошо знаю С++. Движок думаю что Unreal Engine так как я офигел от её графики; там так всё красиво что я влюбился. Кстати на UN не только мега тяжолые игры. А даже если то можно опцию сделать где графику на низко можно. Ещё раз спосибо за совет.
@@user-up2js6fy4j Мда... гугл видимо сдает позиции раз о таких вещах как движок для игр которых по факту штук 5 узнают из ютюб чата
У меня сетка не появляется. Полезла в Гугл, даже он не помог. Надоели эти уроки, где у автора все работает, а у меня нет.
Значит сама чето нажала и потом ещё жалуешься
@@TemhaN_UwU Так и есть
Необходимо выделить в левой колонке фигмы фрейм(frame) , у него значок (#) увидете что у вашего объекта будет синяя обводка и в правой колонке фигмы нужно найти layout grid нажать либо на него либо чуть правее будет (+) и появляется сетка, там уже меняете сетку как вам нужно
Вау, ништяк!
Не знаю как всем но мне кажется 30 мин это много. Надо время сократить там 20 мин сделать, просто не привычно что один урок идет там допустим 10 мин а другой целых 30 мин
Гоша как будто понимает мой мысли я недавно хотел создать макеты в Figma
Я первый
Слишком много воды
Привет чатик
Спасибо!