Masz problem z przyciskiem utworzonym z ikony w Articulate 360, który nie działa? Choć na pierwszy rzut oka może wydawać się, że to drobny problem, brak reakcji przycisku może wpłynąć na funkcjonalność i płynność całego kursu. W tym artykule przyjrzymy się temu, co może powodować ten problem i jak krok po kroku przywrócić pełną interaktywność Twojego projektu.
W nowoczesnym e-learningu ikony odgrywają kluczowa rolę: pozwalają na szybsze zapamiętanie danych treści, pobudzają nasze doznania wizualne i wpływają na szybkość naszej nauki dzięki skojarzeniom. Dlatego też nie rezygnuj z nich w swoich kursach, tylko zapoznaj się z poniższym artykułem.
Jak stworzyć przycisk z ikony? – Krok po kroku
#1 Wybierz do swojego projektu ikonę dostępną w bibliotece Storyline 360.
#2 Dodaj akcję do swojej ikony – skorzystaj z tzw. Trigger Wizard (wyzwalacza).
Akcja: pokaż warstwę –> kiedy user kliknie przycisk.
TIP: Pamiętaj o nadawaniu nazw ekranom, obiektom oraz warstwom w swoim projekcie. Dbaj o porządek na swoim placu budowy – a praca będzie szybka, łatwa i przyjemna.
#3 Czas na testy! Podejrzyj ekran.
Zauważ, że przycisk ma przypisaną akcje – jednak ta akcja nie działa na całym jego obszarze. Dla kursanta to nie lada problem. Gdzie w takim razie popełniliśmy błąd i jak go naprawić?
Co wiesz o ikonach?
Storyline 360 posiada dwa rodzaje ikon:
- Grupa 1 – rysunki konturowe (brak wypełnienia),
- Grupa 2 – rysunki z wypełnieniem.
Tu mamy istotny fakt odnoszący się do ikon. TY, jako projektant musisz wiedzieć, że niewypełniony obszar konturu ikony nie reaguje na przypisane akcje, tak samo jak tło dookoła ikony! To jednak nie wyklucza jej z pełnienia roli przycisku. Pamiętaj o tej specyfice podczas projektowania swojego kursu! Poniżej wskażemy Ci dwa rozwiązania tej sytuacji.
Rozwiązanie #1 – Ikona na kształcie – praca ze stanami.
#1 Wybierz shape(kształt) dla tła ikony.
#2 Edytuj stan Normal swojego kształtu.
#3 Z listy wybierz ikonę do swojego projektu.
#4 Wyrównaj i dopasuj rozmiar ikony do kształtu.
TIP: Aby idealnie wyrównać ikonę względem kształtu przejdź do zakładki FORMAT arrange/alagin.
#5 Kliknij gotowe, aby zapisać wprowadzone zmiany.
#6 Przejdź do formatowania kształtu – kliknij kształt, następnie prawym przyciskiem myszy z rozwijanej listy wybierz formatuj kształt.
#7 Usuń obramowanie kształtu.
#8 Ustaw transparency (przezroczystość) kształtu na 100%.
WAŻNE: Kształt musi mieć wypełnienie. Jego natężenie dostosowuj opcją transparency.
Inaczej cała nasza praca na nic!
#9 Kliknij przycisk close, aby zamknąć okno edycji.
#10 Wróć na Timeline.
#11 Nazwij swój kształt (np. Przycisk_1).
Rozwiązanie #2 – Do swojego projektu wybieraj ikony z wypełnieniem!
Jednak to nie jest 100% rozwiązanie naszego problemu. Po pierwsze ikona nadal zawiera przezroczyste części, które nie będą pozwalały na interakcje, po drugie ogranicza nas to jako projektantów – taki styl ikony nie zawsze będzie pasował do naszej końcowej wizji kursu.
