Ikony mają magnetyczną moc na etapie projektowania. Wyglądają nowocześnie, wypełniają puste miejsca, sprawiają wrażenie, że materiał jest przemyślany. Kuszą, żeby wstawiać je wszędzie. Problem w tym, że ikona nie jest ozdobą - jest skrótem myślowym. Kiedy dobrze zastępuje słowa, przyspiesza odbiór. Kiedy tylko wypełnia przestrzeń, spowalnia go i myli.
Różnica między jednym a drugim jest subtelna, ale ma ogromny wpływ na to, czy Twój projekt czyta się w kilka sekund, czy w kilkanaście. Ten tekst jest praktycznym przewodnikiem: kiedy symbol naprawdę mówi szybciej niż zdanie, jak zaprojektować ikonę, która nie wymaga tłumaczenia, i w których momentach lepiej zostać przy zwykłym tekście.
- Ikona wygrywa ze zdaniem tam, gdzie treść jest krótka, powtarzalna i skanowalna: cechy, kroki, udogodnienia, kontakt.
- Dobra ikona jest prosta, jednoznaczna i pochodzi z jednej rodziny - ten sam styl i grubość linii.
- Najbezpieczniej działa ikona z krótkim podpisem, nie sama ikona zdana na domysł.
- Ikony szkodzą, gdy jest ich za dużo, są niejasne albo tylko dekorują bez znaczenia.
- Spójny zestaw z jednej rodziny robi więcej dla czytelności niż najładniejszy pojedynczy symbol.
- Pamiętaj o dostępności - ikona nie może być jedynym nośnikiem ważnej informacji.
Kiedy ikona mówi szybciej niż zdanie
Ikona ma jedną wielką przewagę nad tekstem: oko rozpoznaje ją, zanim zdąży przeczytać choćby słowo. To robi z niej idealne narzędzie tam, gdzie chodzi o szybką orientację, a nie o niuanse. Są cztery sytuacje, w których symbol niemal zawsze wygrywa ze zdaniem.
- Cechy i parametry - gdy produkt lub usługa ma zestaw powtarzalnych właściwości, ikona przy każdej z nich pozwala je ogarnąć wzrokiem, zamiast czytać kolejne linijki.
- Kroki i etapy - proces rozpisany na ikony czyta się jak komiks: od razu widać, ile jest kroków i w jakiej kolejności następują.
- Udogodnienia i wyposażenie - listy typu "co jest w zestawie" albo "co oferuje miejsce" aż proszą się o symbole, bo odbiorca zwykle skanuje je wzrokiem w poszukiwaniu jednej konkretnej rzeczy.
- Kontakt i dane praktyczne - telefon, adres, godziny, strona. Uniwersalne symbole prowadzą oko do właściwej informacji szybciej niż etykiety słowne.
Wspólny mianownik jest taki: ikony błyszczą przy treści krótkiej, powtarzalnej i skanowalnej. Nie nadają się do wyjaśniania złożonych myśli, argumentów ani niuansów - tam słowo jest niezastąpione. Dlatego tak dobrze wypadają na panelach ulotek składanych, gdzie każde rozłożenie odsłania jedną porcję treści, a symbol podpisuje ją w ułamku sekundy.
Zasady dobrej ikony
Ikona spełnia swoją rolę tylko wtedy, gdy odbiorca rozumie ją bez wysiłku. Trzy zasady decydują o tym, czy symbol pomaga, czy zmusza do zgadywania.
Prostota
Dobra ikona to skrót, a nie miniaturowa ilustracja. Im mniej detali, tym szybciej mózg ją rozpoznaje i tym lepiej wygląda w małym rozmiarze oraz w druku. Ikona zbita z pięciu drobnych elementów w druku zlewa się w plamę. Kieruj się zasadą: jeśli symbol trzeba oglądać z bliska, żeby zrozumieć, jest za skomplikowany.
Spójny styl i grubość linii
To najczęściej łamana zasada. Zestaw ikon musi wyglądać, jakby narysowała je jedna ręka: ta sama grubość kreski, ten sam poziom zaokrągleń, ta sama logika - albo wszystkie liniowe, albo wszystkie wypełnione. Jedna ikona odstająca stylem od reszty przyciąga wzrok z niewłaściwego powodu i psuje wrażenie całości. Więcej o budowaniu rozpoznawalnego, spójnego stylu mimo różnych elementów piszemy w tekście o tym, jak stworzyć rozpoznawalny styl wizualny bez zmiany logo firmy.
Jednoznaczność
Symbol powinien mieć jedno oczywiste znaczenie dla Twojego odbiorcy. Koperta to wiadomość, słuchawka to telefon, koszyk to zakupy - te działają, bo są utrwalone. Kłopot zaczyna się przy pojęciach abstrakcyjnych: jak narysować "elastyczność" albo "jakość"? Jeśli musisz się zastanawiać, jak coś zilustrować, to znak, że lepiej to napisać.
Zrób prosty test: pokaż samą ikonę, bez podpisu, komuś spoza projektu i zapytaj, co znaczy. Jeśli po dwóch sekundach nie wie albo zgaduje inaczej niż zamierzałeś, ikona nie jest gotowa. Albo ją uprość, albo dodaj podpis, albo zostań przy słowie.
Ikona plus krótki podpis
Najbezpieczniejsze rozwiązanie w większości materiałów to nie sama ikona, lecz ikona z krótkim podpisem. Symbol przyciąga wzrok i porządkuje układ, a podpis rozwiewa wszelkie wątpliwości co do znaczenia. Odbiorca dostaje jedno i drugie: szybkość rozpoznania i pewność treści.
Sama ikona ma sens tylko przy symbolach naprawdę uniwersalnych i w kontekście, który sam się tłumaczy. W większości przypadków para ikona plus jedno-dwa słowa działa najlepiej - łączy tempo obrazu z precyzją tekstu. To rozwiązanie, po które warto sięgać domyślnie, a od samych ikon odchodzić tylko tam, gdzie masz pewność, że będą zrozumiane.
Kiedy ikony szkodzą
Ikony potrafią popsuć projekt równie łatwo, jak go poprawić. Warto znać trzy pułapki, w które najłatwiej wpaść.
Za dużo ikon. Gdy symbole są wszędzie, żaden nie prowadzi wzroku, bo wszystkie krzyczą naraz. Ikony działają na kontraście - kilka dobrze rozmieszczonych porządkuje materiał, dwadzieścia zamienia go w gęsty szum. Jeśli każda linijka tekstu ma swój symbol, symbole tracą sens.
Ikony niejasne. Symbol, którego odbiorca nie rozumie od razu, jest gorszy niż jego brak - zmusza do zatrzymania się i rozszyfrowania. Zamiast przyspieszać, spowalnia. To częste przy pojęciach abstrakcyjnych, na siłę zamienianych na obrazek.
Ikony czysto dekoracyjne. Symbol, który nic nie znaczy i jest tylko po to, żeby "było ładniej", dodaje bałaganu bez korzyści. Odbiorca podświadomie szuka w nim sensu, nie znajduje i traci na to uwagę. Każda ikona w projekcie powinna nieść informację - jeśli tylko wypełnia miejsce, lepiej ją usunąć. Ta sama logika dotyczy sytuacji, w której materiał celowo rezygnuje z obrazów: o budowaniu przekazu bez zdjęć piszemy w tekście o tym, jak przyciągnąć uwagę materiałem reklamowym bez zdjęć.
Spójny zestaw z jednej rodziny
Pojedyncza ładna ikona nie robi projektu - robi go spójny zestaw. Kiedy wszystkie symbole pochodzą z jednej rodziny, materiał wygląda profesjonalnie nawet wtedy, gdy same ikony są proste. I odwrotnie: najkunsztowniejsza ikona przegrywa, jeśli sąsiaduje z symbolami w zupełnie innym stylu.
W praktyce oznacza to, że lepiej wybrać jeden spójny komplet i trzymać się go przez cały materiał, niż zbierać pojedyncze, najładniejsze symbole z różnych źródeł. Jednolita grubość linii, wspólny poziom szczegółowości i ten sam charakter - to one budują wrażenie porządku. Spójny zestaw jest też praktyczny: gdy dojdzie nowa pozycja, dorysowujesz ikonę w tym samym stylu i całość dalej gra.
Ikony a dostępność i druk
Na koniec rzecz, o której łatwo zapomnieć w zachwycie nad symbolami: ikona nie może być jedynym nośnikiem ważnej informacji. Nie każdy odczyta ją tak samo, część odbiorców gorzej rozpoznaje drobne symbole, a znaczenia bywają kulturowo różne. Kluczową treść zawsze warto zdublować słowem - dlatego para ikona plus podpis jest tak bezpieczna.
- Zadbaj o kontrast i rozmiar - ikona ma być czytelna także dla kogoś, kto widzi słabiej, i nie może ginąć na tle.
- Nie koduj informacji samym kolorem - jeśli zielona i czerwona ikona znaczą co innego, dodaj różnicę kształtu lub podpis, bo nie każdy rozróżni barwy.
- Pomyśl o druku - symbol, który świetnie wygląda na ekranie, w małym rozmiarze na papierze może się rozmyć; testuj ikony w docelowej wielkości.
To myślenie przydaje się szczególnie tam, gdzie informacji jest dużo i trzeba ją zmieścić czytelnie na małej powierzchni - o czym więcej w tekście o tym, jak zachować czytelność przy dużej ilości informacji.
Ikony to jedno z najsilniejszych narzędzi projektanta - pod warunkiem, że traktujesz je jak język, a nie dekorację. Sprawdzają się na ulotkach, kartach usług, w prostych instrukcjach, menu i katalogach, wszędzie tam, gdzie treść jest krótka i powtarzalna. Jeśli zastanawiasz się nad przygotowaniem pliku z ikonami do druku, zajrzyj do naszej pomocy o przygotowaniu plików. A najprostsza zasada zostaje ta sama: dobra ikona zastępuje zdanie, zła tylko zajmuje jego miejsce.
