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

  Рет қаралды 25,529

Sofya Filippova

Sofya Filippova

5 ай бұрын

📙 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
#вебдизайн #дизайн #фигма

Пікірлер: 80
@SofyaFilippova
@SofyaFilippova 5 ай бұрын
Ссылка на мой проект в 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
@studyleee
@studyleee 3 ай бұрын
закрепите это сообщение пожалуйста
@Nniikka
@Nniikka 4 ай бұрын
очень круто то что ты снимаешь так долго, и бесплатно обучаешь чему то новичков ❤
@user-xn8xs9qs2f
@user-xn8xs9qs2f Ай бұрын
Очень понравилось смотреть ваш урок! Большое спасибо, все так понятно и доступно и голос очень приятный🥰🥰
@Akashi05
@Akashi05 4 ай бұрын
Спасибо большое за этот видео-урок. Очень понятно Вы объяснили. Буду с нетерпением ждать новых видео❤
@stasyamufteeva3955
@stasyamufteeva3955 4 ай бұрын
Изучаю фигму первый день, решила начать с этого видео, всё очень доходчиво, пошло как по маслу) Приятно вас слушать)
@kurkinz493
@kurkinz493 Ай бұрын
Как успехи ?
@depresar
@depresar 5 ай бұрын
Изучаю фигму активно, благодарю за такой урок 🙌🏼
@user-ez5of8fu8t
@user-ez5of8fu8t 4 ай бұрын
Очень интересный урок. Смотрела на одном дыхании. Спасибо за ваш труд! Информацию доносите супер легко.
@anastasiyapankratova48
@anastasiyapankratova48 26 күн бұрын
И тут я поняла, что нашла своего преподавателя! Софья, спасибо за титанический труд и за то, что делитесь знаниями! Захотелось к вам на курс!
@user-ph4gf4je7o
@user-ph4gf4je7o 2 ай бұрын
Софья, спасибо Вам огромное, за такой подробный урок.
@SofyaFilippova
@SofyaFilippova 3 ай бұрын
📙 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
@designgorsi
@designgorsi 5 ай бұрын
Круто, получилось! Спасибо💝
@Svetlana_iz_Samara
@Svetlana_iz_Samara 4 ай бұрын
Давайте начнём учиться с самого начала! Нужно же с чего-нибудь начать? Самое простое и обыденное вполне подойдёт. Спасибо за видео!
@user-oc2pr3gm6l
@user-oc2pr3gm6l 3 ай бұрын
Спасибо за полезный урок!❤
@asiabu117
@asiabu117 4 ай бұрын
Благодарю за очень классный урок!)
@user-ez1pz5gl2h
@user-ez1pz5gl2h 4 ай бұрын
Боже, да неужели хоть кто-то сделал видео "с нуля" реально С НУЛЯ, для новичков. Ещё и полноценная работа, а не 7-минутное видео. Или говорят учить фигму по Бычкову...а зачем тебе тонна информации о каждой функции, как это применить, всё забывается через 20 минут Спасибо тебе большое
@asiabu117
@asiabu117 3 ай бұрын
Ура! Я доделала) Спасибо большое за урок❤
@user-pm9gg7kt3u
@user-pm9gg7kt3u 2 ай бұрын
Идеальный видео-урок👍🏼
@Yelizavetakarastanov5222
@Yelizavetakarastanov5222 Ай бұрын
Супер ! Супер ! Очень понятно , доходчиво , подробно ! Спасибо ❤
@user-ey3cq8so2e
@user-ey3cq8so2e 5 ай бұрын
😻😻😻🔥🔥🔥🔥🔥 Спасибо за такой информативный урок ❤️❤️❤️
@VikaLinkevich
@VikaLinkevich 4 ай бұрын
Спасибо! Повторила дизайн. Считаю такие практики очень полезными, хотя уже знакома с фигмой. Подчеркнула для себя некоторые нюансы, которые ранее не знала. Было полезно вырезать с помощью Ai фото. Раньше мучалась с Ps.
@irache0702
@irache0702 2 ай бұрын
Спасибо. Все очень понятно и полезно .
@user-sr7vf4dt4q
@user-sr7vf4dt4q 24 күн бұрын
Спасибо!!! Несомненно полезное видео и контент в целом!
@Sylar7773
@Sylar7773 5 ай бұрын
Спасибо огромное!!!
@dementrixx5702
@dementrixx5702 2 ай бұрын
Большое спасибо, все выполнила!
@vera-horse
@vera-horse 2 ай бұрын
Спасибо, Софья! Я не так, чтобы новичок, фигму методом научного тыка освоила, но все равно, было, много чего нового подцепить! ❤
@libertychannel6620
@libertychannel6620 3 ай бұрын
Это видео именно то, что нужно! Спасибо! Я только-только начинаю путь в UX/UI дизайн и у меня такая мини цель просто изучить программу для начала. Пока что много информации, а такие видео спасают)
@kurkinz493
@kurkinz493 Ай бұрын
Как сейчас ?
@VolodymyrNazarenko56
@VolodymyrNazarenko56 4 ай бұрын
можно урок про то что должно идти в придачу к лендингу , дополнительные окна , гамбургер , переходы и тд
@lettaluck
@lettaluck 5 ай бұрын
Софья... Вы просто ❤
@user-eh8cv1ic6e
@user-eh8cv1ic6e 2 ай бұрын
Здравствуйте. Спасибо за видео. Повторяя за вами, сделал макет в фигме. Можно ли взять макет для верстки к себе в портфолио? Очень понравился дизайн.
@user-es1bm7cb8o
@user-es1bm7cb8o 4 ай бұрын
Свечи на заднем плане огонь )
@elzzzyao
@elzzzyao 2 ай бұрын
Большое спасибо!
@prosto_bumy
@prosto_bumy 4 ай бұрын
Софья, здравствуйте. Спасибо такое познавательное видео. Можете пожалуйста снять продолжение, про что вы говорили в самом конце, что еще должно быть отрисовано и сделано в макете для передачи верстальщику, про ui kit. Смотрела ваши предыдущие видео, в теории вроде бы все понятно, хочется на практике посмотреть как это делается🙏🏻
@SofyaFilippova
@SofyaFilippova 4 ай бұрын
В рамках ютуб канала вряд ли это сделаю, чтобы не ждали и не надеялись 😔
@user-rh3kc5ky8x
@user-rh3kc5ky8x 5 ай бұрын
Спасибо! 🔥
@user-xg1mm2mp4m
@user-xg1mm2mp4m 3 ай бұрын
Спасибо, спасибо, спасибо 🥺❤️
@user-tt4jo2hq8m
@user-tt4jo2hq8m 5 ай бұрын
Софья, спасибо щза ваши видео! Очень интересно! Подскажите пожалуйста, что может помочь в развитии навыка делать стильныйсайт, именно понимание композиции, чтоюы было приятно оставаться на таком сайте. Волнует именно вопрос выработки этого стиля, что бы тут могло помочь, как вы считаете? Помимо того, что я смотрю много работ на бихансе и дрибл, может быть какая то литература с трендами, сайты? Заранее благодарю за ответ, хорошего вам дня! ❤
@SofyaFilippova
@SofyaFilippova 4 ай бұрын
Посмотрите это видео - kzfaq.info/get/bejne/r5qPadp3tcyZn5c.htmlsi=YZ3wvzGAboijmBPB, там есть техники для выработки вкуса. Но с самого начала учим теорию, базу, потом вырабатываем так называемый стиль, но это уже дело опыта.
@user-br3ug5ym4w
@user-br3ug5ym4w 4 ай бұрын
Очень полезно❤
@user-om3op3zx5u
@user-om3op3zx5u Ай бұрын
Софья, здравствуйте. Только изучаю фигму, и чтобы набить руку хотела так же "переность " дизайны. Зашла на behance, очень много проектов, но как достать изображения , которые были использованы дизайне? Их нужно через ИИ генерировать (обрезая и приводя в первоначальный вид) ,или как?
@user-mk9kt2dl7e
@user-mk9kt2dl7e 8 күн бұрын
Что делать когда ты создаешь маску, то у меня появляется зеленая обводка, которая не убирается?
@melon.1904
@melon.1904 4 ай бұрын
Спасибо
@h2so442
@h2so442 9 күн бұрын
Не понимаю, почему на 45:56 когда создаете обводку, у Вас обводится контур кнопки, а у меня контуры букв?
@by_aquarel
@by_aquarel 2 ай бұрын
Подскажите пожалуйста, там где танцевальные направления, София сделала описание про хип-хоп, скажите, а дальше про другие виды танцев, например стрим Дэнс веб дизайнеру тоже надо делать описание для верстальщика или как?😅
@dementrixx5702
@dementrixx5702 2 ай бұрын
я думаю да, там же тоже должна быть картинка с описанием
@jien.troius
@jien.troius 3 күн бұрын
а можно на телефоне работать с figma?
@lettaluck
@lettaluck 5 ай бұрын
Подскажите пожалуйста, как отдельные текстовые слои будут работать с точки зрения seo? Ведь это главный заголовок, которому нужно присвоить h1. В той же тильде каждому текстовому слою будет присвоен свой h1, то есть их будет уже 3, а это плохо для seo. Что говорят вам на эту тему разработчики и сеошники?
@SofyaFilippova
@SofyaFilippova 4 ай бұрын
Научись круто танцевать не самый удачный h1, если сео важно, то лучше добавить логотип с текстовым описание - танцевальная школа и его сделать h1, ну или в любое другое место добавить более релевантный h1. Если нужно сделать h1 именно текст - научись круто танцевать, то можно сделать скрытый текстовый слой, который под картиной или прозрачный, но это тоже не очень хорошо. В этом уроке я не ставила цель сео научить или сделать его хорошим, здесь и с точки зрения продаж многое нужно менять.
@lettaluck
@lettaluck 4 ай бұрын
@@SofyaFilippova спасибо за ответ!)
@DenisFlareonov
@DenisFlareonov 4 ай бұрын
29:56 разве при верстке все не полетит из за отключения контейнеров у текста?
@SofyaFilippova
@SofyaFilippova 4 ай бұрын
Он не отключился, он стал четко по размеру букв, вы и руками можете это делать, но проще этой кнопкой
@studyleee
@studyleee 3 ай бұрын
Еще не досмотрела до конца, но уже спасибо, урок очень информативный и понятный! Подскажите пожалуйста, что делать Figma Agent не устанавливается? У меня виндовс 11, скачала установочный файл, нажимаю и пытаюсь установить, вроде пишет что completed, все установлено, но программы нигде нет, т.е она не установлена. Что делать с этой проблемой? Перезагрузка и повторные попытки не помогают
@SofyaFilippova
@SofyaFilippova 3 ай бұрын
У нее нет ярлыка, программа в фоновом режиме работает
@studyleee
@studyleee 3 ай бұрын
@@SofyaFilippova ааа, поняла, спасибо ❤
@vladislavak2629
@vladislavak2629 5 ай бұрын
Я нашла вас случайно, но сразу подписалась! ❤ Вы так замечательно все рассказываете, куда принимаете донаты?)
@SofyaFilippova
@SofyaFilippova 5 ай бұрын
Ваши комментарии и лайки прекрасные донаты 💖
@Zhanna_Krivonosova
@Zhanna_Krivonosova 2 ай бұрын
Здравствуйте! Подскажите пожалуйста,где можно скачать материалы к уроку?
@SofyaFilippova
@SofyaFilippova 2 ай бұрын
В закрепленном комментарии вся информация
@Zhanna_Krivonosova
@Zhanna_Krivonosova 2 ай бұрын
Все, увидела, спасибо большое❤
@user-gd1if6wf1x
@user-gd1if6wf1x 3 ай бұрын
Добрый день. Скачиваю шрифт Unbounded на ноутбук, разрешение в фигме дано использовать локальные шрифты. Почему-то шрифт не показывается в фигме, хотя страницу уже миллион раз обновляла. С первым шрифтом проблем не было. Что делать?
@SofyaFilippova
@SofyaFilippova 3 ай бұрын
У вас установлен Font installers от Фигмы?
@user-gd1if6wf1x
@user-gd1if6wf1x 3 ай бұрын
@@SofyaFilippova да! Прошлый шрифт (который использовался для заголовков в меню) отобразился в фигме, последующие не отображаются
@SofyaFilippova
@SofyaFilippova 3 ай бұрын
Манропе по стандарту есть в фигме. Вы шрифт на компьютер установили? Не просто скачали, а именно установили? На компьютере в папке шрифты есть unbounded?
@user-dx7ws9zu6c
@user-dx7ws9zu6c Ай бұрын
Спасибо, было познавательно! Возник вопрос: почему мы не знаем какая высота у фреймов? ведь если сделать боьшую типа 1000 пикселей, то низ изображения с кнопками и надписями не поместится на экран среднего ноутбука и будет некрасиво и нефункционально.
@SofyaFilippova
@SofyaFilippova Ай бұрын
Потому что величина контента у разных блоков разная. То что вы написала актуально только для первого главное экрана, далее люди скроллят, а не стоят на месте и пытаться впихнуть контент под 1000, если это никак не выходит, смысла не имеет
@user-dx7ws9zu6c
@user-dx7ws9zu6c 29 күн бұрын
@@SofyaFilippova Да, я и имела ввиду первый экран, благодарю за ответ
@miiiiiion9046
@miiiiiion9046 Ай бұрын
А что делать если вот в удаление фона пишет , что не поддерживается в вашем регионе
@SofyaFilippova
@SofyaFilippova Ай бұрын
Включить приложение, которое меняет геолокацию
@natalyakvasova
@natalyakvasova 5 ай бұрын
@daryozz1180
@daryozz1180 3 ай бұрын
что делать если сайт pixian не доступен в моем регионе?
@SofyaFilippova
@SofyaFilippova 3 ай бұрын
Включить впн или вбить в поиск - нейросеть удалить фон, там миллион аналогов
@ValerySells
@ValerySells 4 ай бұрын
👍
@designgorsi
@designgorsi 5 ай бұрын
Ух ты. 50 секунд назад
@Roltun
@Roltun 5 ай бұрын
Мне лень смотреть хотя надо бы
@dementrixx5702
@dementrixx5702 2 ай бұрын
ну, с ленью и прокрастинацией результата не будет, так что дерзайте)
@redizainkg
@redizainkg 2 ай бұрын
Тогда это не ваше
@aleksjy
@aleksjy 4 ай бұрын
Figmu в топку. Pixsa рулит. Редактор на много лучше. Figma скоро совсем уйдёт и будет платной.
@dementrixx5702
@dementrixx5702 2 ай бұрын
пикса еще очень сырая, а фигма стала фундаментом и базой для любого дизайнера интерфейса (и не только), ну и пикса тоже станет платной, нет ничего качественного и бесплатного
Who’s more flexible:💖 or 💚? @milanaroller
00:14
Diana Belitskay
Рет қаралды 19 МЛН
1❤️#thankyou #shorts
00:21
あみか部
Рет қаралды 18 МЛН
Indian sharing by Secret Vlog #shorts
00:13
Secret Vlog
Рет қаралды 62 МЛН
1. Figma с нуля | UX UI Дизайнер: «Возрождение» | Бесплатный курс веб-дизайна - первый урок
3:07:37
Тони Емельянов | Продуктовый дизайнер (UX UI)
Рет қаралды 128 М.
[NEW] 🔥 новый Auto Layout в Figma 4.0 (уроки Фигмы 2022) на реальных примерах! Урок 23
55:32
Figma. Дизайн сайта за 90 минут | Часть 1
28:52
Макс Куратов
Рет қаралды 15 М.
Дизайн сайта за 160 000 ₽ | Показываю реальный проект на фрилансе
18:33
КруТа в дизайне ❘ Блог Крупиной Татьяны
Рет қаралды 22 М.