CoffeeCup Image Mapper
| Wersja | 5.0 |
|---|---|
| Wydawca | CoffeeCup Software |
| Data wydania | 15 paź 2015 |
| Data dodania | 15 paź 2015 |
| Wymagania systemu operacyjnego | Windows 10, Windows 8, Windows Vista, Windows, Windows 7 |
| Wymagania | IE 9 or higher |
| Całkowita liczba pobrań | 328 |
| Pobrania tygodniowo | 2 |
| Cena £ | Free to try |
Opis
CoffeeCup Image Mapper umożliwia określenie wielu linków (lub hotspotów) do określonych lokalizacji obrazu i skierowanie ich do dokumentu lub strony internetowej. Twórz tekst po najechaniu myszą, tekst ALT, linki i nie tylko. Obsługuje formaty obrazów JPG, PNG i GIF!
Więc jak to działa? Załóżmy, że sprzedajesz meble z kilkoma częściami do wzięcia. Zaprezentuj przedmioty na zdjęciu. Następnie za pomocą narzędzi do projektowania narysuj kontur na konkretnym przedmiocie i przypisz do niego adres strony internetowej. Teraz, gdy ktoś kliknie na mebel, zostanie przekierowany na powiązaną z nim stronę internetową, aby uzyskać więcej informacji.
Zastosuj tę samą technikę do innych rodzajów obrazów, takich jak mapy, zdjęcia zespołu korporacyjnego, schematy blokowe, galerie sztuki i nie tylko. Całkiem niesamowite, prawda? :)
Responsywne mapy graficzne są przyjazne dla użytkowników mobilnych
Ponieważ ponad 51% ruchu pochodzi z urządzeń mobilnych, ważne jest, aby zaktualizować mapy obrazów, aby były responsywne. Dzięki temu nawigacja po nich jest łatwiejsza, szybsza i bardziej funkcjonalna dla widzów na mniejszych ekranach.
Mapy obrazu, które są responsywne, dostosowują współrzędne łącza odpowiednio do szerokości ekranu. Należy jednak pamiętać, że urządzenia mobilne nie pozwalają na najechanie myszą lub podpowiedzi po najechaniu myszą/najechaniu myszą. Z tego powodu będziesz musiał ponownie przemyśleć sposób działania mapy obrazu, aby użytkownicy instynktownie wiedzieli, jak z niej korzystać.
Jak możesz to robić? Łatwo. Spraw, aby mapa obrazu była bardziej funkcjonalna na urządzeniach mobilnych, wyświetlając „Klucz” lub „Legenda” obok mapy (lub nawet dodaj go do samego obrazu), który wskazuje tekstowo, czego mogą dotknąć. Na przykład tutaj jest katalog mebli, który prezentuje niektóre meble na sprzedaż w katalogu. Pod obrazkiem umieściliśmy tekst opisujący 8 pozycji. Do obrazu źródłowego zastosowano również dodatkowy wskaźnik. Te pomoce pomagają widzom mobilnym wiedzieć, co jest dotykalne. Dotknięcie dowolnego z tych elementów spowoduje przekierowanie na stronę, na której można przeglądać katalog w poszukiwaniu podobnych elementów.
