- Видео 48
- Просмотров 109 069
Качалкин дизайн
Добавлен 7 сен 2020
XuWeTvIrJLUh
Преподаю в Школе Дизайна НИУ ВШЭ, делюсь профессиональными знаниями по web/ui/ux/product дизайну
azmskdkn
Преподаю в Школе Дизайна НИУ ВШЭ, делюсь профессиональными знаниями по web/ui/ux/product дизайну
azmskdkn
iOS 17 часть 3 — Воркшоп, карточки товаров
Первая часть ruclips.net/video/yehEeTx-AvU/видео.html
Вторая часть ruclips.net/video/4bLKO9_-Tck/видео.html
www.figma.com/community/file/...
hsedesign.ru/project/7a121909...
Канал в телеграм t.me/kachalkindesign
Группа ВК kachalkin.design
Вторая часть ruclips.net/video/4bLKO9_-Tck/видео.html
www.figma.com/community/file/...
hsedesign.ru/project/7a121909...
Канал в телеграм t.me/kachalkindesign
Группа ВК kachalkin.design
Просмотров: 285
Видео
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 Пошаговая форма
6 Как сделать набор кнопок со всеми состояниями для UI Кита в Фигме, по всем правилам!
Просмотров 3,1 тыс.2 года назад
6 Как сделать набор кнопок со всеми состояниями для UI Кита в Фигме, по всем правилам!
Figma Interactive Components Контролс
Просмотров 1492 года назад
Figma Interactive Components Контролс
Архиспасибо за урок! То что нужно. Хотелось бы еще урок про многоуровневые аккордеоны
Начало: 4:09
Спасибо огромнейшее. А концовка вообще топ - "чпоньк, чпоньк, чпоньк. как видите - варианты меняются" - и видео заканчивается. Конкретно и по существу=)
great video and explainer.
спасибо!!!а как вы картинку так нарезали на 3 части?
@@humanoftheworld я фотошопе конечно-же)
Очень полезное видео, спасибо!
Спасибо, было очень полезно!)
Пересмотрел до тебя кучу каких-то дебилов, и твой контент стал открытием! Спасибо, все четко и понятно
Очень детально. ЛАЙК
какой ужасный дизайн...
Спасибо за видео урок, крайне информативно! Хоть и маловато видео на канале, но каждое дает огромный объем знаний и двигает мысли и желание научиться работать профессионально, быстро и эффективно. Отличное преподавание, немного завидую студентам)
Спасибо за урок!
КАК УДАЛИТЬ????
А если перечень аккордеонов и у каждого свое напомлнение (контент, обьем и прочее) нужно создавать компонент к каждому?
Нет, наполнение меняется уже в макетах, в копиях одного компонента. Если они все идентичную конструкцию имеют.
@@kachalkindesign а как тогда их связать анимациями?
@@AnastasiaBidylo ну как как. Каждая выпадашка это компонента с двумя состояниями. Сам аккордеон состоит из этих компонентов и так-же является компонентом. Если у нас допустим 5 плашек - у аккордеона будет 6 состояний. В 5 из них поочередно открыта каждая плашка, и еще одно состояние где все плашки закрыты.
очень здорово)
ขอบคุณน้า ถ้าไม่ได้คุณ ธีสิสฉันคงไม่เสร็จแน่ๆ
Спасибо за подробный и информативный материал!
Спасибо, вы спасаете мою сессию💕
Блин, большое спасибо за видео! Наглядно показываешь и разжёвываешь каждое действие
у меня просто надпись в углу "не выбран файл".... и все
Отличное видео, подписалась, я ваша поклонница отныне. Пришла со случайного поиска видео про кнопки в фигма, оказывается есть люди, у которых получается все просто и доступно объяснить без лишнего информационного шума. Желаю подписчиков и побольше контента, искренняя благодарность за ваш труд!
Спасибо. Понятно. Интересно. Научил.
Супер лекция. Подскажите, пожалуйста как включить направляющие. Не колонки, а именно направляющие линии, как в фигме. У вас при передвижении объектов они сами включаются, а у меня нет и я уже все перетыкала и все видео пересмотрела, но не смогла найти как их активировать. Помогите, пожалуйста.
У меня это происходит в моменты когда я зажимаю Alt (option) + должна быть включена привязка Snap Включается там же где колонки и все остальное, или просто кнопкой S
Благодарю тебя. Классно и понятно объясняешь
Просто потрясающий гайд! Спасибо огромное
Уровень!
А как вы выделили иконки так бысто? если нажать Ctrl то выбирает только одну иконку
В каком моменте? Например можно выделить все объекты которые лежат внутри чего угодно, например фрейма. Выбираем фрейм - жмем ентер
А если у меня обычное состояние кнопок это белый цвет, а primary цвет (акцентный) темно синий, т.е если кнопка не нажата, то белая, а если нажата, то темно-синяя, что в этом случае? Primary - белый, active - темно-синий, Hover - чуть светлее темно-синего
не делайте так, они не должны отличаться так сильно. акцентный цвет не должен появляться при нажатии, он должен быть акцентом сам по себе в статике, например все белое и серое, а главная кнопка синяя
Спасибо огромное 😍
хорошие видео делаешь, удивлён что мало комментав под ними)
Vielen Dank für die Mühe und Grüße aus Berlin
ich bin froh, dass ich Ihnen geholfen habe
@@kachalkindesign Вы очень помогли. Спасибо Вам большое!
Полезное видео!
Класс👍 жду следующие части)
Классная работа👍 Сюда напрашивается сетка, чтоб плитки по ней ровнять) Много всяких фишек узнаю через твои видео, спасибо Глеб.
Ооо, новые видео) крутяк 🔥🔥🔥
если праймери цвет это бренд цвет то правило 60 primary 30 secondary 10 accent уже не используется ?
Отключились комментарии и я не увидел сразу. Тут скорее моя ошибка в терминологии. 10% accent это и есть brand primary
Здравствуйте, спасибо за видео получается мы всегда должны делать текст текста светлее заголовка?
Здравствуйте! Такого "правила" не существует. Скорее это простая рекомендация, о том, как представить текстовую иерархию
Спасибо за видео! Возник вопрос: То есть, в зависимости от нашего проекта и интерфейса, мы сами определяем какие размеры шрифтов и тайп скэйл будем делать?
По большому счету да! Есть рекомендации, не делать в интерфейсах размер основного текста сильно больше или меньше 16-18. Ну и от этого уже делать тайп-скейл
лекция - топ!
Добрый день! Подскажите, пожалуйста, как собрать разрозненные странички в единое полотно?
Перейти в режим просмотр (глазик), открыть настройки и включить пункт "Stack all pages vertically"
Не понимаю, почему так мало просмотров. Большое спасибо Глебу!!!
гений!
Я в шоке, но у меня получилось! Отличное видео, великолепная подача! Автор, вы супер
Гениально, жду вторую часть
Здравствуйте! Подскажите пожалуйста, почему в режиме просмотра видно все что находится за границами фрейма?
1. Возможно отключен scale layout 2. Размер контентной зоны больше чем кажется, например у лейауата слишком большие маргины
Спасибо чувак! Очень помог! Пили дальше! Ты крут
😉
51:20 Ну тут вы не совсем правы, те кто работает например в InDesign могут на этапе разработки стиля шрифта для макета подбирать начертание через список подходящих шрифтов. И это не делает их людьми занимающимися "фигнёй" и "недизайнерами". Визуальные превью шрифтов не просто так даны в графических редакторах.
Ну хорошо, если совсем докопаться - в графических редакторах, у превью шрифтов нет, как минимум, категоризации. В 80% случаев я уже знаю по крайней мере тип шрифта (антиква, гротеск), либо особенности начертания. Это, ну просто удобнее выбирать в сторонних инструментах. Так что недизайнерами это их (нас) конечно не делает. Видеть превью это безусловно удобно, но чтобы именно выбрать шрифт, я уже давно пользую paratype, google fonts, myfonts и typekit
Как интересно! Учусь с удовольствием. 🙂