Zacznij od zadania, nie od rysowania
Dobry zestaw ikon nie musi być rozbudowany. Powinien przede wszystkim pomagać odbiorcy zrozumieć treść i sprawnie poruszać się po stronie lub materiale. Inne zadanie ma ikona wyszukiwania w menu, a inne symbol ilustrujący usługę w prezentacji. Zanim powstaną szkice, wypisz miejsca, w których ikony będą używane: przy przyciskach, w opisach oferty, instrukcjach, materiałach drukowanych czy wpisach w mediach społecznościowych. Przy każdym zastosowaniu zanotuj, co odbiorca ma dzięki ikonie rozpoznać lub zrobić.
Oddziel ikony funkcyjne od ilustracyjnych. Funkcyjne powinny być szczególnie jednoznaczne, bo mogą wskazywać działanie, na przykład pobranie pliku. Ilustracyjne mogą mieć więcej charakteru, lecz nadal muszą pasować do pozostałych elementów identyfikacji wizualnej. Taki podział ułatwia ustalenie, gdzie warto użyć znanego, prostego symbolu, a gdzie można pozwolić sobie na bardziej indywidualną formę.
Ułóż listę znaczeń i unikaj przypadkowych skojarzeń
Przygotuj krótką listę pojęć, które rzeczywiście wymagają ikon. Jeśli na stronie są cztery etapy współpracy, prawdopodobnie wystarczą cztery symbole. Dodawanie ikony do każdego akapitu może osłabić ich użyteczność i utrudnić utrzymanie spójności. Dla każdego pojęcia zapisz możliwe skojarzenia wizualne, a następnie wybierz takie, które będą czytelne również bez znajomości Twojej firmy. Na przykład termin dostawy można przedstawić za pomocą paczki, jeśli to ona najlepiej odpowiada kontekstowi, zamiast szukać za wszelką cenę oryginalnej metafory.
Sprawdź też, czy symbole nie nakładają się znaczeniowo. Dwie podobne ikony użyte do oznaczenia kontaktu i obsługi klienta mogą dezorientować, szczególnie gdy pojawią się blisko siebie. Zapisz wybrane znaczenia w prostym spisie: nazwa ikony, miejsce użycia i krótki opis tego, co przedstawia. Taki spis będzie pomocny nie tylko projektantowi, ale też osobom, które później przygotują stronę, prezentację lub ulotkę.
Ustal wspólny język wizualny
Spójność ikon wynika z powtarzalnych decyzji projektowych. Określ, czy mają być liniowe czy wypełnione, jak grube będą linie, czy narożniki mają być ostre czy zaokrąglone oraz ile szczegółów można pokazać. Warto przyjąć jedną siatkę roboczą i podobne marginesy wewnątrz każdej ikony. Nie oznacza to, że wszystkie symbole muszą zajmować identyczną powierzchnię. Powinny jednak sprawiać wrażenie podobnej wielkości, gdy stoją obok siebie.
Dopasuj zestaw do istniejącej identyfikacji: typografii, kolorów i ogólnego tonu komunikacji. Proste, oszczędne ikony mogą dobrze współgrać z uporządkowaną stroną, a bardziej miękkie kształty mogą pasować do swobodniejszej oprawy. Kolor nie powinien być jedynym sposobem rozróżniania znaczeń. Przygotowanie wariantu jednobarwnego przyda się w druku, na różnych tłach i tam, gdzie paleta jest ograniczona.
Projektuj jako zestaw i testuj w rzeczywistych rozmiarach
Zamiast dopracowywać jedną ikonę do końca, naszkicuj kilka symboli obok siebie. Łatwiej wtedy zauważyć, że jedna postać ma znacznie więcej detali, inna ma za cienką linię, a kolejna wygląda na mniejszą od pozostałych. Po ustaleniu kierunku poprawiaj cały zestaw równolegle. Zwróć uwagę na trudne przypadki: ukośne kształty, koła oraz symbole z dużą pustą przestrzenią mogą wymagać drobnych korekt optycznych.
Oceń ikony tam, gdzie mają się pojawić. Sprawdź je na ekranie telefonu, przy tekście przycisku, w większym bloku na stronie i w próbnym wydruku, jeśli planujesz materiały papierowe. Zmniejsz je do najmniejszego przewidzianego rozmiaru: jeśli szczegóły znikają, uprość rysunek. Poproś kilka osób o nazwanie ikon bez podpowiedzi, zwłaszcza tych funkcyjnych. Jeśli pojawiają się różne interpretacje, rozważ zmianę symbolu lub dodanie czytelnej etykiety tekstowej. Ikona nie zawsze powinna zastępować słowo.
Przygotuj zasady użycia, które ułatwią dalszą pracę
Gotowy zestaw warto przekazać wraz z krótką instrukcją. Powinna wskazywać dopuszczalne kolory, minimalny rozmiar, odstęp od innych elementów, wersje na jasne i ciemne tło oraz przykłady niewłaściwych zmian, takich jak rozciąganie, dodawanie cienia czy mieszanie ikon liniowych z wypełnionymi. Uporządkuj nazwy plików według znaczenia i przeznaczenia. Osoby przygotowujące kolejne materiały łatwiej odnajdą wtedy właściwy wariant.
Zachowaj pliki źródłowe i przygotuj formaty odpowiednie do planowanych zastosowań. Na stronie często przydają się pliki wektorowe, a do niektórych dokumentów także wersje rastrowe. Przy przekazaniu wykonawcy ustal, które pliki są wzorcowe i kto może tworzyć nowe ikony. Jeżeli zestaw będzie rozwijany, nowe symbole powinny przechodzić przez te same zasady i testy. Dzięki temu ikony pozostaną użyteczną częścią identyfikacji firmy, a nie zbiorem niezależnych ozdobników.
