Zestaw ikon na stronę lub do aplikacji: jak go zaplanować i zamówić

2 min czytania

Ikony to małe obrazki, które podpowiadają, gdzie kliknąć: strona główna, koszyk, dostawa, pomoc, profil. Gdy pochodzą z różnych darmowych paczek, strona wygląda na posklejaną z kawałków: grube linie obok cienkich, zaokrąglone rogi obok ostrych. Spójny zestaw to naprawia i sprawia, że nawet prosta strona wygląda na dopracowaną. Oto jak go zaplanować.

Spójny zestaw ikon na stronę lub do aplikacji

Najpierw zrób listę

Przejdź przez swoją stronę lub aplikację i zapisz każde miejsce, w którym ikona by pomogła:

  • Menu główne: strona główna, katalog, wyszukiwarka, koszyk, konto.
  • Funkcje lub korzyści: szybka dostawa, bezpieczna płatność, zwroty, pomoc.
  • Kontakt i działania: telefon, e-mail, lokalizacja, udostępnianie, pobieranie.

Opisz każdą ikonę kilkoma słowami, na przykład „dostawa: mały dostawczak” albo „zwroty: pudełko ze strzałką”. Im jaśniejsza lista, tym mniej poprawek później.

Ile ikon potrzebujesz

  • Około 4: landing page z trzema lub czterema korzyściami albo krótka prezentacja.
  • Około 8: główne sekcje i funkcje małej strony.
  • Około 16: pełny zestaw do aplikacji lub większej strony z wieloma sekcjami.

Zwykle lepiej zamówić kilka ikon więcej, niż potrzebujesz dziś. Ikony rysowane później, w osobnym zamówieniu, trudniej idealnie dopasować.

Wybierz jeden styl

Wybierz jeden styl i trzymaj się go w całym zestawie:

  • Konturowy: cienkie linie, lekki i nowoczesny, dobry do czystych interfejsów.
  • Wypełniony: pełne kształty, czytelne nawet w bardzo małych rozmiarach.
  • Dwutonowy: dwa odcienie jednego koloru, nieco więcej charakteru.
  • 3D: miękka bryła i cienie, dobry do kolorowych landing page’y.

Jeśli masz już kilka ikon, które ci się podobają, prześlij do nich link, żeby nowe utrzymały ten sam wygląd.

Kolory

Użyj kolorów swojej marki i podaj je jako kody hex, na przykład #1A73E8, jeśli je masz. Zwykle wystarczy jeden kolor główny i jeden akcent. Jeśli nie masz jeszcze kolorów marki, neutralna paleta sprawdzi się na każdym tle.

Małe rozmiary decydują o wszystkim

Ikona w menu ma często tylko 24 piksele szerokości. W takim rozmiarze szczegóły znikają, więc wygrywają proste kształty:

  • Jedna myśl na ikonę. Dostawczak oznacza dostawę, bez drogi, zegara i pudełka.
  • Bez tekstu w środku. Słowa stają się nieczytelne, gdy ikona jest mała.
  • Znane symbole. Lupę jako wyszukiwarkę i koszyk jako zakupy rozumie się wszędzie.

Co dostajesz i jak z tego korzystać

Typowy zestaw to osobne pliki PNG na przezroczystym tle, więc każdą ikonę można umieścić na dowolnym kolorze. PNG to format rastrowy: sprawdza się na stronach, w aplikacjach i na slajdach, ale nie jest plikiem wektorowym, który można powiększać bez ograniczeń. Jeśli potrzebujesz favicony, darmowy konwerter online w minutę zamieni plik PNG na ICO.

Podsumowanie

Jasna lista, odpowiednia liczba ikon, jeden styl i kolory twojej marki: tak powstaje zestaw, który wygląda spójnie na każdym ekranie. Jeśli wolisz, żeby ktoś narysował zestaw za ciebie, zamów zestaw ikon: przesyłasz listę ikon, styl i swoje kolory, a dostajesz 4, 8 lub 16 pasujących do siebie ikon jako osobne pliki PNG na przezroczystym tle. Płatność zostaje zwolniona dopiero po zaakceptowaniu pracy.