Hover, illərdir veb saytlarda ziyarətçilərə bir hərəkətə başlamadan bir məlumat təqdim etmək üçün istifadə edilmişdir. Smartfonlar və planşetlər tədricən İnterneti ələ keçirdiyindən veb sayt hazırlayarkən onlara daha çox diqqət yetirməliyik. Toxunma ekranları hover effektlərini idarə edə bilmədiyi üçün hover effektlərinə alternativlər nəzərdən keçirilməlidir. Öz veb saytınızı qurursunuzsa və ya peşəkar bir veb dizayneri işə götürmək üçün mənbəyiniz yoxdursa, bu dərslik sizin üçündür.

Toxunuş ekranları ilə hover effektlərini idarə edə bilərsiniz, lakin bu bir az da əngəl ola bilər. Bəlkə bunları birlikdə dizayn etmək və tamamilə fərqli bir şey istifadə etmək daha yaxşıdır. Onları masaüstünüz saytında istifadə etmək istəyirsinizsə, ümumiyyətlə mobil veb saytlarda üzən effektlər yaratmaq üçün üç alternativiniz var:

  1. Onları tamamilə çıxarın və əsas hərəkətlə əvəz edin. İzləmə effekti üçün bir dəfə vura biləcəyiniz və əsas fəaliyyət üçün yenidən vura biləcəyiniz ikinci menyunu əlavə edin. Açma məlumatlarını ayrı bir səhifəyə yerləşdirin.

Hamısı toxunma ekranlarında və masalarda yaxşı işləyir, ancaq mövcud bir dizaynda tətbiq etmək üçün bəzi dizayn dəyişikliklərini tələb edir. Lazımi bilginiz varsa JavaScript və ya ağıllı jQuery kodunu da istifadə edə bilərsiniz. Ancaq hər şeyi özünüz öyrənməyə çalışırsınızsa, kod kimi dizayn alternativlərindən istifadə etməlisiniz. Hover effektləri üçün kod alternativləri axtarmaq istəyirsinizsə bu səhifəni ziyarət edin.

Dizaynınızdan hover effektlərini çıxarın

Sizə kömək etmək üçün sərbəst bir veb dizayneri işə götürə bilmirsinizsə, hover effektlərini tamamilə aradan qaldırmaq daha yaxşı ola bilər. Əlbətdə ki, səliqəli görünürlər və faydalı əlavə məlumatlar verirlər, amma eyni effekti əldə etmək üçün həmişə başqa yollar var.

Menyu fəaliyyətini əsas fəaliyyət olaraq saxlaya və əlavə məlumatları səhifənin başqa yerlərinə daxil edə bilərsiniz. Çıxış qutuları və pop-uplardan istifadə edə və müraciət etmək istədiyiniz nöqtəyə və ya başqa bir şey üçün deskriptorun tərkibini artıra bilərsiniz. JQuery tətbiq edə bilmirsinizsə, bu, ən asan seçimdir.

İkinci bir menyu əlavə edin

İkinci bir menyu, üzən bir təsiri simulyasiya edən ilk kranı ehtiva edir. Məlumatı menyuya daxil edə və eyni bir maddə daxilində ikinci bir menyu göstərə bilərsiniz. Bu ikinci menyu bir masaüstündə ediləcəyi kimi həqiqi seçimdir. Birinci mətbuat bir siçan hovering simülasyonu, ikinci mətbuat əsas hərəkət yerinə yetirən istifadəçini simüle edir.

Bu hover effektləri üçün yaxşı bir alternativdir, ancaq ekran ölçüsü ilə məhdudlaşır və təsirinizə əlavə edə biləcəyiniz məlumatların miqdarını məhdudlaşdırır. Hover effektləri mahiyyət etibarilə məhduddur, lakin mobil cihazlarda, məşğul olduğunuz ekran əmlakı ilə daha çox məhdudlaşır. Əlavə məlumatları qeyri-standart bir şəkildə yazmaq istəyirsinizsə, bu belə ola bilər.

Açma məlumatlarını ayrı bir səhifəyə yerləşdirin

Mover linkini ayrı bir səhifəyə mətn bağlantısı ilə daxil etmək daha asan ola bilər. Bu menyunuzu asanlaşdırır və naviqasiyanı düz edir. Hiperlinklər cihazlarda işləyir və sayt ölçüsü və SEO üçün əlavə bir səhifə əldə edirsiniz. İşin mənfi tərəfi odur ki, işləməsi üçün əlavə məzmunu ən azı 300 söz artırmalısınız.

Yaxşı oxumaq və oxucuya əlavə dəyər vermək üçün məlumatı diqqətlə doldurmağınıza baxmayaraq, bunun ən yaxşı alternativ olduğunu düşünürəm. Əlavə məlumatların bu bağlantılarının harada yerləşdiriləcəyi ilə bağlı qərar sizin ixtiyarınızdadır və dizaynınızdan asılıdır. Bununla birlikdə, əlavə səhifələr hərəkət etmək, telefon nömrənizi, e-poçt adresinizi və satış etmək üçün istifadə edilə bilən əlavə məlumatları əlavə etmək imkanı verir.

Hover ilə qalın

Əsas veb saytınızda hover effektindən istifadə etmək istəyirsinizsə, onu mobil saytınıza və ya heç olmasa mobil versiyaya daxil etməlisiniz. Keçid menyusu alternativləri və ya JavaScript həlləri var, ancaq bunları həyata keçirmək üçün bir mütəxəssis tələb olunur. Bu səhifə onları daha ətraflı araşdırmaq istəsəniz alternativlərinizi izah edir.

Öz biznesinizi qurarkən və ya ilk veb saytınızı qurarkən ən asan tələlərdən biri, izləyiciləriniz üçün deyil, özünüz üçün dizayn edilir. Əlbəttə ki, bəyəndiyiniz bir şeyi tərtib etməlisiniz, amma məqsədəuyğunluğu düşündüyünüz zaman tamaşaçıya üstünlük verməlisiniz. Ayrıca hansı cihazları istifadə etdiklərini və veb saytınızla ən çox əlaqəli olduqlarını nəzərə almalısınız.

Tamaşaçı gənc olduqda, onlar mobil olacaqlar. Mobil cihazlardan istifadə edərkən, hover effektləri və digər dizayn seçimləri ən yaxşı seçim deyil.