Дизайн сайта в Figma. Уровень новичок.

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 พ.ย. 2024

ความคิดเห็น • 103

  • @SofyaFilippova
    @SofyaFilippova  10 หลายเดือนก่อน +9

    Ссылка на мой проект в Figma - www.figma.com/file/GxLuZNKTYFgDPuBm5HQwlh/%D1%82%D0%B0%D0%BD%D1%86%D1%8B?type=design&mode=design&t=3xMggoCqrV71y4UL-1
    Чтобы редактировать мой файл, вам нужно скопировать его в свой аккаунт. Инструкция:
    1. Открываете мой файл
    2. В верхней панели по центру нажимаем на стрелку у названия проекта «танцы»
    3. В выпадающем меню выбираем - dublicate to your drafts
    4. В новом окне должен открыться проект, который будет уже в вашей Figma, который вы сможете редактировать
    Картинки для дизайна - drive.google.com/drive/folders/1A6zlL-wzKX3N5gwVZEibU0hUdQ6sYNCl?usp=sharing

  • @Nniikka
    @Nniikka 10 หลายเดือนก่อน +40

    очень круто то что ты снимаешь так долго, и бесплатно обучаешь чему то новичков ❤

  • @_jam_and_honey_
    @_jam_and_honey_ 29 วันที่ผ่านมา

    Самое лучшее разъяснение из все что я видела! Я ненавидела Фигму, теперь чувствую себя намного увереннее. Спасибо София! ❤️

  • @anastasia.mingaleva
    @anastasia.mingaleva 10 หลายเดือนก่อน +13

    Изучаю фигму первый день, решила начать с этого видео, всё очень доходчиво, пошло как по маслу) Приятно вас слушать)

    • @kurkinz493
      @kurkinz493 7 หลายเดือนก่อน

      Как успехи ?

    • @Smartfibonachi
      @Smartfibonachi 4 หลายเดือนก่อน

      80% что забросила

  • @anastasiyapankratova48
    @anastasiyapankratova48 6 หลายเดือนก่อน +3

    И тут я поняла, что нашла своего преподавателя! Софья, спасибо за титанический труд и за то, что делитесь знаниями! Захотелось к вам на курс!

  • @Akashi05
    @Akashi05 9 หลายเดือนก่อน +6

    Спасибо большое за этот видео-урок. Очень понятно Вы объяснили. Буду с нетерпением ждать новых видео❤

  • @ДашаГалямова-я5ю
    @ДашаГалямова-я5ю 9 หลายเดือนก่อน +3

    Очень интересный урок. Смотрела на одном дыхании. Спасибо за ваш труд! Информацию доносите супер легко.

  • @Любимая-ч5ц
    @Любимая-ч5ц 7 หลายเดือนก่อน +5

    Очень понравилось смотреть ваш урок! Большое спасибо, все так понятно и доступно и голос очень приятный🥰🥰

  • @ДианаКлубничкина-ц5н
    @ДианаКлубничкина-ц5н 8 หลายเดือนก่อน

    Софья, спасибо Вам огромное, за такой подробный урок.

  • @elizavetagolubeva6037
    @elizavetagolubeva6037 3 หลายเดือนก่อน +1

    Софья, Вы прекрасны! Большое спасибо за урок!!!

  • @perfectsisjsj
    @perfectsisjsj 10 หลายเดือนก่อน +2

    Изучаю фигму активно, благодарю за такой урок 🙌🏼

  • @_ursofa
    @_ursofa 24 วันที่ผ่านมา

    Спасибо огромное за такой подробный урок ❤

  • @Angelochek-v8o
    @Angelochek-v8o 10 หลายเดือนก่อน +2

    Боже, да неужели хоть кто-то сделал видео "с нуля" реально С НУЛЯ, для новичков. Ещё и полноценная работа, а не 7-минутное видео. Или говорят учить фигму по Бычкову...а зачем тебе тонна информации о каждой функции, как это применить, всё забывается через 20 минут
    Спасибо тебе большое

  • @AzizAlekseeva
    @AzizAlekseeva หลายเดือนก่อน

    спасибо! Огромное это большая возможность для мамочек в декрете❤

  • @libertychannel6620
    @libertychannel6620 9 หลายเดือนก่อน

    Это видео именно то, что нужно! Спасибо! Я только-только начинаю путь в UX/UI дизайн и у меня такая мини цель просто изучить программу для начала. Пока что много информации, а такие видео спасают)

    • @kurkinz493
      @kurkinz493 7 หลายเดือนก่อน

      Как сейчас ?

  • @ГульнизаТоктасын-р7л
    @ГульнизаТоктасын-р7л 5 หลายเดือนก่อน

    Спасибо вам огромное, проект получился точно так же как показано на видео. Благодарю за то что проявляли любовь к созданию дизайна🥰💝

  • @VikaLinkevich
    @VikaLinkevich 10 หลายเดือนก่อน +1

    Спасибо! Повторила дизайн. Считаю такие практики очень полезными, хотя уже знакома с фигмой. Подчеркнула для себя некоторые нюансы, которые ранее не знала. Было полезно вырезать с помощью Ai фото. Раньше мучалась с Ps.

  • @romand2564
    @romand2564 หลายเดือนก่อน

    Молодец! Хорошо преподносите материал. Теперь давайте урок для среднего уровня. Бесплатно.😃😃

  • @vera-horse
    @vera-horse 7 หลายเดือนก่อน

    Спасибо, Софья! Я не так, чтобы новичок, фигму методом научного тыка освоила, но все равно, было, много чего нового подцепить! ❤

  • @ValeriaDesign7
    @ValeriaDesign7 4 หลายเดือนก่อน

    Спасибо большое за такой подробный, интересный урок😌

  • @АринаСидорова-с9ф
    @АринаСидорова-с9ф 4 หลายเดือนก่อน

    Благодарю вас за данный урок! Ценно и полезно❤

  • @designgorsi
    @designgorsi 10 หลายเดือนก่อน +4

    Круто, получилось! Спасибо💝

  • @ВикаЕлохина-з6р
    @ВикаЕлохина-з6р 8 หลายเดือนก่อน

    Идеальный видео-урок👍🏼

  • @KarVetka777
    @KarVetka777 6 หลายเดือนก่อน

    Супер ! Супер !
    Очень понятно , доходчиво , подробно ! Спасибо ❤

  • @ДагмараАлиева-д5ш
    @ДагмараАлиева-д5ш 6 หลายเดือนก่อน +1

    Софья, здравствуйте. Только изучаю фигму, и чтобы набить руку хотела так же "переность " дизайны. Зашла на behance, очень много проектов, но как достать изображения , которые были использованы дизайне? Их нужно через ИИ генерировать (обрезая и приводя в первоначальный вид) ,или как?

  • @asiabu117
    @asiabu117 9 หลายเดือนก่อน

    Ура! Я доделала) Спасибо большое за урок❤

  • @asiabu117
    @asiabu117 9 หลายเดือนก่อน

    Благодарю за очень классный урок!)

  • @lettaluck
    @lettaluck 10 หลายเดือนก่อน

    Софья... Вы просто ❤

  • @prosto_bumy
    @prosto_bumy 10 หลายเดือนก่อน +1

    Софья, здравствуйте. Спасибо такое познавательное видео. Можете пожалуйста снять продолжение, про что вы говорили в самом конце, что еще должно быть отрисовано и сделано в макете для передачи верстальщику, про ui kit. Смотрела ваши предыдущие видео, в теории вроде бы все понятно, хочется на практике посмотреть как это делается🙏🏻

    • @SofyaFilippova
      @SofyaFilippova  10 หลายเดือนก่อน

      В рамках ютуб канала вряд ли это сделаю, чтобы не ждали и не надеялись 😔

  • @lamaricaş
    @lamaricaş 2 หลายเดือนก่อน

    Спасибо огромное! Мне очень понравилось!

  • @VolodymyrNazarenko56
    @VolodymyrNazarenko56 10 หลายเดือนก่อน

    можно урок про то что должно идти в придачу к лендингу , дополнительные окна , гамбургер , переходы и тд

  • @ДиляраШайдарова
    @ДиляраШайдарова 6 หลายเดือนก่อน

    Спасибо!!! Несомненно полезное видео и контент в целом!

  • @АстралВечен
    @АстралВечен 10 หลายเดือนก่อน

    Свечи на заднем плане огонь )

  • @ЕленаЗобова-777
    @ЕленаЗобова-777 10 หลายเดือนก่อน

    😻😻😻🔥🔥🔥🔥🔥
    Спасибо за такой информативный урок ❤️❤️❤️

  • @irache0702
    @irache0702 7 หลายเดือนก่อน

    Спасибо. Все очень понятно и полезно .

  • @aleksandrabolonina9160
    @aleksandrabolonina9160 3 หลายเดือนก่อน

    Очень здорово, спасибо!

  • @Elfmanko
    @Elfmanko 2 หลายเดือนก่อน

    Очень хороший урок!!

  • @МарияЗавидей-у7ь
    @МарияЗавидей-у7ь 3 หลายเดือนก่อน

    благодарю за ваш труд

  • @DzhangrElbikov
    @DzhangrElbikov 7 หลายเดือนก่อน

    Здравствуйте. Спасибо за видео. Повторяя за вами, сделал макет в фигме. Можно ли взять макет для верстки к себе в портфолио? Очень понравился дизайн.

  • @dementrixx5702
    @dementrixx5702 7 หลายเดือนก่อน

    Большое спасибо, все выполнила!

  • @Sylar7773
    @Sylar7773 10 หลายเดือนก่อน +1

    Спасибо огромное!!!

  • @ТоликРоманов-ж6ю
    @ТоликРоманов-ж6ю 3 หลายเดือนก่อน

    Ну у меня все получается но чувствую, что необходима теория по отступам чтобы все по феншую было

  • @meow_meow851
    @meow_meow851 5 หลายเดือนก่อน

    Что делать когда ты создаешь маску, то у меня появляется зеленая обводка, которая не убирается?

  • @СветланаДоценко-ч7щ
    @СветланаДоценко-ч7щ 9 หลายเดือนก่อน

    Спасибо, спасибо, спасибо 🥺❤️

  • @elzzzyao
    @elzzzyao 8 หลายเดือนก่อน

    Большое спасибо!

  • @АйданаС-у4т
    @АйданаС-у4т 3 หลายเดือนก่อน

    Здравствуйте, подскажите пожалуйста, смогу ли я работать через айпад в фигме?

  • @by_aquarel
    @by_aquarel 8 หลายเดือนก่อน

    Подскажите пожалуйста, там где танцевальные направления, София сделала описание про хип-хоп, скажите, а дальше про другие виды танцев, например стрим Дэнс веб дизайнеру тоже надо делать описание для верстальщика или как?😅

    • @dementrixx5702
      @dementrixx5702 7 หลายเดือนก่อน

      я думаю да, там же тоже должна быть картинка с описанием

  • @АнастасияБогоненко
    @АнастасияБогоненко 10 หลายเดือนก่อน

    Софья, спасибо щза ваши видео! Очень интересно! Подскажите пожалуйста, что может помочь в развитии навыка делать стильныйсайт, именно понимание композиции, чтоюы было приятно оставаться на таком сайте. Волнует именно вопрос выработки этого стиля, что бы тут могло помочь, как вы считаете? Помимо того, что я смотрю много работ на бихансе и дрибл, может быть какая то литература с трендами, сайты?
    Заранее благодарю за ответ, хорошего вам дня! ❤

    • @SofyaFilippova
      @SofyaFilippova  10 หลายเดือนก่อน +1

      Посмотрите это видео - th-cam.com/video/y4_6wFPf5oc/w-d-xo.htmlsi=YZ3wvzGAboijmBPB, там есть техники для выработки вкуса. Но с самого начала учим теорию, базу, потом вырабатываем так называемый стиль, но это уже дело опыта.

  • @Э.К-р3г
    @Э.К-р3г 10 หลายเดือนก่อน

    Спасибо! 🔥

  • @Алджесмиронинов
    @Алджесмиронинов 9 หลายเดือนก่อน

    Очень полезно❤

  • @SiriysOrion
    @SiriysOrion 3 หลายเดือนก่อน

    Здравствуйте, Софья. Скажите. пожалуйста, насколько я понял - сначала дизайнер создает макет сайта, потом работают над этим макетом - верстальщик, а затем фронтенд разработчик. Так ли это?

  • @Vovavi
    @Vovavi 5 หลายเดือนก่อน

    Не понимаю, почему на 45:56 когда создаете обводку, у Вас обводится контур кнопки, а у меня контуры букв?

  • @XMITVRU
    @XMITVRU 3 หลายเดือนก่อน

    очень всё понятно

  • @lettaluck
    @lettaluck 10 หลายเดือนก่อน

    Подскажите пожалуйста, как отдельные текстовые слои будут работать с точки зрения seo? Ведь это главный заголовок, которому нужно присвоить h1. В той же тильде каждому текстовому слою будет присвоен свой h1, то есть их будет уже 3, а это плохо для seo. Что говорят вам на эту тему разработчики и сеошники?

    • @SofyaFilippova
      @SofyaFilippova  10 หลายเดือนก่อน

      Научись круто танцевать не самый удачный h1, если сео важно, то лучше добавить логотип с текстовым описание - танцевальная школа и его сделать h1, ну или в любое другое место добавить более релевантный h1. Если нужно сделать h1 именно текст - научись круто танцевать, то можно сделать скрытый текстовый слой, который под картиной или прозрачный, но это тоже не очень хорошо. В этом уроке я не ставила цель сео научить или сделать его хорошим, здесь и с точки зрения продаж многое нужно менять.

    • @lettaluck
      @lettaluck 10 หลายเดือนก่อน

      @@SofyaFilippova спасибо за ответ!)

  • @anastasiyadmitrieva2713
    @anastasiyadmitrieva2713 4 หลายเดือนก่อน

    Здравствуйте, можно ли использовать свою работу, сделанную по этому уроку, в портфолио?

    • @SofyaFilippova
      @SofyaFilippova  4 หลายเดือนก่อน

      Здравствуйте, нет

  • @uliaaaaaaa
    @uliaaaaaaa 9 หลายเดือนก่อน

    Еще не досмотрела до конца, но уже спасибо, урок очень информативный и понятный! Подскажите пожалуйста, что делать Figma Agent не устанавливается? У меня виндовс 11, скачала установочный файл, нажимаю и пытаюсь установить, вроде пишет что completed, все установлено, но программы нигде нет, т.е она не установлена. Что делать с этой проблемой? Перезагрузка и повторные попытки не помогают

    • @SofyaFilippova
      @SofyaFilippova  9 หลายเดือนก่อน

      У нее нет ярлыка, программа в фоновом режиме работает

    • @uliaaaaaaa
      @uliaaaaaaa 9 หลายเดือนก่อน

      @@SofyaFilippova ааа, поняла, спасибо ❤

  • @АнастасияКодубенко
    @АнастасияКодубенко 6 หลายเดือนก่อน

    Спасибо, было познавательно! Возник вопрос: почему мы не знаем какая высота у фреймов? ведь если сделать боьшую типа 1000 пикселей, то низ изображения с кнопками и надписями не поместится на экран среднего ноутбука и будет некрасиво и нефункционально.

    • @SofyaFilippova
      @SofyaFilippova  6 หลายเดือนก่อน

      Потому что величина контента у разных блоков разная. То что вы написала актуально только для первого главное экрана, далее люди скроллят, а не стоят на месте и пытаться впихнуть контент под 1000, если это никак не выходит, смысла не имеет

    • @АнастасияКодубенко
      @АнастасияКодубенко 6 หลายเดือนก่อน

      @@SofyaFilippova Да, я и имела ввиду первый экран, благодарю за ответ

  • @Zhanna_Krivonosova
    @Zhanna_Krivonosova 7 หลายเดือนก่อน

    Здравствуйте! Подскажите пожалуйста,где можно скачать материалы к уроку?

    • @SofyaFilippova
      @SofyaFilippova  7 หลายเดือนก่อน

      В закрепленном комментарии вся информация

    • @Zhanna_Krivonosova
      @Zhanna_Krivonosova 7 หลายเดือนก่อน

      Все, увидела, спасибо большое❤

  • @MariaMikaelyan-q4c
    @MariaMikaelyan-q4c 8 หลายเดือนก่อน

    Добрый день. Скачиваю шрифт Unbounded на ноутбук, разрешение в фигме дано использовать локальные шрифты. Почему-то шрифт не показывается в фигме, хотя страницу уже миллион раз обновляла. С первым шрифтом проблем не было. Что делать?

    • @SofyaFilippova
      @SofyaFilippova  8 หลายเดือนก่อน

      У вас установлен Font installers от Фигмы?

    • @MariaMikaelyan-q4c
      @MariaMikaelyan-q4c 8 หลายเดือนก่อน

      @@SofyaFilippova да! Прошлый шрифт (который использовался для заголовков в меню) отобразился в фигме, последующие не отображаются

    • @SofyaFilippova
      @SofyaFilippova  8 หลายเดือนก่อน

      Манропе по стандарту есть в фигме. Вы шрифт на компьютер установили? Не просто скачали, а именно установили? На компьютере в папке шрифты есть unbounded?

  • @vladislavak2629
    @vladislavak2629 10 หลายเดือนก่อน +2

    Я нашла вас случайно, но сразу подписалась! ❤ Вы так замечательно все рассказываете, куда принимаете донаты?)

    • @SofyaFilippova
      @SofyaFilippova  10 หลายเดือนก่อน

      Ваши комментарии и лайки прекрасные донаты 💖

  • @melon.1904
    @melon.1904 10 หลายเดือนก่อน

    Спасибо

  • @miiiiiion9046
    @miiiiiion9046 7 หลายเดือนก่อน

    А что делать если вот в удаление фона пишет , что не поддерживается в вашем регионе

    • @SofyaFilippova
      @SofyaFilippova  7 หลายเดือนก่อน

      Включить приложение, которое меняет геолокацию

  • @DenisFlareonov
    @DenisFlareonov 10 หลายเดือนก่อน

    29:56 разве при верстке все не полетит из за отключения контейнеров у текста?

    • @SofyaFilippova
      @SofyaFilippova  10 หลายเดือนก่อน

      Он не отключился, он стал четко по размеру букв, вы и руками можете это делать, но проще этой кнопкой

  • @daryozz1180
    @daryozz1180 8 หลายเดือนก่อน

    что делать если сайт pixian не доступен в моем регионе?

    • @SofyaFilippova
      @SofyaFilippova  8 หลายเดือนก่อน

      Включить впн или вбить в поиск - нейросеть удалить фон, там миллион аналогов

  • @ValerySells
    @ValerySells 10 หลายเดือนก่อน

    👍

  • @natalyakvasova
    @natalyakvasova 10 หลายเดือนก่อน

  • @jien.troius
    @jien.troius 5 หลายเดือนก่อน

    а можно на телефоне работать с figma?

    • @stejsy0787
      @stejsy0787 หลายเดือนก่อน

      А почему бы не открыть в телефоне и не посмотреть ?

  • @designgorsi
    @designgorsi 10 หลายเดือนก่อน +1

    Ух ты. 50 секунд назад

  • @Ролтун
    @Ролтун 10 หลายเดือนก่อน +1

    Мне лень смотреть хотя надо бы

    • @dementrixx5702
      @dementrixx5702 7 หลายเดือนก่อน +1

      ну, с ленью и прокрастинацией результата не будет, так что дерзайте)

    • @electron_kg
      @electron_kg 7 หลายเดือนก่อน

      Тогда это не ваше

  • @aleksjy
    @aleksjy 9 หลายเดือนก่อน

    Figmu в топку. Pixsa рулит. Редактор на много лучше. Figma скоро совсем уйдёт и будет платной.

    • @dementrixx5702
      @dementrixx5702 7 หลายเดือนก่อน

      пикса еще очень сырая, а фигма стала фундаментом и базой для любого дизайнера интерфейса (и не только), ну и пикса тоже станет платной, нет ничего качественного и бесплатного

  • @SofyaFilippova
    @SofyaFilippova  8 หลายเดือนก่อน

    📙 UX/UI-ДИЗАЙН - uxui.filschool.ru
    На курсе вы научитесь разрабатывать сайты и удобные интерфейсы под руководством опытных кураторов, соберите портфолио и начните карьеру в перспективной сфере.
    Срок обучения - от 4,5 до 7,5 месяцев, 35 мест на потоке. Старт потока 15 апреля.
    📕 ДИЗАЙНОВЕДЕНИЕ - d.filschool.ru/
    Полное освоение профессии веб-дизайнера, пройдете все этапы разработки дизайна сайта и работы с клиентом. Вы проходите курс вместе с куратором, который отвечает на ваши вопросы и проверяет дз. У курса нет расписания и потоков, доступ выдается сразу после покупки.
    Доступ к материалам на 6 месяцев.
    📗 ОСНОВЫ ДИЗАЙНОВЕДЕНИЯ - base.filschool.ru/
    Курс для новичков, которые хотят попробовать себя в роли веб-дизайнера и понять их ли это профессия, у курса нет расписания и потоков, доступ выдается сразу после покупки.
    Доступ к материалам - 6 месяцев. 2 тарифа на выбор
    📘 WORK&SELL - work.filschool.ru
    Курс по работе и поиску клиентов. Вы научитесь работать системно за хороший чек, сформируете личный бренд и позиционирование, никаких тревог и выгорания, потому что клиенты будут искать вас сами, возвращаться и рекомендовать. У курса нет расписания и потоков, доступ выдается сразу после покупки.
    Доступ к материалам - 6 месяцев. 3 тарифа на выбор
    🔗 Контакты нашего менеджера:
    WhatsApp - +7 999 435-12-21
    Telegram - @filschool_telegram
    Почта - info@filschool.ru

  • @istheOTHERSIDE
    @istheOTHERSIDE 5 หลายเดือนก่อน

    Спасибочки

  • @Oksana-p3f
    @Oksana-p3f 9 หลายเดือนก่อน

    Спасибо за полезный урок!❤