20 אתרים עם אפקט עכבר יצירתי

בעיצוב אתרים אפילו הקטן ביותר אפקט יכול לשנות את חוויית המשתמש הכוללת. זה יכול להיות אפקט תקלה, אפקט להקפיץ או אפילו אפקט צליל פשוט. אחת ההשפעות האלה, להיות בשימוש תכוף בעיצוב אתרים בימים אלה הוא אפקט העכבר או העכבר. זה אפקט המעבר ניתן לראות בעת הזזת העכבר מעל אלמנט מסוים זה עושה את זה להחליק החוצה, לשנות צבע או הנפשת.

הרעיון מאחורי אפקט mouseover הוא להפחית את המאמץ כי המשתמש צריך לעשות להציג פרטים נוספים, לגשת למידע מפתח או להציג תצוגות שונות באתר. אפקט ריחוף טוב יכול לחסוך מקום כדי להציג מידע נוסף ב הכי חכם דרך אפשרית.

אז, לתת לקוראים שלי כמה דוגמאות של השפעה מעניינת זו, יש לי להרכיב 20 דוגמאות יצירתיות של אתרי אינטרנט עם אפקט mouseover. פשוט לגלול למטה, לפתוח את האתר, לשחק מסביב ולראות בעצמך כמה מדהים את האפקט מרחף נראה.

פיקסלים מאת תומר לרנר

זהו אתר מאוד יצירתי עם דף הבית בשחור לבן המציג שונים צורות גיאומטריות לרקוד ולהפוך כאשר מזיזים את הסמן מעליהם.

האוס

Haus הוא אתר של סוכנות אינטראקטיבית כי אוהב טכנולוגיה והומור. העבר את דמויות הקריקטורה על המסך ולראות איך הם קופצים ולרוץ.

קנבה

קאנבה שירות ליצירת תמונות טקסט מבוססות שונות. בדף הבית שלהם יש רקע מטושטש כהה, אך כאשר אתה מעביר את הסמן מעל זה תראה את לנקות את האזור ולהציג את התמונות ברקע, בדיוק כמו כלי מחיק.

ראשיים

זהו אתר פורטפוליו של Mainworks יצירתי מדיה ייצור אולפן. העבר את העכבר או לחץ על הנקודות על הקו כדי לראות את הפרויקטים שלהם.

סדריק פריירה

זהו אתר תיק ההשקעות של סדריק פריירה בגווני פסטל. כאשר אתה גלול מעל הקטגוריות בדף הבית, הם לשנות צבעים ותמונות. כמו כן, בעת העכבר מעל התמונה, גבולותיה נעים.

בולמונק

בולמונק הוא אתר ניהול עסקים עם פשוט SVG אנימציה בדף הבית. פשוט העבירו את המלבן המשובש כדי לראות איך חורים נוצרים בו.

Inymymosis

Inymymosis מספק תעשיית biopharma עם אסטרטגיה חלופית כדי להאיץ תוכניות לפיתוח תרופות. להזיז את העכבר כדי לראות מדהים microinteractions עם טקסט, לחצנים ואלמנטים רקע.

OUI R יצירתי סטודיו

OUI R הוא סטודיו לעיצוב רב תחומי המוקדש ליצירת מוצרים, על בסיס רעיונות חזותיים יצירתיים. כאשר אתה מציב את סמן העכבר על התמונות, הם להראות מידע עם scoll העכבר לך לעבור לתמונה הבאה.

מינים

למינים יש בית אינטראקטיבי עם עיגולים קו צבעוניים אשר לנוע עם העכבר לרחף. אתה יכול ליצור פריט מחזור חדש עם הלוגו באמצעות העכבר.

צרור מלא

חבילה מלאה היא סוכנות דיגיטלית יצירתי. דף הבית שלהם מופרד לשתי עמודות: לוגיקה עם משולשים כחולים ויצירתיות עם ריבועים אדומים. כאשר אתה מחזיק העכבר מעל אלמנטים אלה, הם להקפיץ בצורה נוזלית מאוד.

FS ללא כותרת

FS ללא כותרת מזמין מבקרים לבחור שם עבור גופן הפנים. דף הבית מציג תאים כאשר אתה לוחץ, מוביל הדגמה של גופן מסוים.

הרכבת

Trainrobber הוא AR ו סוכנות VR המייצרת חוויות פורצות דרך עבור מותגים. כאשר אתה מרחף את העכבר על דף הבית, שונה אלמנטים לנוע אופקית כמו סרט מערבי technicolor. הקטגוריות גם להנפיש עם mouseover.

הבינלאומי סאקורה Inc.

סאקורה היא חברה מבוססת יפן המתמקדת ברשתות אנושיות. אתה יכול לחבר את הנקודות ברקע עם מהלך יחיד של העכבר.

סטודיו למעריצים

Fan Studio הוא אתר קריקטורי שיוצר משחקים ויישומים לנייד. כדי ליצור תנועה הרקע נע יחד עם סמן העכבר.

סטודיו סובב

זה מותג ועיצוב אתר סטודיו המסייע ללקוחות להשיג נוכחות מקוונת. יש להם דף הבית עם רקע לבן מעגל. אבל כאשר אתה לחץ על הלחצן Menu (תפריט), תמונה מופיעה במעגל.

TheMcBrideCompany

דף הבית של TheMcBrideCompany כולל תמונת נוף יפה ומטושטשת. כאשר אתה להזיז את הסמן מעל הרקע, אזור קטן סביב הסמן מתבהר. זה נראה נהדר.

פראנקה החכמה

פרקה חכמה היא סוכנות עיצוב אינטראקטיבית המשלבת אסטרטגיה, עיצוב וטכנולוגיה לפתח מוצרים ושירותים חדשניים. הכותרות בדף הבית יוצרות באופן דינמי ואוטומטי שנראה כמו קסם. כאשר אתה להזיז את הסמן מעל האותיות שהם מקבלים עקורים, אבל ליפול בשנייה.

מרכז עיצוב ההודעות

עיצוב אתר עיצוב אתר יש עיצוב ייחודי. תכונות הבית שלהם כותרים חיים עם גיאומטריה מצולע. כאשר אתה מחזיק העכבר מעל כותרות אלה, הם לקבל גדול יותר התחיל מעוות.

פשוט מקודד

רק מקודד יש מדהים רקע כהה עם נקודות יוצרים בד. כאשר אתה העכבר מעל בד זה, זה נראה כמו בחיים, כי זה מתחיל לנוע ולשנות פרספקטיבה.

יישומים קינטיים

זהו אתר עטורת הפרסים של סוכנות דיגיטלית המשתמשת בטכנולוגיה פטנט ממתינים לבנות אתרי אינטרנט ויישומים עבור מכשירי iOS ו- Android. ה דף הבית נראה כמו השמים, וכאשר אתה mouseover זה נראה כמוך לבחור את הכיוון לעוף.