Одну секунду
Что-то сучилось. Попробуйте еще раз.
Дизайн в figma смотреть последние обновления за сегодня на .
5 ключевых составляющих для начинающих веб-дизайнеров, которые формируют стильный дизайн сайтов. Практика в Figma и создание нашего первого макета. Всем этим мы и займемся в этом уроке, дружище! 👇 💻 Мой бесплатный курс по основам веб-дизайна с проверкой ДЗ: 🤍 🖌️ Макет в Фигме: 🤍 0:00 Что сегодня будет 0:21 Андрей читает рэп 😲 2:13 Знакомство и обзор Figma 17:15 Правило «шампура» 18:44 Типографика 20:05 Главная ошибка начинающих 21:42 Сочетаемость цветов 24:25 Где скачивать векторные иконки 31:04 Магия с собачкой 35:01 Вертикальный ритм и карточки 38:02 Плюем на модульную сетку 41:08 Работа с графикой и фото 45:40 Самая страшная ошибка Участвуй в конкурсе в конце выпуска 👍 🌃🎓🌙 «Вечерняя школа» - это регулярное шоу для тех, кто хочет освоить дизайн и разработку сайтов. Весело. Нескучно. Чтобы вот прямо захватывало. Идеально смотреть после работы или во время работы, если она надоела и ты хочешь выйти на фриланс. 😉 Андрей Гаврилов - мое имя. Делаю сайты 10 лет. А еще, создал образовательный онлайн-проект WAYUP и здесь же преподаю. Путешествую по всему миру и веду блог: 🤍 🎁 Используй промо-код NIGHTSCHOOL при оплате любого моего коучинга на WAYUP и получи скидку -30%: 🤍 Не забудь 👍 лайкнуть это видео, чтобы не забыть лайкнуть его!
✅Скачать материалы из урока: 🤍 📹Вторая часть здесь: 🤍 Подписывайтесь, чтобы не пропустить следущий марафон по веб-дизайну: ✔️ INSTA*: 🤍 ✔️ VK: 🤍 ✔️ Telegram: 🤍 #figma #фигма #вебдизайн Это видео – первое из серии уроков на тему: Как сделать дизайн сайта в Figma. Если вы не успели на бесплатный марафон по веб-дизайну (его уроки недоступны после окончания), то теперь сможете выполнить работу марафона в своём темпе по этим урокам. Все макеты мы выполняем в Фигме и она бесплатная. Если у вас её нет, то посмотрите как можно её скачать: 🤍 Для дизайна нам потребуются иконки и фотографии, которые я заранее подготовил. Их можно скачать тут: 🤍 ✅ Study Kvo в соц. сетях: — VK: 🤍 — Telegram: 🤍 — Instagram*: 🤍 — Курс Дизайн взлёт: 🤍 — Курс по UX/UI: 🤍 *Meta, которой принадлежит Instagram, признана в России экстремистской организацией
Ссылка на проект в фигме с обучающими материалами: 🤍 Дизайн практика: Адаптивный дизайн в Figma / 11 — 17 июля 🤍
Создание сайта от А до Я (комплексный курс): 🤍 Создание интернет-магазина от А до Я: 🤍 Создание крутого слайдера (+посадка на CMS): 🤍 Все курсы в одном комплекте: 🤍 Всем привет, друзья! Сегодня мы создадим дизайн многостраничного сайта в Figma на реальном примере. На странице урока вы можете скачать материалы курса, посмотреть результат и ознакомиться со всеми используемыми инструментами. Файлы урока, исходники, результат: 🤍 ВКонтакте: 🤍 Телеграм: 🤍 Дзен: 🤍
Практическое занятие по фигме с нуля. Показываем, как сделать дизайн первого экрана сайта (лендинга) за 20 минут. Ты можешь сразу повторять за Катей и прокачивать свои навыки. Даже если ты еще начинающий веб-дизайнер. ❤️ Забрать исходники дизайна можно тут 🤍 Видео по теме: ✅ Как выбрать курс веб-дизайна 🤍 ✅ Где брать заказы веб-дизайнеру 🤍 ✅ Топ 33 сервиса для веб-дизайнера 🤍 Группа ВК 🤍 Сайт веб-студии 🤍 Веб-студия ONE PAGE (ван пейдж). Игорь Костромин #figma #вебдизайн #figmatutorial
👍Лайк проекту - 🤍 💎 Курс "UX/UI-Дизайн" - 🤍 ◾ Базовый курс по веб-дизайну "Основы дизайноведения" - 🤍 ◾ Полноценный курс по веб-дизайну "Дизайноведение" - 🤍 ◾ Ведение рабочих профилей в Instagram "Инставедение" - 🤍 ◾ Менторство - 🤍 ◾ Магазин футболок для фрилансеров - filippovashop.ru 00:00 - Приветствие 00:17 - О проекте и смысле видео 01:20 - Важный вопрос 02:10 - Разбор прошлого дизайна 03:18 - Дизайн сайта 20:21 - Что и почему я исправила в их дизайне 25:43 - Ховеры 27:16 - Форма онлайн-записи 30:11 - Подписывайтесь! Всем пока 👋🏻 Самые полезные видео на канале: Кто такой веб-дизайнер - 🤍 Сколько зарабатывает веб-дизайнер - 🤍 Навыки веб-дизайнера - 🤍 Как стать веб-дизайнером - 🤍 Где учиться на веб-дизайнера - 🤍 Плюсы и минусы профессии - 🤍 Какой ноутбук выбрать - 🤍 Этапы рабочего процесса - 🤍 Кто такие UX/UI дизайнеры - 🤍 Ошибки начинающих - 🤍 🤍 Стили в веб-дизайне - 🤍 Сетки в веб-дизайне - 🤍 Адаптивный дизайн сайта - 🤍 Дизайн сайта в Figma - 🤍 Тренды в дизайне на 2021 год - 🤍 Как сделать портфолио - 🤍 Как рассчитать стоимость дизайна - 🤍 Как найти первого клиента - 🤍 Где меня найти: Instagram: 🤍 Instagram Filschool: 🤍 Страница Вконтакте: 🤍 Сайт веб-студии: 🤍 Портфолио студии: 🤍 #фигма #figma #дизайн
#дизайнбаннера #дизайн #figma В этом ролике я показал как сделать дизайн баннера для социальных сетей в Фигма. Получится минималистичный, стильный баннера за 5-7 минут. Результат смотри в ролике! Весь контент ниже: Instagram : 🤍 TikTok : 🤍 Telegram : 🤍 VK : 🤍 Behance : 🤍 Dribbble : 🤍 Как сделать дизайн баннера для соц сетей в Figma Как сделать дизайн баннера для соц сетей Как сделать дизайн баннера Как сделать дизайн баннера в Figma дизайн баннера для соц сетей в Figma дизайн баннера в Figma
Всем привет, дорогие подписчики. В данном видеоролике я покажу и расскажу как нарисовать дизайн одностраничного сайта в Figma. В 2020 году дизайн сайтов в фигма вышел на новый уровень, все стали активно использовать фигму в своих проектах. Я давно пользуюсь этим редактором и пришло время показать вам, что это не сложно. Присаживайтесь поудобнее и приятного просмотра. Не забудь 👍 лайкнуть это видео, чтобы поддержать меня и помочь в продвижении канала. ◘ Ссылка на материалы из урока (иконки, логотип, скутер) : 🤍 ◘ Я в Instagram : 🤍 ◘ Я в VK : 🤍 ◘ uWebCode в VK : 🤍 #figma #фигма #вебдизайн #дизайнсайта
Дизайн сложных эффектов в Figma | Мобильный дизайн В этом видео покажу сложный эффект в Figma. Воспользуемся комбинацией angular градиента. Скачать макет - 🤍 📘На моем канале вы можете изучить профессию веб-дизайнера с нуля с помощью программы Figma. Я рассказываю о веб-дизайне без воды и ненужной информации. Разбираем как UI принципы, так UX. Также вы можете узнать особенности работы фрилансером. Основа обучение делается на уроках в программе Figma. Обучение Figma является приоритетной задачей для начинающего веб-дизайнера. Будь то вы дизайнером сайтов, мобильных приложений или других интерфейсов. В уроках вы узнаете как создать дизайн сайтов, Landing Page, интернет-магазинов, многостраничных сайтов. 🎥Сохраните это видео себе или поделитесь им с коллегами - 🤍 🔔Подписывайтесь на канал 🤍 💻Сайт с полезными статьями по веб-дизайну, шаблонами для Figma 🤍 ✍ Индивидуальное обучение - пишите на mail - denis.timoshitskiy🤍gmail.com (Работаю как с начинающими, так и с опытными веб-дизайнерами). Дизайн сложных эффектов в Figma | Мобильный дизайн ☑️ Instagram - 🤍 ☑️ Telegram канал - 🤍figma_info ☑️ Паблик ВК - 🤍 ☑️ Мой сайт по Figma - 🤍 Смотрите также, 📺 Обзор программы Figma 🤍 📺 Курс веб-дизайн за 1 месяц 🤍 📺 Дизайн интернет-магазина в Figma 🤍 📺 Ре-брендинг ресторана 🤍 #Вебдизайн #Вебдизайнер #Figma #UI #UX #ДизайнСайта #РаботаФрилансером #WebDesign #WebДизайн #WebДизайнер #КурсыВебДизайна #ДизайнСайтов #ВебДизайнСнуля #КурсыВебДизайн #КакРаботатьУдаленно #УрокиFigma #КакСтатьВебДизайнером #ДизайнИнтерфейсов #УрокиВебДизайна #ШколаВебДизайна #КакСделатьДизайнСайта #ДизайнерМобильныхПриложений #ДизайнLandingPage #КурсFigma #КурсПоФигме #КурсФигма #КурсыUxДизайн #ПрофессияВебДизайнера #БесплатныйКурсПоФигме #БесплатныйКурсFigma #НаучитсяВебДизайну #ВебДизайнДляНовичков #ВебДизайнСайта #СекретыВебДизайна
🤍 — дополнительные материалы к уроку. 24 раздела Landing Page для создания дизайн макетов Landing Page в Figma. Это уроки по Figma для начинающих с нуля. Быстрый дизайн сайта в программе фигма. Создание сайта в программе фигма. 🤍 — уроки, плагины макеты для Figma. 🤍 — все уроки Figma на русском, на нашем сайте. 🤍 — сообщество вконтакте 🤍 — плейлист со всеми уроками по Figma для начинающих с нуля 🤍 — автор видео: Владимир Чернышов вконтакте 🤍 — «ДИЗАЙН ГЕНЕРАТОР» | платный комплект Figma для создания прототипов и дизайн макетов Landing Page в 2-5 раз быстрее уже сегодня . #фигма #figma #дизайн
Практический онлайн курс по веб-дизайну от Тони Емельянова. 🔹 Продвинутый курс UX UI дизайна: 🤍l/ Подпишись в инсте: 🤍 « Мыслить как дизайнер » (Урок 1): Профессиональный дизайн сайта с нуля: создаем эффектный первый экран в Figma Подписывайся на канал чтобы не пропустить новые выпуски: 🤍 Буду рад вам в соц. сетях, добавляйтесь: 🤍 🤍 Начни изучать веб дизайн с нуля бесплатно на этом курсе и начинай мыслить как дизайнер. Мы разберемся в основных подходах к созданию профессионального дизайна трендового сайта на практике, подготовим яркий проект с классной UI анимацией в After Effects и оформим данный проект на behance. Мой Behance: 🤍 Это первая часть бесплатного онлайн курса по веб дизайну для начинающих и не только. Курс состоит из подробных уроков в процессе которых вы сможете обучаться дизайну наблюдая за работой профессионального веб дизайнера, получать лайфхаки, изучить такие программы как Figma, Photoshop, After Effects, понять как оформить классное портфолио веб дизайнеру и в целом, узнаете все самое важное и необходимое для того чтобы стать веб дизайнером с нуля или прокачаться до отличного уровня если уже умеете делать дизайн. Впереди на курсе тебя ждет много захватывающих уроков посвященных UI, UX, анимации интерфейса, оформлению дизайн портфолио. Поэтому подписывайся на канал, ставь лайки и становись профессиональным веб дизайнером с нуля бесплатно! * Все выпуски дизайн курса «Мыслить как веб-дизайнер»: #1. Профессиональный дизайн сайта с нуля: Создаем первый экран в Figma 🤍 #2. Иконки, монограммы – подбор и адаптация, стили и компоненты проекта в Figma: 🤍 #3 Иконки, монограммы – подбор и адаптация, стили и компоненты в Figma: 🤍 #4. Мыслить как веб дизайнер – Создаю видео проигрыватель для просмотра сериала и оживляю его в Figma: 🤍 #5. Мыслить как веб дизайнер – Экран персонажей и внутренняя страница с продвинутой типографикой: 🤍 #6. Мыслить как веб дизайнер – Адаптивный дизайн сайта под мобильные устройства в Figma: 🤍 #7. Мыслить как веб дизайнер – Анимация сайта в After Effects (Часть 1): 🤍
Урок о знакомстве с программой Figma с нуля! Основы веб (UI/UX) дизайна! 🤍 - скидка 30% на курс «Супер Figma», действует только 2 дня! В этом мини-курсе вы познакомитесь с основами работы в программе Фигма. Изучите основные инструменты и функции самого популярного графического редактора для веб и UI UX-дизайна. В конце мини-курса вы создадите первый экран сайта! Урок 1 из 8. Скачать Figma: 🤍 Автор курса: Максим Кузнецов (🤍 Канал автора: 🤍 Подробнее о курсе от команды VideoSmile.ru: Курс разработан таким образом, что вы изучите Figma на практике, создавая веб-сайты, интерфейсы и приложения. Под руководством автора вы познакомитесь с возможностями программы и создадите крутые работы для своего портфолио. Дополнительно в курс мы включили главы по основам графического дизайна и финальную главу о том, как успешно начать карьеру в веб-дизайне. После успешного прохождения курса вы сможете брать свои первые заказы на фрилансе или устроиться джуниором (младшим специалистом) в студию. В курсе вас ждёт: - 40 практических занятий - Сертификат о прохождении курса - Никаких ограничений по времени - Обратная связь и кураторство - Чат в Telegram 00:00 - Вступление 00:08 - об авторе курса и возможностях 03:30 - вход в Figma 07:15 - интерфейс 14:00 - интерфейс файла 16:20 - панель инструментов 24:35 - названия файлов и доступы 27:40 - режимы 28:20 - основы Frame Tool 31:00 - ресурсы помощи 32:10 - главное меню 48:30 - меню Preferences 50:00 - начало практики Сайт: 🤍 Telegram: 🤍 ВК: 🤍 Instagram: 🤍 Facebook: 🤍 #figma #videosmile
ЗАКАЗАТЬ ДИЗАЙН САЙТА, САЙТ ПОД КЛЮЧ, ОФОРМЛЕНИЕ ИНСТЫ И ДР: 🤍 ССЫЛКА НА ЗАГОТОВКУ ДЛЯ АДАПТИВА: 🤍 ➙ Я ВКонтакте: 🤍 ➙ Моя группа вк: 🤍 ➙ Телега дизайнера: 🤍 ➙ Тик ток: 🤍 ➙ Кейсы: 🤍 Поддержать канал: 🤍 Как сделать адаптивный дизайн сайта в Figma | АДАПТИВНЫЙ ДИЗАЙН САЙТА | Мобильный дизайн сайта. Адаптивный дизайн сайта в Figma уроки веб дизайна веб дизайн с нуля адаптивный дизайн
🔥 Не забудьте скачать мою книгу «от Курьера до Дизайнера интерфейсов» 🤍 В ней я рассказываю свою историю, как мне удалось стать дизайнером с полного нуля и как бы я действовал сегодня, если бы начинал все с «чистого листа». 👇 Присоединяйтесь Канал в Телеграм: 🤍 Автор работы из видео: 🤍 Ссылка на кейс: 🤍 Полезные ссылки из видео: Сервис с бесплатными иллюстрациями: 🤍 Сервис с бесплатными шрифтами: 🤍 В этом уроке я покажу вам как сделать дизайн сайта в Figma. Для тех, кто не в курсе, фигма (figma) — это графический редактор, предназначенный для разработки дизайна различных интерфейсов (от простых сайтов, до сложных проектов). Данное видео подойдет для тех из вас, кто хочет освоить веб дизайн с нуля. Конкретно в этом уроки веб дизайна мы с вами перерисуем лендинг в фигме из behance для того, чтобы попрактиковаться. Подписывайтесь на канал, здесь я бесплатно выкладываю figma уроки про web design и ux ui дизайн, которые помогут вам прокачать свои скилы в дизайне.
Доклад Василия Гордеева в рамках третьей онлайн-конференции Design is Frontend. Конференция состоялась 24 марта 2021 года. 00:38 Зачем SberDevices нужна дизайн-система 03:45 Архитектура дизайн-системы 05:06 Нейминг 05:56 Атрибуты 06:37 Стили 07:02 Текст 07:16 Нейминг 07:50 Сетки 08:48 Компоненты 09:00 Нейминг компонентов 09:55 UI kit 10:15 Система тегов 10:51 Работа с библиотекой 12:22 Variants, Constraints, AutoLayout. Вася рассказывает и показывает на практике прямо в программах, как это все работает в SberDevices Презентация: 🤍 Добавляйтесь в чат профессионального сообщества Design is Frontend и будьте на связи с экспертами — 🤍 Зарегистрироваться на следующую конференцию: 🤍
Сегодня рассказываю как я работал над проектом ui дизайна для компании по ландшафтному дизайну в Москве. Конечно делал данный проект в Figma, хотя и пользовался дополнительно Photoshop. Показал все этапы которые мне предстояли при работе, таймлапсик приложил в конце в общем, приятного просмотра и время провождения 😃 50 ❤ го слде. выпуск по дизайну? ✨ Проект (Google disk) — 🤍 СТРИМЫ ПРОХОДЯТ ТУТ (ВТ 18-00): ⚡️ TWITCH — 🤍 ⚡️ YOUTUBE — 🤍 - 🌐 Мой сайт на Тильде — 🤍 👻 Кто я такой и зачем? — 🤍 💀 Скачать стикерпак для Telegram → 🤍 - Поддержать стримера: 🤑 Донат — 🤍 🤑 Qiwi — 🤍 🤑 DonatePay — 🤍 Подписка 4,99$ ►► 🤍 PayPal ►► maxtr0🤍mail.ru WMZ ►► Z244406835861 Поддержали ЗА ВСЕ ВРЕМЯ: 🥇🥇🥇 Дизайнер с Вакциной — 1000 р. 🥈🥈 Андрей Дубинин — 900 р. 🥉 Artem Afinogenov — 250 р. destroyds — 225 р. Rinat — 160 р. Алексей — 150 р. KLIMcold — 127 р. dinozav — 110 р. nikituni — 100 р. andreivechev — 100 р. Shain — 100 р. Анна Григорьева — 100 р. BREDD — 90 р. Amiran — 50 р. - 👕 АРТШМОТ (доставка по Миру) ►► 🤍 - Стримлер в соц. сетях: 👾 TWITCH ►► 🤍 💬 ЧАТ В ТЕЛЕГЕ ►► 🤍 👀 Дизайн (GBXM): INSTA ►► 🤍 BE ►► 🤍 📹 • Видео (GBXPRD): INSTA ►► 🤍 SITE ►► 🤍 - #zuy #uiдизайн #FIGMA #PHOTOSHOP
Хочешь больше полезностей о дизайне? Вступай в чат Гильдии дизайнеров: 🤍 Подписывайся на мой инстаграм: 🤍 Читай мою книгу: 🤍 Приходи ко мне на курсы: 🤍 Урок для тех, кто начинает с полного нуля и не владеет графическими редакторами: 🤍 Мастер-класс по адаптивному дизайну: 🤍
Урок о типографике в Figma! Основы веб (UI/UX) дизайна! 🤍 - скидка 30% на курс «Супер Figma», действует только 2 дня! В этом мини-курсе вы познакомитесь с основами работы в программе Фигма. Изучите основные инструменты и функции самого популярного графического редактора для веб и UI UX-дизайна. В конце мини-курса вы создадите первый экран сайта! Урок 5 из 8. Скачать Figma: 🤍 Автор курса: Максим Кузнецов (🤍 Канал автора: 🤍 Подробнее о курсе от команды VideoSmile.ru: Курс разработан таким образом, что вы изучите Figma на практике, создавая веб-сайты, интерфейсы и приложения. Под руководством автора вы познакомитесь с возможностями программы и создадите крутые работы для своего портфолио. Дополнительно в курс мы включили главы по основам графического дизайна и финальную главу о том, как успешно начать карьеру в веб-дизайне. После успешного прохождения курса вы сможете брать свои первые заказы на фрилансе или устроиться джуниором (младшим специалистом) в студию. В курсе вас ждёт: - 40 практических занятий - Сертификат о прохождении курса - Никаких ограничений по времени - Обратная связь и кураторство - Чат в Telegram Таймкод: 00:00 - типографика в Figma 00:40 - настройки шрифтов 03:35 - продвинутые опции текста (плагин Lorem ipsum) 07:10 - параметры контейнера с текстом 09:40 - выравнивание текста 10:35 - Type details 20:00 - практическая часть по типографике 29:00 - создаем экран сайта 38:20 - как искать и подбирать шрифты 43:40 - советы по типографике Сайт: 🤍 Telegram: 🤍 ВК: 🤍 Instagram: 🤍 Facebook: 🤍 #figma #videosmile
В видео будем вместе по шагам создавать веб-дизайн в программе Figma по шагам, используя иллюстрации апельсинки. ❤️ Мои телеграм канал: 🤍 ❤️ Мой сайт: 🤍. Уроки с рисунками: Рисуем паттерн апельсиновый сок — 🤍 Рисуем апельсинку — 🤍 Рисуем дольку апельсинки — 🤍 Выгруженные картинки: 🤍 00:00 введение 00:37 дизайним 6:26 заключение ☃️Рекомендую посмотреть: ⭐️ Как создать цветовую палитру в Procreate — 🤍 ⭐️ Знакомство с интернет-миром — 🤍 ⭐️ Уроки по HTML — 🤍 ⭐️ Что такое CSS — 🤍 ⭐️ Сброс и нормализация стилей, вёрстка с нуля | HTML, CSS — 🤍 ⭐️ Единицы измерения CSS: px, em, rem, %, vw, vh, vmin, vmax, ex, ch — 🤍 На канале я рассматриваю различные темы веб-разработки, на текущий момент: веб-основы, веб-анимации, веб-дизайн.
В этом видео показал процесс создания дизайна первого экрана сайта в Figma. Чтобы получить исходник нужно сделать простые действия: 1. Подписаться на меня в Инстаграм: 🤍 2. Написать в Директ: "Животные", и я отправлю ссылку на исходник. /// 🏁 Скоро начинается новейшее обучение персонально от меня впервые по дизайну лендингов на FIGMA + их верстка на TILDA 🔥 Подробнее про сам курс и записаться на него можно на сайте: 🤍 /// Мои онлайн-продукты по веб-дизайну: ✅ 🤍 (5$) — Начни зарабатывать на веб-дизайне, научившись делать дизайн крутых первых экранов сайта + оформлять их в красивейшие кейсы для привлечения клиентов всего за один вечер ✅ 🤍 (12$) — Набор полезностей для любого фрилансера /// Добавляйся ко мне в социальных сетях: Я в ВК: 🤍 Блог ВК: 🤍 Instagram: 🤍 Telegram-канал: 🤍 Facebook: 🤍 Заказать мощный лендинг: 🤍 Чат ВК, 900+ фрилансеров уже тут: 🤍 Скачать бесплатно мою книгу: 🤍 /// 00:00 Начало 0:30 Рабочая область 3:32 Шапка 10:15 Заголовок 15:39 Преимущества /// Также рекомендую посмотреть другие мои видео, которые будет полезны всем, кто работает с фотошопом или хочет научится веб-дизайну: Дизайн Обложки для ВК в Фотошопе. Заказ за 135$: 🤍 Дизайн рекламных креативов в Instagram, Facebook и ВК: 🤍 Дизайн сториз баннера в фотошопе: 🤍
✅Дизайн Рывок для новичков: 🤍 Урок по созданию сайта в Figma для начинающих. Урок бесплатной серии видео по созданию дизайна сайтов с нуля до публикации в сети, где мы осваиваем в том числе Figma (Фигма). С помощью этого урока вы совершите быстрый старт в освоение Figma (обзор на русском) и сделаете верстку сайта apple с нуля до публикации. Если вы новичок, то без просмотра скучных уроков, вы освоите сразу же все особенности Figma на практике и пойдете как делать веб-дизайн. 2-х месячный курс: ❤️UI/UX Designer Pro: 🤍 ✅Подпишитесь: 🤍 📲Сайт академии digital-професии: 🤍 📲Instagram Игоря Джазова: 🤍 🔥Последние популярные видео: UX дизайн для новичков: 🤍 Основы digital-маркетинга: 🤍 Уроки по UI/UX. Guidelines iOS (часть 1): Уроки по UI/UX. Guidelines iOS (часть 1) Как новичку стартовать в UI/UX Дизайн: 🤍 Ответы новичкам о веб-дизайне: 🤍
Сделаем дизайн приложения аналитики по данным бренда и заранее сделанному макету. Научимся работать со стилями в Figma. Используем компоненты и Auto Layout для быстрой и удобной работы над блоками и контентом. Итоговый файл в Figma: 🤍 Используемые иконки: 🤍 ГДЕ С НАМИ ПООБЩАТЬСЯ ⚡️Школа онлайн-образования: 🤍 ⚡️Telegram Loftblog: 🤍 ⚡️Telegram IT-обучение: 🤍 ⚡️Группа вконтакте: 🤍
Адаптивный дизайн сайта в Figma. Сегодня займемся адаптивчиком. Разберемся с размерами адаптивных версий сайта, основными принципами как его правильно делать, как переносить блоки и конечно же рассмотрим это все на примере лендинга для барбершопа. 0:00 Приветствие 0:32 Для чего нужен адаптивный дизайн 2:00 Размеры макетов адаптива 9:44 Основные принципы адаптивного дизайна. Как делать? 16:11 Рассматриваем весь адаптив на примере сайта барбершопа Благодарю за внимание. Подписывайтесь на канал и пишите в комментариях, на какие темы Вам еще интересны видео от меня) Всем прекрасного дня!
🤍 — ссылка на комплект «Сириус» из видео. Плагин «Stryset by freepik» с иллюстрациями из видео — 🤍 🤍 — расширенный комплект «Дизайн генератор» для ускорения работы при создании дизайна Landing Page в figma в 2-5 раз. В этом видео уроке вы узнаете как быстро сделать дизайн сайта в фигме. Расскажу о том, как делать первый экран и страницы с ошибкой (404) с помощью иллюстраций и специального плагина, о котором расскажу вам в этом видео.
Урок по веб-дизайну. Как работать с адаптивным дизайном в Figma, настройка плагина Breakpoints и параметров Constraints. Контакты автора: 🤍 🤍 🤍
В этом видео показал как сделать дизайн баннера под формат stories для социальных сетей в Figma. Сервис для удаления фона: 🤍 /// 🏁 Скоро стартует новый поток моего курса «Дизайн-Огонь», в котором кроме дизайна лендингов с нуля, я буду обучать верстке на Тильде и дизайну креативов. 🔥 Подробнее про сам курс и записаться на него можно на сайте: 🤍 /// Мои онлайн-продукты по веб-дизайну: ✅ 🤍 (5$) — Начни зарабатывать на веб-дизайне, научившись делать дизайн крутых первых экранов сайта + оформлять их в красивейшие кейсы для привлечения клиентов всего за один вечер ✅ 🤍 (12$) — Набор полезностей для любого фрилансера /// Добавляйся ко мне в социальных сетях: Instagram: 🤍 Я в ВК: 🤍 Блог ВК: 🤍 Telegram-канал: 🤍 Facebook: 🤍 Заказать мощный лендинг: 🤍 Чат ВК, 900+ фрилансеров уже тут: 🤍 Скачать бесплатно мою книгу: 🤍 /// 00:00 Начало 2:01 Текст 8:57 Иконки 18:07 Второй баннер /// Также рекомендую посмотреть другие мои видео, которые будет полезны всем, кто хочет научится веб-дизайну: Дизайн Обложки для ВК в Фотошопе. Заказ за 135$: 🤍 Дизайн рекламных креативов в Instagram, Facebook и ВК: 🤍 Дизайн сториз баннера в фотошопе: 🤍
В этом видео я делаю дизайн-макет сайта в программе Figma. Видео ускорено в 32 раза. Если хотите посмотреть детальный разбор — напишите в комментариях, выложу полную версию на 4 часа. Вы можете сверстать этот макет и добавить в свое портфолио. Ссылка на макет: 🤍 #figma #фигма #вебдизайн #webdesign Подпишитесь на канал, если вам нравятся эти видео: 🤍 Больше контента в нашей группе Вконтакте 🤍 Или в нашем Telegram-канале 🤍 Присоединяйтесь к нашему сообществу Discord 🤍 Telegram-канал "Лысый из браузера": 🤍 Чтобы записаться на мой курс по основам веб-разработки, напиши в нашу группу и мой ассистент скажет тебе, что делать дальше: 🤍 Заказать рекламу на канале: 🤍 или 🤍 - Я использую хостинг Link Host с 2014 года 🤍
Landing page в Фигма. Как создать макет сайта в Figma? Как создать дизайн лендинга в Фигма? С чего начать? Создаем вайрфрейм в Фигма. Структура лендинга 🔔 ПОДПИСАТЬСЯ на канал: 🤍 📝 ОПИСАНИЕ В этом видео мы продолжим работу над созданием лендинга и сосредоточимся на его структуре. Вы узнаете что такое вайрфрейм и научитесь создавать четкую иерархию для вашей целевой страницы. #figma #landingpage #design #wireframe 00:00 Вступление 00:20 Что такое вайрфрейм? (Wireframe) 02:26 Cтруктура лендинга (блоки лендинг пейдж) 03:04 Создаем вайрфрейм 03:18 Cетка для лендинга 04:07 Создаем хеддер (header) 05:55 Создаем hero страничку лендинга 07:14 Создаем блок с призывом к действию 08:59 Создаем блок с преимуществами 11:09 Создаем блок с социальными доказательствами 🎨 О ПРОЕКТЕ Добро пожаловать на GloryANT. Если ты начинающий дизайнер и хочешь научиться рисовать в графических программах, то этот канал для тебя. Здесь ты увидишь, как рисовать логотипы, визитки, стикеры, баннеры, плакаты и многое другое. Подписывайся на канал! 🌏 МЫ В СОЦСЕТЯХ VK: 🤍 Instagram: 🤍 Facebook: 🤍 Telegram: 🤍
Как сделать сайт визитку всего за 30 минут? Конструктор сайтов LP Motor: 🤍 Промокод (100 рублей на баланс): KJBNOD Закажите сайт-визитку бесплатно на сайте: сайт-визитка-бесплатно.рф Привет! Я уже более 5 лет занимаюсь созданием landing page и знаю, как создавать сайты с нуля всего за 30 минут. В этом видео я покажу, как сделать веб дизайн лендинга в фигме, а затем собрать этот сайт на конструкторе. Такой сайт можно отправить клиенту, разместить в Инстаграм или на своей визитке. Вы можете получить сайт визитку для вашего бизнеса бесплатно, если оставите заявку на моем сайте: 🤍 Пишите в комментариях свою тему, нишу и я сделаю по ним разбор следующих сайтов. Я создам web design в Figma. А вы сможете повторить его на конструкторе. Добавляйтесь ко мне в соц.сети: Instagram: 🤍 ВК: 🤍 Facebook: 🤍
Видеоурок по основам работы в Figma. Чат в телеграм — 🤍 Добавляйтесь в друзья — 🤍 Курс по Webflow — 🤍 Создать аккаунт Webflow — 🤍 Группа в вк — 🤍
Хочешь больше полезностей о веб-дизайне и карьере в IT? Вступай в чат Гильдии дизайнеров: 🤍 Подписывайся на мой инстаграм: 🤍 Читай мою книгу: 🤍 Слушай мою книгу в аудиоформате: 🤍 Приходи ко мне на курсы: 🤍 Мой Dribbble: 🤍 Мой Behance: 🤍 #IT #дизайн #вебдизайн #UX #UI #figma
✅Скачать материалы из урока: 🤍 📹Первая часть: 🤍 Подписывайтесь, чтобы не пропустить следущий марафон по веб-дизайну: ✔️ INSTA*: 🤍 ✔️ VK: 🤍 ✔️ Telegram: 🤍 #figma #фигма #вебдизайн Это видео – вторая часть из серии уроков на тему: Как сделать дизайн сайта в фигме. Первая часть урока доступна по ссылке выше. Если вы не успели на бесплатный марафон по веб-дизайну в Figma (его уроки недоступны после окончания), то теперь сможете выполнить работу марафона в своём темпе по этим урокам. Для этого достаточно выполнить задания из первого и второго (данного) урока. Все макеты мы выполняем в Фигме и она бесплатная. Если у вас её нет, то посмотрите как можно её скачать: 🤍 Для дизайна нам потребуются иконки и фотографии, которые я заранее подготовил. Их можно скачать тут: 🤍 ✅ Study Kvo в соц. сетях: — VK: 🤍 — Telegram: 🤍 — Instagram*: 🤍 — Курс Дизайн взлёт: 🤍 — Курс по UX/UI: 🤍 *Meta, которой принадлежит Instagram, признана в России экстремистской организацией
В этом ролике я переделал дизайн для Apple (AirPodsMax) в Фигме. Увидел на Бихэнсе такой концепт и решил сделать на свой лад. Что из этого получилось, смотри в ролике! Весь контент ниже: Instagram : 🤍 TikTok : 🤍 Telegram : 🤍krvchkigor VK : 🤍 Behance : 🤍 Dribbble : 🤍 ПЕРЕДЕЛАЛ ДИЗАЙН APPLE - Дизайн в Figma ПЕРЕДЕЛАЛ ДИЗАЙН APPLE Дизайн в Figma Дизайн в Фигме Дизайн Apple Дизайн Apple в Фигме
Смотрите больше уроков на канале Sovisart 🤍 Iren Kolt ❤ Посмотрите видео, как сделать крутой дизайн сайта в Figma. Привет, на связи Ирен Кольт и школа дизайна SOVISART. В этом видео мы отрисует главный экран лендинга для тренировки. Я нашла вот такую вот картинку в интернете, если объявится хозяин картинки, то пусть сообщит, если он против этого видео. Но в данном случае картинка используется исключительно в учебных целях. И даже повторим ее не полностью, а только возьмем идею вот с такой вот яркой цветной полосой. Такие картинки очень круто перерисовывать в учебных целях. Если Вы рисуете дословно, то, конечно же, такие вещи нельзя класть в портфолио, потому что это будет плагиат. Но если Вы тренируетесь и вбираете в себя какие-то навыки, например: размер меню или расположение каких-то элементов, то это очень-очень крутая практика для начинающих дизайнеров. А сейчас давайте приступать. Картинки я сразу заблокирую и ту, и другую. У меня есть вот такая вот заготовка, эту фотографию Вы найдете по ссылочке в описании под этим видео, и, именно этого парня я буду использовать, как главного персонажа нашего лендинга. Остальное я попытаюсь скопировать так как оно есть на исходнике, но, возможно, не дословно. Давайте посмотрим поближе, что мы здесь имеем. Теперь Вы знаете, как сделать дизайн сайта в Figma. YouTube Audio Library, Stinson - Reed Mathis Ссылки: Текстовая заглушка - 🤍 Google fonts - 🤍 Картинка с парнем - 🤍 #Figma #landingpage #Sovisart ❤❤❤❤❤❤❤❤❤ Присоединяйся к SOVISART в социальных сетях : 👁🗨 TELEGRAM (welcome за полезностями) 🤍 👁🗨 YOUTUBE (подпишись на канал) 🤍 👁🗨 PINTEREST (мега подборки картинок) 🤍 👁🗨 INSTAGRAM (больше жизни )) ) 🤍 👁🗨 FACEBOOK (куда же без него?) 🤍 👁🗨 VK (и здесь мы тоже есть) 🤍 👁🗨 Tiktok (:)) tiktok.com/🤍sovisart #15 Как сделать дизайн сайта в Figma. Landing page design. Обзор от Sovisart ❤❤❤❤❤❤❤❤❤ Что на Канале? Графический дизайн, UI/UX дизайн, Создание сайтов (Tilda) Анимация, Фотография и ретушь, видео и монтаж, 3D моделирование интерьеров, Pinblogger: стратегия продвижения в Pinteres Весь ролик можно посмотреть здесь🤍
Подробно о курсе веб-дизайна: 🤍 Промокод на большую скидку на онлайн-курс: SECRETMDAONLINE Работы студентов: 🤍 Отзывы и интервью студентов: 🤍 Пример кликабельного дизайн-макета: 🤍
Дизайн сложной инфографики в Figma #3 Третье видео из серии дизайн инфографики в Figma. Сегодня сделаем версию по сложнее, с применением новых приемов. Поэтому повторяйте, сохраняйте и скачивайте готовый референс. Скачать макет - 🤍 📘На моем канале вы можете изучить профессию веб-дизайнера с нуля с помощью программы Figma. Я рассказываю о веб-дизайне без воды и ненужной информации. Разбираем как UI принципы, так UX. Также вы можете узнать особенности работы фрилансером. Основа обучение делается на уроках в программе Figma. Обучение Figma является приоритетной задачей для начинающего веб-дизайнера. Будь то вы дизайнером сайтов, мобильных приложений или других интерфейсов. В уроках вы узнаете как создать дизайн сайтов, Landing Page, интернет-магазинов, многостраничных сайтов. 🎥Сохраните это видео себе или поделитесь им с коллегами - 🤍 🔔Подписывайтесь на канал 🤍 💻Сайт с полезными статьями по веб-дизайну, шаблонами для Figma 🤍 ✍ Индивидуальное обучение - пишите на mail - denis.timoshitskiy🤍gmail.com (Работаю как с начинающими, так и с опытными веб-дизайнерами). Дизайн сложной инфографики в Figma #3 ☑️ Instagram - 🤍 ☑️ Telegram канал - 🤍figma_info ☑️ Паблик ВК - 🤍 ☑️ Мой сайт по Figma - 🤍 Смотрите также, 📺 Обзор программы Figma 🤍 📺 Курс веб-дизайн за 1 месяц 🤍 📺 Дизайн интернет-магазина в Figma 🤍 📺 Ре-брендинг ресторана 🤍 #Вебдизайн #Вебдизайнер #Figma #UI #UX #ДизайнСайта #РаботаФрилансером #WebDesign #WebДизайн #WebДизайнер #КурсыВебДизайна #ДизайнСайтов #ВебДизайнСнуля #КурсыВебДизайн #КакРаботатьУдаленно #УрокиFigma #КакСтатьВебДизайнером #ДизайнИнтерфейсов #УрокиВебДизайна #ШколаВебДизайна #КакСделатьДизайнСайта #ДизайнерМобильныхПриложений #ДизайнLandingPage #КурсFigma #КурсПоФигме #КурсФигма #КурсыUxДизайн #ПрофессияВебДизайнера #БесплатныйКурсПоФигме #БесплатныйКурсFigma #НаучитсяВебДизайну #ВебДизайнДляНовичков #ВебДизайнСайта #СекретыВебДизайна
Всем привет! Небольшое видео о том, как можно быстро собрать экран приложения в Фигме.
В этом уроке мы научимся вырезать объекты в Figma. Ставь ❤️ и подписывайся на наш канал. Впереди еще много интересного. Спикер: Анна Гайдук Тайминг: 0:33 - Где искать примеры крутого дизайна 1:43 - Создаем пост и начинаем дизайн 2:16 - Определяемся с палитрой 2:46 - Фигура в полоску 5:21 - Создаем разные фигуры через плагин 7:02 - Используем инструмент Pen 9:46 - Собираем дизайн всех элементов 21:28 - Как сделать так чтобы заказчик сам менял фото? 26:26 - Как создать ленту 9 на 9 и порезать ее на отдельные посты 28:26 - Дизайн макета для сторис 30:40 - Дизайн хайлайтов/вечных сторис/заглушек _ Всем привет. Мы студия дизайна ODS из Киева. ссылка на наш сайт: 🤍ods.in.ua Также подписывайтесь на наш Instagram, чтобы ничего не пропустить: 🤍 Скоро мы запускаем наш курс по дизайну и на данном канале Вы сможете также найти интересные уроки по работе с Figma, Photoshop и другими приложениями. Подписывайтесь. Оставляйте ваши комментарии и поддержите нас лайком!
🔥 Не забудьте скачать мою книгу «от Курьера до Дизайнера интерфейсов» 🤍 В ней я рассказываю свою историю, как мне удалось стать дизайнером с полного нуля и как бы я действовал сегодня, если бы начинал все с «чистого листа». 👇 Присоединяйтесь Канал в Телеграм: 🤍 Автор работы из видео: 🤍 Ссылка на кейс: 🤍 В этом уроке я покажу вам как сделать дизайн сайта в Figma. Для тех, кто не в курсе, фигма (figma) — это графический редактор, предназначенный для разработки дизайна различных интерфейсов (от простых сайтов, до сложных проектов). Данное видео подойдет для тех из вас, кто хочет освоить веб дизайн с нуля. Конкретно в этом уроки веб дизайна мы с вами перерисуем лендинг в фигме из behance для того, чтобы попрактиковаться. Подписывайтесь на канал, здесь я бесплатно выкладываю figma уроки про web design и ux ui дизайн, которые помогут вам прокачать свои скилы в дизайне.
В этом ролике я сделал дизайн приложения для Теслы в Фигме. Разработал экран приложения, в котором можно приобрести электромобиль. Вышло минималистично, может повторить любой! Весь контент ниже: Instagram : 🤍 TikTok : 🤍 Telegram : 🤍krvchkigor VK : 🤍 Behance : 🤍 Dribbble : 🤍 Сделал дизайн приложения для Tesla - Дизайн в Figma Сделал дизайн приложения для Tesla Дизайн в Figma Сделал дизайн для Tesla Сделал дизайн приложения Сделал дизайн приложения в Фигме
.svg){kind=small}
![Рисуем дизайн сайта в Figma | Одностраничный сайт в фигме | Figma для начинающих [2020]](https://i.ytimg.com/vi/NuprLAwoGc0/mqdefault.jpg "Рисуем дизайн сайта в Figma | Одностраничный сайт в фигме | Figma для начинающих [2020]")
![Повторяем дизайн сайта в Figma из Behance #1 | Лендинг в Фигме [Уроки Веб дизайна]](https://i.ytimg.com/vi/5NQ-kv1OYZQ/mqdefault.jpg "Повторяем дизайн сайта в Figma из Behance #1 | Лендинг в Фигме [Уроки Веб дизайна]")
![Повторяем дизайн сайта в Figma из Behance #2 | Лендинг в Фигме [Уроки Figma]](https://i.ytimg.com/vi/1ZA1zAHXnqM/mqdefault.jpg "Повторяем дизайн сайта в Figma из Behance #2 | Лендинг в Фигме [Уроки Figma]")
