Это видео недоступно.
Сожалеем об этом.
Правильные чекбоксы в веб-дизайне. Уроки Figma:
HTML-код
- Опубликовано: 26 июл 2024
- #alexeybychkov #ityoutubersru #webdesign
Наглядно покажу, расскажу, как сделать правильный чекбокс в вебдизайне. Эксперименты, хоткеи, фигма - все в небольшом видео пока #домавместе сидим в карантине.
💰❤️ Поддержать канал:
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - / alexeybychkov - английский, доллары
Подглядывать за мной можно тут:
👉 Инстаграм: / alexeybychkov_
👉 Беханс: www.behance.net/alexeybychkov_
👉 Телеграм: t.me/dsgn_tips
👉 Фейсбук: / dsgn.tips
👉 Твитор: / _alexeybychkov
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 35 лет, женат на прекрасном человеке и у нас чудесная дочка. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 15 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
Подробнее обо мне - alexeybychkov.com/about/
15 лет опыта - alexeybychkov.com/experience/
Пишу - alexeybychkov.com/blog/
Дизайню - alexeybychkov.com/cases/
Отзывы - clck.ru/K5Mcc
Мои книги:
«Дизайн и фриланс. Начало» - clck.ru/JE8ku
«Дизайн и фриланс. Новый уровень» - clck.ru/JE8jT
Хелп по Фигме: уроки, видео, советы, фишки - figma.help
Мир фейсов: faces.world/
#figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
Спасибо за комментарии, лайки, и вообще вы такие молодцы все, что прям нарадоваться не могу :)
💰❤️ Поддержать канал:
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - www.patreon.com/alexeybychkov - английский, доллары
Подглядывать за мной можно тут:
👉 Инстаграм: instagram.com/alexeybychkov_
👉 Беханс: www.behance.net/alexeybychkov_
👉 Телеграм: t.me/dsgn_tips
👉 Фейсбук: facebook.com/dsgn.tips/
👉 Твитор: twitter.com/_alexeybychkov
Наглядно, подробно, без воды, все супер, как и всегда🤩
Ну класс
Есть спикеры, учителя или как правильно назвать Алексея? которые либо рассказывают классные вещи но через какое-то невнятное мычание, а есть те кто чешут как по маслу, но какую то херню (чаще рекламу своих курсов) (и я не против этого 😀). Спасибо Алексей, за классную подачу классного материала! +1 тебе в карму!
🤟😇🤟 спасибо)
Лайк поставил, комментарий написал, комнату проветрил!
🚀🚀🚀
Мой любимый канал про веб-дизайн! Подача просто улет!
❤️
За видео однозначно лайк. А логотипы 1. Amazon 2. IKEA 3. Skype
🎯🎯🎯
здоровское видео) все нужное, понятное..побольше таких)
спасибо))
amazon. ikea, skype.. благодаря твоим урокам узнал на сколько фигма крута.
🎯🎯🎯 супер)
Спасибо за очередные полезности! Здоровья и успехов!
Спасибо) Рад, что нравится ☀️
Здорово, интересно и пригодится на практике
☀️
Спасибо, подача супер. Чекбоксы тоже!
ну класс :)
Классное объяснение. Буду делать чекбоксы с фонами теперью. Спасибо!
супер)
Спасибо. Лаконично и доступно
ну класс :)
Спасибо за интересную подачу информации!
Пожалуйста 🥳
Фил Хуг! Я думала уже весна в доме началась, а это в видосике птички хахах! Спасибо за ролик и полезную инфу!😃😃
Фил Хуг!
Спасибо Алексей за этот урок, все очень доходчиво и понятно. Смог разобраться и применить в своем проекте. И да видео записано 3 года назад по моему не утратило своей актуальности ни сколько
Очень рад 🥳
*Тот момент, когда ты Алексей, ты из Минска, тебе 21 и ты только начинаешь свой путь в веб-дизайне :)*
Надеюсь стать таким же спецом как вы. Спасибо за классный контент ;)
Уверен, все будет хорошо! 🚀
Рад, что нравится ☀️
Огонь )) спасибо за хоткеи и макет чекбокса, порадовало!
🚀 вууххуу!
Доброе утро) очень полезно, спасибо за твою работу!).
привет))
Птички добавили весеннего контраста)) спасибо)
весна!
Вай) какава подача! легко повторить)
Супер)
Очень правильный подход. Я бы его еще расширил на disabled состояния отмеченного и не отмеченного чекбокса. Тогда необходимость фона станет абсолютно очевидной (даже у не отмеченного чекбокса)
👍 согласен :)
Отличный способ нагладно продемонстрировать почему важно делать адекватные чекбоксы. Спасибо за ролик. Лайк👍👍👍👍👍
🥳
Круто объясняете! У вас талант😎 Офигенский вышел урок)
Спасибо) Рад, что понравилось!
Спасибо за такие хинты и подсказки. Ещё и с юмором. А на экране. Амазон, Икеа, Скайп.
🎯🎯🎯
Спасибо за крутые чекбоксы! Идеально)
пожалуйста!
Спасибо, все четко и по существу. Узнал только икею(( пичалька
🙃 рад, что нравится
Такс, чекбоксы с фоном теперь будут моими фаворитами. Прекрасное объяснение с коробочкой, любой поймёт и запомнит.
ну класс))
Замечательно видео, большое спасибо за вашу работу 😊👍
Спасибо за просмотр!
Скайп узнал, остальные нет :) Видео огонь!
👍 спасибо)
Спасибо за ваш контент)
Самый полезный и интересный канал по теме
Рад, что нравится 🙌
Вечер воскресенья - идеальный день для просмотров роликов Алексея😊 Продолжаем пополнять копилку советов и лайфхаков!)
Теперь буду делать чекбоксы с заливкой) Почему-то раньше не задумывалась, что без заливки они действительно как-то грустнее выглядят, и не такие заметные
потому что на обучении еще не была)) там за неконтрастные чекбоксы можно схлопотать 😄
@@alexeybychkov_ ох))
Спасибо за уроки и полезную инфу!
Пожалуйста)
Быстро и понятно!
🤟
Стало очень понятно. После объяснения:) Спасибо
супер!!
Эффектное видио 👍👍
Ну класс)
Концовка просто огонь! Лайк, подписка и проветренная комната однозначно)))
вууххуу! Спасибо)
Осторожно! Если будете часто заходить на этот канал и видосики смотреть, а потом еще после этого и кнопки в фигме нажимать, можете нарваться на то, что станете хорошим дизайнером 😏
ага, и такое может случиться)
Понравились коробочка и галочка для живого примера 😄
ну класс)
в этом уроке вы показали какое-то волшебство!
Спасибо :)
спасибо за просмотр))
Наверное я про них в книжке читал твоей, но видос от этого менее крутым не стал! Спасибо)
☀️
Амазон, икеа, скайп :) Спасибо за урок!
🎯🎯🎯 не за что)
Спасибо. Shift + x - Огонь!
пожалуйста!
Про чекбокс с пробитым дном - очень оригинальное сравнение))спасибо!
спасибо за просмотр)
Концовка хороша Нагляднее и не объяснишь! )))
ну класс)
Класс! Теперь я знаю про чекбоксы всё) Спасибо Алексей))) Логотипы в квадратиках, первый не догадался, второй думаю икея, третий скайп?! Или как?)
супер) Амазон, Икея и Скайп
@@alexeybychkov_ аааа, точно, амазон)))
забавное объяснение в конце
Бонус для тех, кто досмотрел 😄
размеров не хватило, новички любят их маленькими пилить, и когда переносят на смартфон, туда пальцем тыкнуть не возможно. а так, контент как всегда шикарен :)
рад, что нравится :)
Не знал, большое спасибо
Пожалуйста)
Алексей, скажите пожалуйста как установить к себе в фигму ( сохранить ) сетку которой пользуйтесь вы
Вот в этом видео показал как добавлять (в первой части как раз про сетки, есть тайм-коды в прикрепленном коменте) ruclips.net/video/xTIL19sDeHo/видео.html
@@alexeybychkov_ Спасибо)
не за что :)
@@alexeybychkov_ Получилось добавить сетки к себе только в браузере, но в приложение они не добавились
@@mars5069 приложение повторяет браузерную версию. Может баг какой или еще что :) Все привязывается к аккаунту, а если в браузере и десктопе один и тот же аккаунт залогинен - то должно все подключиться и там и та
по логотипам: 1. котоп, 2 икея, 3 скайп, угадала?)
Спасибо за видео с чеками и боксами, поняла свои ошибки!
🙃🎯🎯 Первый амазон
@@alexeybychkov_ Ааа, поняла)
Ответы на загадку: Амазон, Икея и Скайп.
Продолжайте делать контент, очень понятно и доступно объясняете!))
🎯🎯🎯
Рад, что нравится!
С первым не знакома
А второй и третий: IKEA и Skype
Наглядная, интересная подача) спасибо!
☀️ рад, что нравится!
Не буду больше делать чекбоксы с пробитым дном XDDD
👍👍
Использовать цвет фона для галочки логично... Но контрастность, наверное, важнее, что бы на фоне выделяться.
закрашенный чекбокс и будет контрастным к фону
Правильные чекбоксы и расказчик правильный 🔥
Вот и замечательно!
4:59 о, там на фоне увлажнитель?) мы себе тоже недавно прикупили, теперь чаще его на роликах замечаю) Полезная вещь, особенно зимой в отопительный сезон!
6:03 я как раз привыкла через мастер чекбоксы делать)
10:30 галочка попадает в коробочку🤣 Мне этот отрывок напомнил ролик из галилео, который в эфир не попал)) "Именно поэтому свечка совершает свои колебания"😂
😄
да, зимой подрубаю увлажнитель
Увлажнитель самое то в отопительный сезон, только за фильтром надо смотреть, тк там может появится грибок.
Амазон, Икея, Скайп ) спасибо за видео 👍👍👍👍
Спасибо за просмотр)
Ахаха, объяснение с коробочкой и галочкой прям как передача для детишек, "юный дизайнер" прям какой-то получается
😄
Amazon, Ikea, Skype :)
🎯🎯🎯
10:32 ))))))))))))
😄
Amazon, IKEA, Skype 👋🏼
🎯 да!
Даа, заметил)
Супер)
Кто нибудь заметил интеграцию призыва к действию поставить лайк, подписаться и т.д. ? 😅 Кто прошел челендж до конца ? )))
Нативка 😄
благодарю, а какой размер чекбокса стандартный?) а у Тебя на фоне птички играют, tropicano
так весна же :) вот и птички)
Про размер: так можно открыть любой сайт со стандартными чекбоксами и измерить :) 16 х 16 пх. Если чекбокс один или несколько есть смысл делать их больше, чтобы не приходилось целиться. А если большой список - то можно и стандартные оставить, чтобы место сэкономить
Amazon, IKEA, Skype
🎯🎯🎯
Спасибо! Лайк, подписка! В пикселях Амазон, Икея, Скайп.
Вууууху! Спасибо) 🎯🎯🎯
Амазон, Икеа и Скайп
🎯🎯🎯
Алексей, спасибо! Скажите, пожалуйста, как делается анимация на чекбоксах? Чтобы чекбокс без галочки заменялся на с галочкой?
Пожалуйста. В режиме прототипа через smart-animate
@@alexeybychkov_ Большое спасибо!
@@alexeybychkov_ Вывели меня из темноты!) Надо было 8 лайков поставить!
Amazon, ikea, skype?
yep! 🎯
Amazon, IKEA, Skype.
Поменял свои чек боксы только что. Сорри, были с пробитым дном.
🎯🎯🎯
Так как всё-таки сделать чтобы при клике alt+X, менялись состояния чекбоксов?
shift + x меняет местами обводку и заливку
Была белая стрелочка на прозрачной заливке с синим контуром = ее не видно
Нажали shift + x - теперь заливка синяя, контур прозрачный. И белая стрелочка видна на синем фоне
Просто меняем цвет у заливки (фона) и обводки
steam, ikea, skype?
нет, да, да :)
1 логотип не узнала, 2 вроде икеа, а 3-скайп😃😃
уже и не помню какие там логотипы были)
amazon, ikea, dexp
последний - скайп
Амазон, Икеа и скайп)
🚀🚀🚀
*1.25 скорость ставил чтобы услышать привычного Алексея
раньше вещал в режиме улитки
Amazon, ikea, Skype?
🎯🎯🎯
Ну что за мастер? Еду в метро, наушников нет(заработаю-куплю), ничего не слышно, но всё равно понятно всё.
рад, что понятно)
@@alexeybychkov_ мало того, что понятно, так ещё и мотивирующе!!!
благодаря Максиму c VideoSmile и Вам Алексей я смог понять азы фигмы.
Так как я работаю на работах которые ненавижу, в моей жизни появилась цель! стать Ux/Ui дизайнером, но так как у меня есть жена, дочка, съемная квартира и ипотека у меня нет возможности выделить кэш на платные курсы, поэтому всеми силами выкачиваю максимум из вашего контента как могу, плюс пробую конечно англо ютуб, но тяжело понимать)
Поэтому Алексей, Вы мой духовный наставник, гуру и ментор.
Сейчас мой приятель за почти два года вышел на невероятный уровень и набил крутой скил, он 3D артист, это меня тоже мотивирует, другой приятель тоже вошел в IT кодером, но когда надо он верстальщик и я так как голодный до инфы и понял по Вашим словам, что с верстальщиками нужно дружить спрашиваю по возможности советы у него)
Вообщем решил не ныть, что жизнь тяжелая, а нашел отдушину в Ux/Ui и делаю всё для достижения цели!
Алексей, спасибо Вам ещё раз.
Хорошего дня и отличного настроения.
@@bratikkurit8618 Рад, что нравится контент. Надеюсь, все получится!
А как же скетч, пацаны? Шо фсё?
Скетч из другой песочницы :)
@@alexeybychkov_ я про то что ты упомянул, что кто-то ещё работает в Фотошопе и я это часто слышу, но по факту эти люди вообще существует ли в природе? Просто так говорят.. мол как вообще можно работать в Фотошопе для проектировки интерфейса??? Так а кто собственно эти люди? И где они? Я вот за последние 5 лет работы так и не натыкался на таких.
На веблансере в топе чел, который до сих пор «правильно называет psd-файлы» xD
Амазон, икея, скайп.
🎯🎯🎯
Фигма обновилась? Больше не работает сочетание SHIHT + X для создания чекбокса(
должно работать
У меня не работает тоже
Амазон, икеа, скайп)
ага!
блен, там одна птичка постоянно выбивается из коллективного щебетания, как чек-бокс на себя внимание тянет
ну и ладно
ничего не понятно. зачем снимать обучалку и использовать горячие клавиши ? 3 дополнительных видео пришлось включать чтобы понять как группировать и добовлять в мастер
Потому что видео не про то как группировать и добовлять в мастер
amazon / ikea / skype
🎯🎯🎯
Alexey Bychkov а где можно твой телеграмм подучить ? Напиши в личку плз
так везде же контакты мои есть. И на сайте, и в ютубе в описании каждого ролика, и в каждом закрепленном комментарии. И на странице "о канале" t.me/Alexeybychkov
Амазон икеа скайп
🎯🎯🎯
Я все понимаю, но половина ролика не по теме...
молодец, что все понимаешь
Чувак, слишком много воды, реально бесит
Проходи мимо, чего мучаешься