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