Post Overview
Web Design ,
Web Development
2,5 λεπτά ανάγνωση

7 Παραδείγματα Mega Μενού για να εμπνευστείτε

Τα mega μενού είναι μεγάλα, επεκτάσιμα μενού που εμφανίζουν περιεχόμενο σε μορφή grid. Παραμένουν πάντα μια δημοφιλής τάση UX. Στόχος τους είναι να παρέχουν γρήγορη πρόσβαση σε μια ποικιλία περιεχομένου ή ενοτήτων χωρίς να κατακλύζουν τον χρήστη με μια σειρά από dropdown μενού.

Ας δούμε μερικά όμορφα mega μενού που έχει αναπτύξει η Double Dot για τους πελάτες της. Σημειώστε ότι όλα είναι custom και κανένα δεν έχει κατασκευαστεί με χρήση κάποιου προσθέτου (π.χ. WordPress plugin).

1. Mary Gaitani

Σε αυτό το παράδειγμα το μενού εξαφανίζεται καθώς σκρολάρουμε προς τα κάτω στη σελίδα και επανεμφανίζεται όταν φτάσουμε στην κορυφή. Παρατηρήστε το animation που συμβαίνει όταν τοποθετούμε το δείκτη του ποντικιού πάνω από ένα υπομενού.

marygaitani.com mega menu

2. Deloudis

Σε αυτό το παράδειγμα έχουμε αρχικά ένα μονόστηλο mega μενού που μετατρέπεται σε τρίστηλο.

deloudis.gr mega menu

3. Vernicos Yachts

Εδώ έχουμε ένα παράδειγμα ενός mega μενού που καλύπτει όλη την οθόνη και χωρίζεται σε τέσσερις στήλες.

vernicosyachts.com mega menu

4. Armeniakos

Εδώ έχουμε ένα μενού πολλών επιπέδων όπου η εικόνα αλλάζει κάθε φορά που τοποθετούμε το δείκτη του ποντικιού πάνω από μια κατηγορία προϊόντος.

armeniakos.gr mega menu

5. Select Fish

Εδώ έχουμε ένα άλλο mega μενού πλήρους οθόνης που εμφανίζεται με ένα slide animation από τα δεξιά.

select.fish mega menu

6. Verina Hotels

Εδώ όταν το μενού εμφανίζεται, η φωτογραφία που φαίνεται από πίσω του μετατρέπεται από ασπρόμαυρη σε έγχρωμη.

verinahotelsifnos.com

7. Double Dot

Τελευταίο αλλά εξίσου σημαντικό παράδειγμα είναι το το μενού στο site της Double Dot. Εδώ υπάρχουν διάφορα marquees τα οποία αλλάζουν με βάση το ενεργό υπομενού.

double dot mega menu

Δες το project
play video