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

📙 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
Самые полезные видео на канале:
Кто такой веб-дизайнер - • ЧЕМ ЗАНИМАЕТСЯ ВЕБ-ДИЗ...
Сколько зарабатывает веб-дизайнер - • СКОЛЬКО ЗАРАБАТЫВАЕТ В...
Навыки веб-дизайнера - • НАВЫКИ ВЕБ-ДИЗАЙНЕРА /...
Как стать веб-дизайнером - • Как стать веб-дизайнер...
Где учиться на веб-дизайнера - • ГДЕ УЧИТЬСЯ НА ВЕБ-ДИЗ...
Плюсы и минусы профессии - • ПЛЮСЫ И МИНУСЫ ПРОФЕСС...
Какой ноутбук выбрать - • Как выбрать ноутбук дл...
Этапы рабочего процесса - • ЭТАПЫ РАБОЧЕГО ПРОЦЕСС...
Кто такие UX/UI дизайнеры - • КТО ТАКИЕ UX/UI ДИЗАЙН...
Ошибки начинающих - • 🚫 ОШИБКИ НАЧИНАЮЩИХ ВЕ... , • 🚫 ОШИБКИ НАЧИНАЮЩИХ ВЕ...
Стили в веб-дизайне - • 🎨СТИЛИ В ВЕБ-ДИЗАЙНЕ
Сетки в веб-дизайне - • МОДУЛЬНЫЕ СЕТКИ В ВЕБ-...
Адаптивный дизайн сайта - • АДАПТИВНЫЙ ДИЗАЙН САЙТ...
Дизайн сайта в Figma - • ДИЗАЙН САЙТА В FIGMA
Тренды в дизайне на 2021 год - • 8 ТРЕНДОВ UX/UI ДИЗАЙН...
Как сделать портфолио - • 🔥КАК СДЕЛАТЬ ПОРТФОЛИО...
Как рассчитать стоимость дизайна - • КАК РАСЧИТАТЬ СТОИМОСТ...
Как найти первого клиента - • 🔥Как найти первого кли...
Где меня найти:
Instagram: / sofyafilippova
Мой телеграм-канал: t.me/sofyafilippova
Instagram Filschool: / filschool.ru
Страница Вконтакте: sof_filippova
Сайт веб-студии: fildesign.ru
Портфолио студии: www.behance.net/filippovadesign
#вебдизайн #дизайн #фигма

Пікірлер: 82

  • @SofyaFilippova
    @SofyaFilippova6 ай бұрын

    Ссылка на мой проект в 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

  • @uliaaaaaaa

    @uliaaaaaaa

    4 ай бұрын

    закрепите это сообщение пожалуйста

  • @Nniikka
    @Nniikka5 ай бұрын

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

  • @Akashi05
    @Akashi055 ай бұрын

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

  • @depresar
    @depresar6 ай бұрын

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

  • @user-ez5of8fu8t
    @user-ez5of8fu8t5 ай бұрын

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

  • @user-xn8xs9qs2f
    @user-xn8xs9qs2f2 ай бұрын

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

  • @anastasiyapankratova48
    @anastasiyapankratova48Ай бұрын

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

  • @user-ph4gf4je7o
    @user-ph4gf4je7o3 ай бұрын

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

  • @anastasia.mingaleva
    @anastasia.mingaleva6 ай бұрын

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

  • @kurkinz493

    @kurkinz493

    2 ай бұрын

    Как успехи ?

  • @designgorsi
    @designgorsi6 ай бұрын

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

  • @user-pm9gg7kt3u
    @user-pm9gg7kt3u3 ай бұрын

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

  • @user-tr6ci7qd3h
    @user-tr6ci7qd3h19 күн бұрын

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

  • @user-oc2pr3gm6l
    @user-oc2pr3gm6l4 ай бұрын

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

  • @asiabu117
    @asiabu1175 ай бұрын

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

  • @ValeriaDesign7
    @ValeriaDesign77 күн бұрын

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

  • @libertychannel6620
    @libertychannel66204 ай бұрын

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

  • @kurkinz493

    @kurkinz493

    2 ай бұрын

    Как сейчас ?

  • @asiabu117
    @asiabu1174 ай бұрын

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

  • @VikaLinkevich
    @VikaLinkevich5 ай бұрын

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

  • @Yelizavetakarastanov5222
    @Yelizavetakarastanov52222 ай бұрын

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

  • @vera-horse
    @vera-horse3 ай бұрын

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

  • @Sylar7773
    @Sylar77736 ай бұрын

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

  • @user-ey3cq8so2e
    @user-ey3cq8so2e6 ай бұрын

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

  • @lettaluck
    @lettaluck6 ай бұрын

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

  • @irache0702
    @irache07023 ай бұрын

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

  • @user-sr7vf4dt4q
    @user-sr7vf4dt4qАй бұрын

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

  • @dementrixx5702
    @dementrixx57023 ай бұрын

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

  • @elzzzyao
    @elzzzyao3 ай бұрын

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

  • @user-rh3kc5ky8x
    @user-rh3kc5ky8x6 ай бұрын

    Спасибо! 🔥

  • @user-xg1mm2mp4m
    @user-xg1mm2mp4m4 ай бұрын

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

  • @user-br3ug5ym4w
    @user-br3ug5ym4w5 ай бұрын

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

  • @user-ez1pz5gl2h
    @user-ez1pz5gl2h5 ай бұрын

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

  • @user-es1bm7cb8o
    @user-es1bm7cb8o5 ай бұрын

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

  • @melon.1904
    @melon.19045 ай бұрын

    Спасибо

  • @VolodymyrNazarenko56
    @VolodymyrNazarenko565 ай бұрын

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

  • @prosto_bumy
    @prosto_bumy5 ай бұрын

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

  • @SofyaFilippova

    @SofyaFilippova

    5 ай бұрын

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

  • @user-eh8cv1ic6e
    @user-eh8cv1ic6e3 ай бұрын

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

  • @user-om3op3zx5u
    @user-om3op3zx5u2 ай бұрын

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

  • @user-tt4jo2hq8m
    @user-tt4jo2hq8m6 ай бұрын

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

  • @SofyaFilippova

    @SofyaFilippova

    5 ай бұрын

    Посмотрите это видео - kzread.info/dash/bejne/q2iTmNl_gMmbn8Y.htmlsi=YZ3wvzGAboijmBPB, там есть техники для выработки вкуса. Но с самого начала учим теорию, базу, потом вырабатываем так называемый стиль, но это уже дело опыта.

  • @h2so442
    @h2so442Ай бұрын

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

  • @by_aquarel
    @by_aquarel3 ай бұрын

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

  • @dementrixx5702

    @dementrixx5702

    3 ай бұрын

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

  • @meow_meow851
    @meow_meow851Ай бұрын

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

  • @lettaluck
    @lettaluck6 ай бұрын

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

  • @SofyaFilippova

    @SofyaFilippova

    5 ай бұрын

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

  • @lettaluck

    @lettaluck

    5 ай бұрын

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

  • @uliaaaaaaa
    @uliaaaaaaa4 ай бұрын

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

  • @SofyaFilippova

    @SofyaFilippova

    4 ай бұрын

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

  • @uliaaaaaaa

    @uliaaaaaaa

    4 ай бұрын

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

  • @jien.troius
    @jien.troiusАй бұрын

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

  • @DenisFlareonov
    @DenisFlareonov6 ай бұрын

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

  • @SofyaFilippova

    @SofyaFilippova

    6 ай бұрын

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

  • @vladislavak2629
    @vladislavak26296 ай бұрын

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

  • @SofyaFilippova

    @SofyaFilippova

    6 ай бұрын

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

  • @Zhanna_Krivonosova
    @Zhanna_Krivonosova3 ай бұрын

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

  • @SofyaFilippova

    @SofyaFilippova

    3 ай бұрын

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

  • @Zhanna_Krivonosova

    @Zhanna_Krivonosova

    3 ай бұрын

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

  • @user-gd1if6wf1x
    @user-gd1if6wf1x4 ай бұрын

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

  • @SofyaFilippova

    @SofyaFilippova

    4 ай бұрын

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

  • @user-gd1if6wf1x

    @user-gd1if6wf1x

    4 ай бұрын

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

  • @SofyaFilippova

    @SofyaFilippova

    4 ай бұрын

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

  • @user-dx7ws9zu6c
    @user-dx7ws9zu6c2 ай бұрын

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

  • @SofyaFilippova

    @SofyaFilippova

    2 ай бұрын

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

  • @user-dx7ws9zu6c

    @user-dx7ws9zu6c

    2 ай бұрын

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

  • @natalyakvasova
    @natalyakvasova6 ай бұрын

  • @ValerySells
    @ValerySells5 ай бұрын

    👍

  • @miiiiiion9046
    @miiiiiion90462 ай бұрын

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

  • @SofyaFilippova

    @SofyaFilippova

    2 ай бұрын

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

  • @daryozz1180
    @daryozz11804 ай бұрын

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

  • @SofyaFilippova

    @SofyaFilippova

    4 ай бұрын

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

  • @designgorsi
    @designgorsi6 ай бұрын

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

  • @Ролтун
    @Ролтун6 ай бұрын

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

  • @dementrixx5702

    @dementrixx5702

    3 ай бұрын

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

  • @redizainkg

    @redizainkg

    3 ай бұрын

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

  • @SofyaFilippova
    @SofyaFilippova4 ай бұрын

    📙 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

  • @aleksjy
    @aleksjy5 ай бұрын

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

  • @dementrixx5702

    @dementrixx5702

    3 ай бұрын

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

  • @istheOTHERSIDE
    @istheOTHERSIDE28 күн бұрын

    Спасибочки

Келесі