Kategorie
Artykuły Porady dla grafika Porady dla klienta

Profesjonalne projektowanie ikon


W dobie minimalizmu ikony zyskują coraz większe znaczenie przy identyfikacji i oznaczeniu różnych funkcji. Profesjonalne projektowanie ikon ma bardzo duże znaczenie i odgrywa dużą rolę w poziomie obsługi np. aplikacji lub programu komputerowego.

Ikony towarzyszą projektantom prawie przy każdym większym projekcie, nieważne czy weźmiemy pod uwagę stronę internetową, interfejs systemu, materiały reklamowe lub informacyjne czy animację opisującą produkt. Są świetnym sposobem do ilustrowania informacji, szybkiego przekazu i ożywiania całego projektu graficznego.

Obecnie ikony są nieodłącznym elementem systemów identyfikacji wizualnej, systemów informacji przestrzennej, interfejsów oprogramowania, stron internetowych, czy aplikacji mobilnych. Są one swoistym skrótem myślowym, a ich celem jest usprawnienie i szybka identyfikacja danej rzeczy lub funkcji.

Zapisuje się je najczęsciej formacie np. ICO, ICNS, AI, SVG, PDF, JPG, PNG, BPM itp.

Funkcje ikon

  1. Regulują skanowanie treści. Użytkownicy nie czytają, lecz skanują zawartość komunikatu lub interfejsu w poszukiwaniu interesujących ich informacji. Ikony zdecydowanie poprawiają czytelność, oddzielając wizualnie bloki tekstu.
  2. Wpływają na estetykę. Odpowiednio zaprojektowane ikony nie tylko przyciągają uwagę, ale też wpływają na atrakcyjność interfejsu, urozmaicając go i porządkując.
  3. Organizują treści. Dzielą i kategoryzują dane, aby użytkownik mógł w szybki sposób odnaleźć interesujące go informacje.
  4. Poprawiają intuicyjność. Dobrym przykładem jest ikona domku jako odnośnika do strony głównej, albo ikonka koszyka przy napisie Koszyk.
  5. Oszczędzają miejsce. Stosując ikony, możemy zredukować ilość tekstu, co wpływa na czytelność i przejrzystość układu.
  6. Poprawiają czytelność. Ikony są widoczne z daleka co ułatwia ich czytanie z większej odległości.
tworzenie ikon

Profesjonalne projektowanie ikon to proces, który powinien trzymać się określonych wcześniej zasad. Przedstawiamy listę kroków, o których należy pamiętać przy projektowaniu.

Przed projektowaniem

Proces projektowania ikon należy rozpocząć od zebrania informacji na temat kontekstu i przeznaczenia, w jakim będą one używane.

  1. Jaka jest charakterystyka firmy klienta lub produktu?
  2. Jaka jest tematyka ikon i jaki ma być ich poziom skomplikowania?
  3. Czy ikony będą używane jako ilustracje do pojęć czy może jako małe ikonki w narzędziu?
  4. Ich docelowy rozmiar?
  5. Czy to będą pojedyncze ikony czy mały lub duży zestaw ikon?

Wszystkie te czynniki w ten czy inny sposób wpłyną na późniejsze wybory dotyczące odpowiednich środków wizualnych.

Styl ikon

Ikony są zazwyczaj dopełnieniem identyfikacji, dlatego ich styl będzie wynikiem wcześniej przyjętych założeń. Obecnie obserwujemy kilka wiodących trendów w projektowaniu ikon – flat, outline, skeuomorphism, 3d, long shadow, minimal oraz ikony ilustracje. Trend maksymalnego upraszczania ikon i powrót do korzeni projektowania, czyli piktogramów, rozwija się najintensywniej.

projektowanie ikon

Szczegółowość ikon

Kolejnym krokiem do dobrze zaprojektowanego zestawu ikon to wybranie odpowiedniego poziomu szczegółowości. Jednak niewystarczające detale mogą negatywnie odbić się na rozpoznawalności. Z drugiej strony używanie zbyt wielu detali odwróci uwagę i jak w przypadku niedostatecznych detali zmniejszy rozpoznawalność. Zwykle w przypadku ikon przedstawiających koncept abstrakcyjny użycie symbolu jest koniecznością, jednak gdy mamy do czynienia z przedmiotem (telefon, słuchawki) możemy się pokusić o większy realizm. Szczegółowość ikon zależy od docelowej wielkości w jakiej będzie zapisana.

ikona

Harmonia ikon

Ikony bezsprzecznie muszą współpracować i tworzyć jedną, spójną całość. Systematyczna praca nad projektem zapewnia spójny efekt końcowy i logikę, jaką kieruje się cały zestaw. Aby ujednolicić tworzone ikony wybieramy parę elementów, które pozostaną niezmienne np. kolorystykę, perspektywę, wielkość, technikę rysunku czy grubość linii. Najlepiej wybrać kombinację tych właściwości. Używamy tego samego stylu na przestrzeni całego zestawu.

zestaw ikon
ikonografiki
ikony graficzne
ikony do programu komputerowego
projektowanie ikon do interfejsu graficznego

Kontakt

Zapraszamy do współpracy z naszą pracownią graficzną.

Telefon
+48 788 799 733

Mail
kontakt@grafikkomputerowy.pl
zlecenia@grafikkomputerowy.pl