Курсор: стрелка или палец по наведению у кнопки или ссылки. Кликабельные элементы: ховер и верстка

#alexeybychkov #ityoutubersru #webdesign
Какие бывают курсоры в веб-дизайне. Какой же курсор ставить, чтобы показать ховер у кнопки или ссылки? Примеры сверстанных некликабельных кнопок
Наши чатики в дискорде - / discord
Обучение - alexeybychkov.study/
Мои цитаты -
💰❤️ Поддержать канал:
/ @alexeybychkov_
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - / alexeybychkov - английский, доллары
Подглядывать за мной можно тут:
👉 Инстаграм: / alexeybychkov_
👉 Беханс: www.behance.net/alexeybychkov_
👉 Телеграм: t.me/dsgn_tips
👉 Фейсбук: / dsgn.tips
👉 Твитор: / _alexeybychkov
0:00 - какие бывают курсоры
0:26 - самые популярные курсоры в веб-дизайне
1:31 - пример сайта с 4 курсорами
5:13 - курсор и кнопки
8:58 - пример исключения из правила
10:29 - пример нестандартного курсора на сайте
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 36 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
Подробнее обо мне - alexeybychkov.com/about/
17 лет опыта - 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

[@alexeybychkov_]

Спасибо за вашу активность! Подписывайтесь на инстаграм - ссылка кликается! - instagram.com/alexeybychkov_/

[@pridari]

Фил Хуг! Спасибо за чудесный контент! Смотрю взахлеб, даже не всегда поесть успеваю!😃😃

[@alexeybychkov_]

Фил Хуг!

[@rusik_des]

Обожаю слушать хоть и такие простые уроки, все разложил с юмором легко и просто, спасибо! (я тот дизайнер что раньше ставил стрелки на кликабельные элементы, каюсь)

[@alexeybychkov_]

Рад, что нравится!

[@anastasiamihodenko1663]

ФилХуг! Когда ты первый раз сказал "Рука превратилась в кулак", я тоже пропела😂

[@alexeybychkov_]

😅

[@user-ry8ef5ee4e]

Полезное видео для всех начинающих 👍 Здорово, что есть поясняющие ролики, казалось бы самых элементарных вещей 👌🏻

[@alexeybychkov_]

ну клаасс)

[@alenahalaburda6373]

Спасибо за объяснение разницы функций курсоров 😉 Очень понятно и доступно

[@alexeybychkov_]

пожалуйста!

[@sergeynaumovvv7923]

Выцветший горох))) Обожаю как ты называешь обычное - необычными, забавными именами)

[@alexeybychkov_]

рад, что нравится)

[@tshmel8398]

Спасибо! Все понятно, легко и смешно!! Больше курсоры не путаю. Дизайнерская честь сохранена))

[@alexeybychkov_]

спасибо за просмотр)

[@vladislava_v9722]

14 группа, туть) информация полезная, даже не задумывалась о таких мелочах как курсор палец и стрелка и их разные роли :D

[@alexeybychkov_]

👋 привет!

[@user-he5ki9fb8y]

Прикольная фишка про выпадающий список при наведении, теперь буду иметь в виду) спасибо🤘

[@alexeybychkov_]

пожалуйста!

[@emerson_3501]

Когда надоело видеть в работах стрелку вместо пальца) Спасибо за ролик)

[@alexeybychkov_]

да давно хотел видео записать))

[@user-my1by3uz9p]

Экзотические курсоры абсолютно не бесят, а разницу между стрелкой и пальцем - ты объяснил супер понятно.

[@alexeybychkov_]

ну класс) спасибо за просмотр!

[@vakhabova_toys]

Спасибо за понятное объяснение на живом примере, теперь все понятно👆👍

[@alexeybychkov_]

Пожалуйста)

[@Masloboynikova]

ха-ха, "рука превратилась в кулак"))) Спасибо за инфу, как всегда очень классно и просто объяснил)

[@alexeybychkov_]

😅 пожалуйста!

[@user-xs8ty9dg5s]

Первая мысль: курсоры, что там может быть ещё нового и интересного. Вторая мысль: видео на вашем канале. Итог: даже очевидная вещь, о которой есть видео на этом канале, стоит внимания. Спасибо за информацию!

[@alexeybychkov_]

спасибо за комменты!

[@adinarahimova9855]

Фил Хуг из 15-группы!🤗 Очередное огромное спасибо за ролик с мегаполезной информацией! 🤩

[@alexeybychkov_]

Фил Хуг! ❤️

[@alisaprokofyeva8361]

Оооочень полезный контент, никогда не задумывалась до тебя, что могут быть такие проблемы с этими курсорами!) Спасибо! 😊За файл с ними - отдельный поклон, давно сохранены в макетах. 😎

[@alexeybychkov_]

Ну класс)

[@user-lg4fu9qf6y]

Коротко, чётко и ясно - новичкам полезно. В конце расчёска))) топ

[@alexeybychkov_]

спасибо за просмотр)

[@alenazin2001]

Еще с первого просмотренного мной разбора хотела посмотреть про курсоры и наконец-то добралась. Стало намного понятнее. Спасибо! С "расческу забыл снять" поржала :D всегда досматриваю видео до конца, отличное настроение этими оговорками обеспечено ахахха. "по реке плывет кирпич, ну и пусть себе плывет. нам не нужен пенопласт, получи дрова в живот" - фонд золотых цитат

[@alexeybychkov_]

Круто) спасибо за досмотр до конца)

[@user-rx5mr3rl2g]

Вроде бы все элементарно, но смотреть очень интересно) Подача просто супер!

[@alexeybychkov_]

очень рад!

[@user-qb6fm6dn1t]

Доходчиво объяснил на палацах про курсор :D Спасибо! Экзотические курсоры иногда очень даже в тему)

[@alexeybychkov_]

Супер)

[@helena_selena]

Спасибо за очередную порцию полезного и нескучного контента :)

[@alexeybychkov_]

пожалуйста!

[@user-hh5wr5yi3s]

Спасибо за отличную подачу знаний, я разобралась! Нажала кликабельный палец вверх указательным пальцем:)

[@alexeybychkov_]

)) супер

[@marinakokhno7614]

мне как новичку интересно все, вот например про курсор рука и кулак не знала, так что как всегда спасибище!

[@alexeybychkov_]

пожалуйста)

[@yulia9274]

Фух, разобралась! Главное не быть рыбкой Дорри и не забывать всём, когда делаю что-то 😂

[@alexeybychkov_]

супер)

[@kain_avel]

Спасибо за ролик! Все объяснил подробно,даже не задумываешься о таких вещах порой )

[@alexeybychkov_]

пожалуйста)

[@khachatur9826]

Закрепил информацию, про ховер курсором отличный лайфхак. Спасибо за труд!

[@alexeybychkov_]

супер)

[@margaritamoon16]

После этого видео, ну и плюс видео твоих разборов работ, точно не перепутаю, где стрелка нужна, а где палец) а вот про ручку и кулачок и не знала совсем-теперь знаю))

[@alexeybychkov_]

ну класс)

[@user-zp8td9su3o]

Спасибо, Алексей))! Короткое правило прозвучало раз 10 за ролик, чтобы наверняка все запомнили, мне нравится такая схема объяснения. Не понять не возможно)

[@alexeybychkov_]

спасибо за жменю комментов!

[@amercafe]

Спасибо, что делаешь видео на, казалось бы, такие очевидные вещи! Теперь только палец :)

[@alexeybychkov_]

Ну класс))

[@The0Dash0]

Все видео можно смотреть как минимум ради ляпов в конце 😁 обожаю

[@alexeybychkov_]

😀

[@user-ww4ye5cj6b]

Круто объяснил , да ещё и с примерами) спасибо огромное, как всегда полезный ролик))

[@alexeybychkov_]

Пожалуйста)

[@user-xh8rh1vb9q]

Такие ролики спасают честь новичков😁 Как всегда всё здоровско объясняешь! Спасибо.

[@alexeybychkov_]

рад, что видео помогают!

[@yulia9274]

Даааа, хорошо, что хоть кто-то думает о чести новичков😂😂😂

[@user-pw2nx2vj2t]

Всё в порядке, палец вверх в нужном состоянии) Как всегда СПАСИБО!)

[@alexeybychkov_]

Ну класс)

[@yasdubin]

Cпасибо за видео :) Для новичков очень полезно, ибо я сам когда-то вставлял везде только стрелку)) Как всегда, у тебя инфа самая полезная и очень крутая в подаче!

[@alexeybychkov_]

пожалуйста))

[@markovichmax8853]

Сразу затестил нажав лайк, все работает) спасибо за информацию)

[@alexeybychkov_]

Ну класс)

[@user-dn5om2yz7r]

Спасибо за погружение в «курсор и палец». =)

[@alexeybychkov_]

пожалуйста!

[@lythegreat2182]

Очередная годнота пришла!) Спасибо за горы полезности~

[@alexeybychkov_]

супер) рад, что полезно!

[@user-zp8td9su3o]

С вами я понимаю, что моё образное мышление мне таки в жизни пригодится))

[@alexeybychkov_]

круто)

[@zuymurzung1037]

По реке плывет кирпич 😂 думала, уже никогда не услышу)))

[@alexeybychkov_]

😄

[@liiaaalto4060]

Оговорочки в конце как отдельный вид искусства 😂🔥 спасибо за ролик 👍

[@alexeybychkov_]

пожалуйста))

[@user-sp3cz7rq5j]

Прикольно про верстальщика и кнопку, которая не нажимается)) Спасибо, что рассказываешь даже про то, на что внимания не обращала!

[@alexeybychkov_]

пожалуйста!

[@makszakrzhevskyi6471]

Вроде и не сложная тема, но для новичков достаточно коварная😄 спасибо, что как всегда разложил все по полочкам! Фил хуг🔥

[@alexeybychkov_]

Фил Хуг!

[@iamsreda]

Спасибо за видео! Файл с курсорами - то что нужно) Сохранила)

[@alexeybychkov_]

Ну класс)

[@user-hj9uw8pl5y]

Всегда путал стрелку с пальцем, может в этот раз запомню. А про нестандартные курсоры, как по мне очень даже интересно и прикольно! Спасибо за видео, конетент как всегда топчик!😊

[@alexeybychkov_]

всегда 2 курсора, легко запомнить)

[@taivanskaya]

Только благодаря твоим разборам сайтов узнала, что палец и стрелка разные функции выполняют. А теперь еще и здесь все по полочкам разложил. Спасибо, добрый человек 🤗

[@alexeybychkov_]

круто) рад, что ролики полезны!

[@oksana.zelchen]

Спасибо за видео! Я хоть и никогда их не путала особо, но было интересно послушать подробнее про все это))

[@alexeybychkov_]

спасибо за просмотр)

[@Lera_tvoiagent]

Это видео окончательно закрепило понимание назначения курсоров👍🏻 Спасибо🔥

[@alexeybychkov_]

супер

[@anku_onku]

После слов в начале про развертывание мандаринок, сразу захотелось их съесть 😂

[@alexeybychkov_]

так время подходящее))

[@user-nw7wn3cd9p]

Смотрела твой последний разбор работ №77 и увидела много замечаний по поводу курсора при наведении и нажатии. Сразу же побежала смотреть сюда как правильно 😆🙈

[@alexeybychkov_]

Спасибо за просмотр))

[@user-oh3ff8um5j]

Спасибо огромное. Все понятно. Даже не думала, что это так важно! Буду показывать палец

[@alexeybychkov_]

Отличный план!

[@marinaviktorova4767]

Честно говоря, даже никогда не задумывалась, что в макете нужно указывать курсор. Стыдпозор и все такое 😅. Спасибо за разъяснения, как всегда все в лучшей форме))

[@alexeybychkov_]

пожалуйста))

[@user-rt5oh5gb8g]

Спасибо за видео! Интересно и полезно. Примеры супер! Всё по полочкам 👍

[@alexeybychkov_]

Спасибо за просмотр!

[@ratomsk13]

Всего 🤘 курсора! Желаю всем поскорее разобраться, кто ещё не понял!) Спасибо Лёше, что разложил всё по полочкам)

[@alexeybychkov_]

пожалуйста))

[@tetianafrolova505]

спасибо, все стало предельно ясно. Отлично объяснил! Всегда интересно смотреть)

[@alexeybychkov_]

пожалуйста)

[@anastasia_n2119]

Рука - кулак так редко используется мне кажется сейчас, что и забыла уже про них, но спасибо, что рассказали! Про выпадающий список при наведении даже и не думала, спасибо что рассказали) Стишки в конце это бомба)))

[@alexeybychkov_]

пожалуйста))

[@volhaziamlianskaya4522]

Мне кажется это будет вечной темой для новичков) Спасибо Леша) Как всегда по теме, с примером... круть)

[@alexeybychkov_]

пожалуйста)

[@darriaaaaaaaaaaaaaaaaaaaaa5608]

Я помню как допускала такие ошибки когда-то 🥹 но к счастью, благодаря таким видео, быстро понимала что что-то не так и исправляла😌 спасибо за информацию, когда то это меня спасло😅🔥

[@alexeybychkov_]

это всегда пожалуйста!

[@nikitalarionov-edmin3163]

Медуза подвела в самый ответственный момент! (ну или инет)

[@alexeybychkov_]

Ага))

[@nata8kg203]

Точки над i расставлены - теперь понятно, когда нужна стрелка↗, когда палец👆 и зачем нужен кулак ✊

[@alexeybychkov_]

Ну класс)

[@user-zp8td9su3o]

Спасибо вам за все, Алексей! =). Прикольная анимация на вашем сайте

[@alexeybychkov_]

пожалуйста!

[@alyaanizuk3262]

под роликом проверили и лайк, и подписка в правильном состоянии)) Спасибо за урок!

[@alexeybychkov_]

круто) спасибо!

[@Lera_tvoiagent]

Всё понятно и доступно, спасибо за наглядные примеры🤗

[@alexeybychkov_]

ну класс

[@olgasarelo4616]

До этого ролика вообще не обращала внимание на курсоры. Теперь то все понятно. Захожу на сайты и сразу смотрю где какой курсор😅

[@alexeybychkov_]

вот и замечательно!

[@iKirinas]

Пачка позитива перед стримом!!!! Огонь!!!!

[@alexeybychkov_]

Супер)

[@olgatereshko8447]

Благодарю за подробное разъяснение, с примерами*)

[@alexeybychkov_]

Пожалуйста!

[@max-ivanov]

Всегда ранее забыл про показ пальца вместо стрелки на ссылках. Теперь так больше не делаю) Спасибо, Лёша!

[@alexeybychkov_]

молодец))

[@user-yv9el1dv7u]

Экзотические курсоры прикольно, но внимание отвлекают) Спасибо за ролик, столько раз повторил, грех не запомнить😄❤‍🔥❤‍🔥

[@alexeybychkov_]

спасибо за просмотр!

[@barilka]

Ты навел порядок на моих полочках с курсорами, галочками и пальцами 👍👍👍 Спасибо, что объясняешь все доступно и с примерами)))) Можно всем, кто путается теперь смело скидывать твой ролик - на изучение ☺️ Концовка как всегда - угарная))))😂😂😂

[@alexeybychkov_]

😄

[@anku_onku]

Спасибо за такое объяснение с примерами) вроде понятней некуда что и для чего, а все равно кто-нибудь да совершит ошибку))

[@alexeybychkov_]

это всегда пожалуйста!

[@plrchk]

Спасибо за ролик🔥 На примерах стало все понятно)

[@alexeybychkov_]

Супер)

[@user-nl4tb9xk4i]

Всеголишь два курсора, Карл!) Спасибо!

[@alexeybychkov_]

пожалуйста)

[@user-te6gz6fz2p]

Ломала голову, в чём разница...Спасибо, Лёша, теперь знаю :)

[@alexeybychkov_]

Рад, что помог!

[@natali6358]

Ждем ролик про прототипы, обязательно запиши 💗

[@alexeybychkov_]

супер))

[@user-ml2vi9np8k]

Крутое видео! Особенно зашло про исключения!

[@alexeybychkov_]

супер)

[@onefluffy6035]

4:39 «моя ладонь превратилась в кулак» 😂😂

[@alexeybychkov_]

😄

[@lenokisss]

Спасибо за ролик😊Осталось только запомнить и не ошибаться 😅

[@alexeybychkov_]

Пожалуйста)

[@natalyaevstratova]

Класс, класс, класс. Мне нравится, что есть короткие ролики, если времени особо нет, то смотришь их, а есть длинные при которых удобненько так устраиваешься на диване и смотришь до победного.

[@alexeybychkov_]

супер))

[@ilaysolo164]

Наверное, самые позитивные обучающие ролики во всем Ютубе!

[@alexeybychkov_]

🤟☀️🤟

[@TDee_S]

Спасибо! Потестил курсор на "пальце вверх", и действительно - работает!

[@alexeybychkov_]

а как иначе)

[@user-vo9zj2ip1q]

Ну надо же, палец и стрелка, оказывается, разные функции выполняют. А я и не догадывалась. Ай-ай-ай мне. Спасибо, Лёша!

[@alexeybychkov_]

пожалуйста! :)

[@user-xs8ty9dg5s]

С ДНЕМ РОЖДЕНИЯ. Пусть твои ученики никогда не путают курсоры=)) А верстальщики всегда делают все идеально по макету!!!! 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

[@alexeybychkov_]

круто) спасибо!

[@kseniyaalive3772]

Спасибо Леша, жду следующих видео!

[@alexeybychkov_]

пожалуйста!

[@rakyshkarakyshka9193]

Большое спасибо за интересное видео, было интересно и полезно

[@alexeybychkov_]

большое пожалуйста!

[@annaleksandrovna3872]

Спасибо Лёша👍!!! Хоть я и разбираюсь в курсорах, но всегда интересно послушать как ты объясняешь. И киноляпы в конце, улыбают и веселят😂))))

[@alexeybychkov_]

супер) рад, что нравится! :)

[@SuperNatalyya]

Спасибо за разъяснение разницы между кнопок, Леша. Теперь бы не перепутать где сено а где солома ))

[@alexeybychkov_]

😄 пожалуйста)

[@yseidova]

спасибо за ролик)) для меня экзотический курсор тоже не привычен, но я думаю это дело времени и если все дизайнеры начнут делать такими, то мы все привыкнем и не захотим возвращаться к прежним курсорам)

[@alexeybychkov_]

Спасибо за просмотр)

[@shkida9930]

Как всегда интересно и полезно! Благодарность за подробный разбор данной темы и жменька активности))

[@alexeybychkov_]

Спасибо за просмотр)

[@user-bc5oj7zd1m]

Кажется эта тема будет вечной, нужно каждого человека отправлять смотреть твоё видео)

[@alexeybychkov_]

Да надо бы))

[@nenasta]

Ооо, большой спасибо за разбор этой темы, это супер объяснение ❤❤❤

[@alexeybychkov_]

🥳🥳🥳

[@Karina-rz4bs]

Все время задавалась вопросом что ставить на ховере, теперь всё поняла) Спасибо!

[@alexeybychkov_]

рад, что помог разобраться!

[@user-qg5un4tn9t]

Спасибо, что объяснил.☺ Как всегда важная тема. 🤩 Детали, на которые стоит обращать внимание 👀

[@alexeybychkov_]

вот и замечательно!

[@SoulSparkST]

Сразу лайк, классный ролик, очень полезная информация мне как новичку

[@alexeybychkov_]

спасибо за просмотр)

[@LinaRusanenko]

Конечно ждём! Ценнейший контент, спасибо! С наступающими праздниками!

[@alexeybychkov_]

С наступающим Новым годом!

[@user-gs2el7gh8g]

Очень познавательно, спасибо за информацию! 😀

[@alexeybychkov_]

пожалуйста)

[@Kristi_19k]

Классный ролик, теперь понятно стало что и как ))

[@alexeybychkov_]

🥳🎉

[@karinamag393]

Алексей спасибо Вам! Снимите пожалуйста еще новый контент всякие фишки в дизайне 3D и прочие выкрутасики! Было бы ооочень интересно)😇💓

[@alexeybychkov_]

спасибо за просмотр)

[@user-cs2jj8ri3n]

Всё так просто и понятно, спасибо!)) Очень смеюсь с того, как ты спел «Рука превратилась в кулак» 😎

[@alexeybychkov_]

))

[@user-lu3ng8gn1t]

С твоей подачей материала и юмором легче всё запоминается)) Спасибо!) А экзотические курсоры иногда дейcтвительно немного раздражают :D

[@alexeybychkov_]

ну класс)

[@Lady7Rain]

Казалось бы, такая простая тема - курсоры, но даже о таких мелочах многое не знала) Благодарочка за информацию по полочкам, как всегда огонь)

[@alexeybychkov_]

спасибо за просмотр!