Качалкин дизайн
Качалкин дизайн
  • Видео 48
  • Просмотров 109 069

Видео

iOS 17 часть 2 - Воркшоп, как задизайнить главную Яндекс Лавки на компонентах Apple
Просмотров 314Год назад
Первая часть ruclips.net/video/yehEeTx-AvU/видео.html www.figma.com/community/file/1248469200294124336 hsedesign.ru/project/7a12190905ce4c7fb93dcd07058a4fd8 00:00:00 Введение 00:01:40 Начало работы 00:15:00 То самое матовое стекло (материалы) 00:17:00 Кастомные карточки 00:34:30 Новинка фигмы Warp Mode для Auto layout 00:42:18 Как правильно сделать скролл в экране Канал в телеграм t.me/kachalki...
iOS 17 UI Kit на русском от Качалкин Дизайна. Разбор компонентов, туториал по работе с китом
Просмотров 755Год назад
www.figma.com/community/file/1248469200294124336 hsedesign.ru/project/7a12190905ce4c7fb93dcd07058a4fd8 00:00:00 Введение 00:06:06 Шрифты и иконки San Francisco (под Мак и Windows) 00:07:27 Разбор компонентов 00:12:20 Стили цветов и типографики 00:17:00 Table Row и его варианты 00:20:53 Navigation Bar и Search Bar 00:23:00 Клавиатура 00:26:02 Календарь 00:28:24 Мокап главного экрана Канал в теле...
Вскрываем apple.com и собираем на компонентах в Фигме!
Просмотров 1,1 тыс.Год назад
Смотри и повторяй. За 2 часа соберем набор компонентов лендинга для любой ниши. Мой телеграм с профессиональными советами по UI/UX t.me/kachalkindesign Скачать шрифты SF Для Mac developer.apple.com/fonts/ Для Windows drive.google.com/file/d/1OriDJkdVwU95ggM0e5OY9z-hn4_-LV1o/view?usp=share_link Плагин HTML to Figma www.notion.so/kachalkin/HTML-to-Design-46a63d89114645bf947e73def88de8c8 Эпизоды 0...
Загадка с Auto Layout в Figma - Попробуй решить
Просмотров 357Год назад
Загадка с Auto Layout в Figma - Попробуй решить
Прототипируем в Figma каталог галерею как у Zara / Interactive Componets / Variants
Просмотров 5532 года назад
Прототипируем в Figma каталог галерею как у Zara / Interactive Componets / Variants
Readymag собираем полностью анимированный шорт рид с переходами
Просмотров 1,4 тыс.2 года назад
Проект readymag.com/hseadc1/3997705/
Figma. Введение / Начни сразу как профессионал / Фишки, секреты, и мини задания /
Просмотров 1,1 тыс.2 года назад
Figma.com/downloads Пропустить часть про установку программы 00:02:55 Я в сетях t.me/telegagleba kachalkin.design
Собираем приложение для записи на услуги - стильно, UX'ово и по гайдам
Просмотров 6172 года назад
Другие мои видео по дизайну под iOS ruclips.net/p/PLqXOB8-Ut2cObIFBdUT5vJPhGxXnJ3km6
iOS Modal View - Поиск по каталогу с саджестами и яблочными бананами
Просмотров 1692 года назад
iOS Modal View - Поиск по каталогу с саджестами и яблочными бананами
iOS Календарь и клавиатура - функционально и на кириллице
Просмотров 3652 года назад
iOSUI KIT от Joey Banks www.figma.com/community/file/984106517828363349 Иконки SF из комьюнити, если у тебя Винда www.figma.com/community/file/886999666531731323
iOS TabBar - делаем правильно
Просмотров 4 тыс.2 года назад
iOSUI KIT от Joey Banks www.figma.com/community/file/984106517828363349 Иконки SF из комьюнити, если у тебя Винда www.figma.com/community/file/886999666531731323
iOS Navigation Bar в максималке
Просмотров 6902 года назад
iOSUI KIT от Joey Banks www.figma.com/community/file/984106517828363349 Иконки SF из комьюнити, если у тебя Винда www.figma.com/community/file/886999666531731323
iOS TABLE ROW В максималке
Просмотров 3122 года назад
www.figma.com/file/NWytwJxOZm4qXcYX0D6JcN/iOS-15-UI-Kit-JUNE?node-id=5:54 iOSUI KIT от Joey Banks www.figma.com/community/file/984106517828363349 Иконки SF из комьюнити, если у тебя Винда www.figma.com/community/file/886999666531731323
Readymag горизонтальный скролл 2022, правильный способ (даже два)
Просмотров 7 тыс.2 года назад
Readymag горизонтальный скролл 2022, правильный способ (даже два)
Презы Like A Pro - Как делают презентации в ШД НИУ ВШЭ в 2022. Открытая лекция.
Просмотров 9412 года назад
Презы Like A Pro - Как делают презентации в ШД НИУ ВШЭ в 2022. Открытая лекция.
Figma Interactive Components Пошаговая форма
Просмотров 3442 года назад
Figma Interactive Components Пошаговая форма
3.2 Цвет ПРО
Просмотров 4432 года назад
3.2 Цвет ПРО
5 Микромодуль
Просмотров 3712 года назад
5 Микромодуль
7 Инпаты
Просмотров 5832 года назад
7 Инпаты
4 Иконки
Просмотров 3522 года назад
4 Иконки
3 Цвет
Просмотров 4402 года назад
3 Цвет
2 Типографика
Просмотров 6132 года назад
2 Типографика
1 Вступление
Просмотров 6122 года назад
1 Вступление
6 Как сделать набор кнопок со всеми состояниями для UI Кита в Фигме, по всем правилам!
Просмотров 3,1 тыс.2 года назад
6 Как сделать набор кнопок со всеми состояниями для UI Кита в Фигме, по всем правилам!
8.2 Таб бар и сайдбар
Просмотров 2562 года назад
8.2 Таб бар и сайдбар
8 Навигация - Нав Бар
Просмотров 3102 года назад
8 Навигация - Нав Бар
9 Карточка
Просмотров 2062 года назад
9 Карточка
10 Прототипирование
Просмотров 2422 года назад
10 Прототипирование
Figma Interactive Components Контролс
Просмотров 1492 года назад
Figma Interactive Components Контролс

Комментарии

  • @outslider
    @outslider 20 часов назад

    Архиспасибо за урок! То что нужно. Хотелось бы еще урок про многоуровневые аккордеоны

  • @wobakoff6302
    @wobakoff6302 2 дня назад

    Начало: 4:09

  • @johnyblaze2046
    @johnyblaze2046 Месяц назад

    Спасибо огромнейшее. А концовка вообще топ - "чпоньк, чпоньк, чпоньк. как видите - варианты меняются" - и видео заканчивается. Конкретно и по существу=)

  • @taikovv
    @taikovv 2 месяца назад

    great video and explainer.

  • @humanoftheworld
    @humanoftheworld 2 месяца назад

    спасибо!!!а как вы картинку так нарезали на 3 части?

    • @kachalkindesign
      @kachalkindesign 2 месяца назад

      @@humanoftheworld я фотошопе конечно-же)

  • @НаринэСветлова
    @НаринэСветлова 3 месяца назад

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

  • @ВалерияКим-у5т
    @ВалерияКим-у5т 5 месяцев назад

    Спасибо, было очень полезно!)

  • @kryzhanovskiy_k
    @kryzhanovskiy_k 5 месяцев назад

    Пересмотрел до тебя кучу каких-то дебилов, и твой контент стал открытием! Спасибо, все четко и понятно

  • @glebchikk
    @glebchikk 6 месяцев назад

    Очень детально. ЛАЙК

  • @AlenaRuz
    @AlenaRuz 7 месяцев назад

    какой ужасный дизайн...

  • @Anastasia_290
    @Anastasia_290 8 месяцев назад

    Спасибо за видео урок, крайне информативно! Хоть и маловато видео на канале, но каждое дает огромный объем знаний и двигает мысли и желание научиться работать профессионально, быстро и эффективно. Отличное преподавание, немного завидую студентам)

  • @ЛераПарфенова-о2щ
    @ЛераПарфенова-о2щ 9 месяцев назад

    Спасибо за урок!

  • @grivaru
    @grivaru 9 месяцев назад

    КАК УДАЛИТЬ????

  • @AnastasiaBidylo
    @AnastasiaBidylo 9 месяцев назад

    А если перечень аккордеонов и у каждого свое напомлнение (контент, обьем и прочее) нужно создавать компонент к каждому?

    • @kachalkindesign
      @kachalkindesign 9 месяцев назад

      Нет, наполнение меняется уже в макетах, в копиях одного компонента. Если они все идентичную конструкцию имеют.

    • @AnastasiaBidylo
      @AnastasiaBidylo 9 месяцев назад

      @@kachalkindesign а как тогда их связать анимациями?

    • @kachalkindesign
      @kachalkindesign 9 месяцев назад

      @@AnastasiaBidylo ну как как. Каждая выпадашка это компонента с двумя состояниями. Сам аккордеон состоит из этих компонентов и так-же является компонентом. Если у нас допустим 5 плашек - у аккордеона будет 6 состояний. В 5 из них поочередно открыта каждая плашка, и еще одно состояние где все плашки закрыты.

  • @ЕвгенийРукавишников-р4ц
    @ЕвгенийРукавишников-р4ц 10 месяцев назад

    очень здорово)

  • @nurseza22
    @nurseza22 11 месяцев назад

    ขอบคุณน้า ถ้าไม่ได้คุณ ธีสิสฉันคงไม่เสร็จแน่ๆ

  • @derezign
    @derezign 11 месяцев назад

    Спасибо за подробный и информативный материал!

  • @ОлесяАнтонец-э5э
    @ОлесяАнтонец-э5э 11 месяцев назад

    Спасибо, вы спасаете мою сессию💕

  • @aceirys2256
    @aceirys2256 Год назад

    Блин, большое спасибо за видео! Наглядно показываешь и разжёвываешь каждое действие

  • @Biomechannik
    @Biomechannik Год назад

    у меня просто надпись в углу "не выбран файл".... и все

  • @Anastasia-52791
    @Anastasia-52791 Год назад

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

  • @js4ek
    @js4ek Год назад

    Спасибо. Понятно. Интересно. Научил.

  • @vidna1825
    @vidna1825 Год назад

    Супер лекция. Подскажите, пожалуйста как включить направляющие. Не колонки, а именно направляющие линии, как в фигме. У вас при передвижении объектов они сами включаются, а у меня нет и я уже все перетыкала и все видео пересмотрела, но не смогла найти как их активировать. Помогите, пожалуйста.

    • @kachalkindesign
      @kachalkindesign Год назад

      У меня это происходит в моменты когда я зажимаю Alt (option) + должна быть включена привязка Snap Включается там же где колонки и все остальное, или просто кнопкой S

  • @js4ek
    @js4ek Год назад

    Благодарю тебя. Классно и понятно объясняешь

  • @dmitryalipov
    @dmitryalipov Год назад

    Просто потрясающий гайд! Спасибо огромное

  • @vadimtrick4959
    @vadimtrick4959 Год назад

    Уровень!

  • @mialii7940
    @mialii7940 Год назад

    А как вы выделили иконки так бысто? если нажать Ctrl то выбирает только одну иконку

    • @kachalkindesign
      @kachalkindesign Год назад

      В каком моменте? Например можно выделить все объекты которые лежат внутри чего угодно, например фрейма. Выбираем фрейм - жмем ентер

  • @mialii7940
    @mialii7940 Год назад

    А если у меня обычное состояние кнопок это белый цвет, а primary цвет (акцентный) темно синий, т.е если кнопка не нажата, то белая, а если нажата, то темно-синяя, что в этом случае? Primary - белый, active - темно-синий, Hover - чуть светлее темно-синего

    • @kitchenmonster228
      @kitchenmonster228 3 месяца назад

      не делайте так, они не должны отличаться так сильно. акцентный цвет не должен появляться при нажатии, он должен быть акцентом сам по себе в статике, например все белое и серое, а главная кнопка синяя

  • @uwuk4
    @uwuk4 Год назад

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

  • @olegkateka4297
    @olegkateka4297 Год назад

    хорошие видео делаешь, удивлён что мало комментав под ними)

  • @rakete79
    @rakete79 Год назад

    Vielen Dank für die Mühe und Grüße aus Berlin

    • @kachalkindesign
      @kachalkindesign Год назад

      ich bin froh, dass ich Ihnen geholfen habe

    • @rakete79
      @rakete79 Год назад

      @@kachalkindesign Вы очень помогли. Спасибо Вам большое!

  • @bozzhik
    @bozzhik Год назад

    Полезное видео!

  • @ux_ui
    @ux_ui Год назад

    Класс👍 жду следующие части)

  • @ux_ui
    @ux_ui Год назад

    Классная работа👍 Сюда напрашивается сетка, чтоб плитки по ней ровнять) Много всяких фишек узнаю через твои видео, спасибо Глеб.

  • @ux_ui
    @ux_ui Год назад

    Ооо, новые видео) крутяк 🔥🔥🔥

  • @АкниетБайболат

    если праймери цвет это бренд цвет то правило 60 primary 30 secondary 10 accent уже не используется ?

    • @kachalkindesign
      @kachalkindesign Год назад

      Отключились комментарии и я не увидел сразу. Тут скорее моя ошибка в терминологии. 10% accent это и есть brand primary

  • @АкниетБайболат

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

    • @kachalkindesign
      @kachalkindesign Год назад

      Здравствуйте! Такого "правила" не существует. Скорее это простая рекомендация, о том, как представить текстовую иерархию

  • @АкниетБайболат-э9ь

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

    • @kachalkindesign
      @kachalkindesign Год назад

      По большому счету да! Есть рекомендации, не делать в интерфейсах размер основного текста сильно больше или меньше 16-18. Ну и от этого уже делать тайп-скейл

  • @elizavetashchetnikova5047
    @elizavetashchetnikova5047 Год назад

    лекция - топ!

  • @prostojulie
    @prostojulie Год назад

    Добрый день! Подскажите, пожалуйста, как собрать разрозненные странички в единое полотно?

    • @kachalkindesign
      @kachalkindesign Год назад

      Перейти в режим просмотр (глазик), открыть настройки и включить пункт "Stack all pages vertically"

  • @sofiaallon1462
    @sofiaallon1462 Год назад

    Не понимаю, почему так мало просмотров. Большое спасибо Глебу!!!

  • @thisisanned
    @thisisanned Год назад

    гений!

  • @ТатьянаЕременко-у7ь

    Я в шоке, но у меня получилось! Отличное видео, великолепная подача! Автор, вы супер

  • @montagr5249
    @montagr5249 Год назад

    Гениально, жду вторую часть

  • @СергейИронов-ч4й

    Здравствуйте! Подскажите пожалуйста, почему в режиме просмотра видно все что находится за границами фрейма?

    • @kachalkindesign
      @kachalkindesign Год назад

      1. Возможно отключен scale layout 2. Размер контентной зоны больше чем кажется, например у лейауата слишком большие маргины

  • @ЕвгенийРукавишников-р4ц

    Спасибо чувак! Очень помог! Пили дальше! Ты крут

  • @Midi25
    @Midi25 Год назад

    51:20 Ну тут вы не совсем правы, те кто работает например в InDesign могут на этапе разработки стиля шрифта для макета подбирать начертание через список подходящих шрифтов. И это не делает их людьми занимающимися "фигнёй" и "недизайнерами". Визуальные превью шрифтов не просто так даны в графических редакторах.

    • @kachalkindesign
      @kachalkindesign Год назад

      Ну хорошо, если совсем докопаться - в графических редакторах, у превью шрифтов нет, как минимум, категоризации. В 80% случаев я уже знаю по крайней мере тип шрифта (антиква, гротеск), либо особенности начертания. Это, ну просто удобнее выбирать в сторонних инструментах. Так что недизайнерами это их (нас) конечно не делает. Видеть превью это безусловно удобно, но чтобы именно выбрать шрифт, я уже давно пользую paratype, google fonts, myfonts и typekit

  • @Midi25
    @Midi25 Год назад

    Как интересно! Учусь с удовольствием. 🙂