CoffeeCup Mapper εικόνας σάς επιτρέπει να ορίσετε πολλαπλούς συνδέσμους (ή hotspots) σε συγκεκριμένες περιοχές της εικόνας και επισημαίνουν τους σε ένα έγγραφο ή την ιστοσελίδα. Δημιουργία mouseover κείμενο, κείμενο ALT, συνδέσμους και πολλά άλλα. Υποστηρίζει JPG, PNG, GIF και μορφές εικόνας!
Έτσι, πώς λειτουργεί; Ας πούμε ότι είστε πώλησης επίπλων με πολλά κομμάτια επάνω για τις αρπαγές. Βιτρίνα τα αντικείμενα σε μια εικόνα. Στη συνέχεια, χρησιμοποιώντας τα εργαλεία σχεδίασης, σχεδιάσετε ένα περίγραμμα για ένα συγκεκριμένο θέμα και να εκχωρήσετε μια διεύθυνση ιστοσελίδας σε αυτό. Τώρα, όταν κάποιος κάνει κλικ σε ένα κομμάτι των επίπλων, ανακατευθύνονται στην ιστοσελίδα που σχετίζεται με αυτό για περισσότερες πληροφορίες.
Εφαρμόστε την ίδια τεχνική σε άλλους τύπους εικόνων, όπως χάρτες, φωτογραφίες εταιρική ομάδα, διαγράμματα ροής, αίθουσες τέχνης και άλλα. Αρκετά φοβερό σωστά; :)
Responsive Χάρτες εικόνας είναι φιλικό για τους χρήστες κινητών
Με πάνω από το 51% της κίνησης προέρχεται από κινητές συσκευές, είναι σημαντικό να ενημερώσετε τους χάρτες της εικόνας σας να ανταποκρίνεται. Αυτό τους καθιστά ευκολότερη, ταχύτερη και πιο λειτουργικό στην πλοήγηση για τους θεατές σε μικρότερες οθόνες. Χάρτες εικόνας που αποκρίνονται θα προσαρμόσει σύνδεσμος συντεταγμένες κατάλληλα με βάση το πλάτος της οθόνης. Ωστόσο, ένα πράγμα που πρέπει να θυμάστε είναι ότι οι φορητές συσκευές δεν επιτρέπουν mouseovers ή επεξηγήσεις σχετικά με αιώρηση / mouseover. Εξαιτίας αυτού, θα πρέπει να δημιουργικά ξανασκεφτούμε πώς λειτουργεί εικόνας χάρτη σας, έτσι ώστε οι χρήστες θα γνωρίζουν ενστικτωδώς πώς να το χρησιμοποιήσετε.
Πώς μπορείτε να το κάνετε αυτό; Εύκολος. Κάντε εικόνα χάρτη σας πιο λειτουργικό για κινητές συσκευές, εμφανίζοντας μια "Κλειδί" ο "θρύλος" κοντά τον χάρτη (ή ακόμα και να το προσθέσετε στην ίδια την εικόνα), η οποία επισημαίνει στο κείμενο, αυτό που μπορεί να αγγίξει επάνω. Για παράδειγμα, εδώ είναι ο κατάλογος επίπλων που επιδεικνύει κάποια έπιπλα προς πώληση στον κατάλογο. Θέσαμε το κείμενο κάτω από την εικόνα για να περιγράψει τις 8 αντικείμενα. Μια πρόσθετη ένδειξη εφαρμόστηκε επίσης στην εικόνα πηγή. Οι ενισχύσεις αυτές βοηθούν τα κινητά τους θεατές ξέρουν τι είναι απτή. Αγγίζοντας οποιοδήποτε από αυτά τα στοιχεία, θα πρέπει να κατευθύνεται εκ νέου σε μια σελίδα με όπου μπορείτε να περιηγηθείτε στον κατάλογο για παρόμοια στοιχεία.
Απαιτήσεις :
IE 9 ή υψηλότερο
Περιορισμοί :
Περιορισμένη λειτουργικότητα
Τα σχόλια δεν βρέθηκε