7 porad dotyczących efektywnego wykorzystania ikon w projektach
Projektowanie ikon może być świetną zabawą. Ale kiedy masz dobry zestaw, co robisz z nimi?
Ikony to nie tylko miniaturowe linki do Facebooka lub Instagrama - mogą być w pełni interaktywnymi wskazówkami, które pomagają użytkownikom przejść przez projekt i zapewniają dodatkową iskrę wizualną. Ikony mogą być małe lub duże, czarno-białe lub kolorowe, płaskie lub skomplikowane. Bez względu na to, jaki styl Ci się spodoba, efektywne użycie ikon może zwiększyć użyteczność i wartość estetyczną prawie każdego projektu.
Poznaj elementy Envato
1. Dodaj zainteresowanie wizualne
Nie każde zdjęcie zapiera dech w piersiach. Czasami obrazy po prostu nie wystarczają.
Zabawna ikonografia może zwiększyć zainteresowanie tymi nieco nieciekawymi zdjęciami. Użyj ikon, aby ulepszyć zawartość zdjęcia, dostarczyć dodatkowy kawałek informacji i wskazać interakcję.
Weź przykład powyżej dla kliniki dentystycznej (co prawda, nie jest to najciekawsza koncepcja wizualna.) Projekt jest świeży, jasny i zachęcający. Prosta ikona obok twarzy to nowe spojrzenie na „pomysł żarówki” - zwróć uwagę na małe zęby. Równowaga między jasną częścią ekranu po lewej stronie a jasną białą ikoną pomaga również przyciągnąć wzrok po całym projekcie. Reszta strony wykorzystuje również inne małe ikony do nawigacji.
2. Utwórz interakcję
Ikony nie muszą pasować do określonych miejsc docelowych, aby zachęcić użytkowników do interakcji. (Zbyt wiele szablonów używa przewijania trzykolumnowej kombinacji ikona / tekst.
Ikony mogą faktycznie być elementem napędzającym interaktywność. Sparuj ikonografię i przewijanie paralaksy, aby elementy poruszały się po ekranie. Warstwy ikon z obrazami lub innym tłem, aby stworzyć element, który jest nieco nieoczekiwany.
Boone Selections tworzy scenę podróży dla swoich win, używając ikonografii w sposób, który sprawia, że chcesz przewijać. Ikona samolotu leci samolotem zgodnie ze strzałkami na ekranie (które reagują na przewijanie). Każda ikona grafiki liniowej jest renderowana jako rysunek, gdy użytkownik przewija do tej części ekranu. Ruchy są proste, klasyczne i bardzo skuteczne.
3. Użyj animacji
Nikt nigdy nie powiedział, że ikony muszą być elementami statycznymi. Animuj je!
Ale nie zwariuj. Najlepsze animacje ikon odnoszą się do zawartości samej ikony. Ruchy nie powinny być zbyt szybkie, ponieważ mogą być nieco denerwujące. Ruchy nie powinny być zbyt wolne, ponieważ użytkownicy mogą je przegapić. Na środku jest słodkie miejsce, w którym ruch ikony zapewnia odrobinę rozkoszy.
Sweet Punk robi to doskonale. Ikona jest „tą samą starą żarówką”, która jest używana wszędzie, ale ze znaczkiem personalizacji. Zwróć uwagę na wnętrze żarówki - to płomień. Następnie pojawia się zabawa w powietrzu, gdy żarówka odbija się od wirującego pomysłu. Ponadto wzór koła wokół żarówki delikatnie porusza się i wydaje się odpowiadać wzorom najechania myszką.
4. Utwórz klastry ikon
Klastry o ciekawych kształtach, szkicach lub ręcznie robionych ikonach mogą stanowić ciekawy efekt wizualny. Ta koncepcja jest często wyświetlana na stronach internetowych, które dystrybuują pakiety ikon (takie jak ta powyżej), ale ma szersze zastosowanie.
Zastanów się nad rzędami ikon - baw się ich używaniem zbyt małym lub zbyt dużym dla większego efektu - gdy brakuje ci dobrej grafiki. Ikony mogą działać jako linki lub po prostu same obrazy. Klastry mogą zawierać tylko dwie lub trzy ikony lub trzy razy tyle. Pozwól, aby Twoje treści napędzały ten proces decyzyjny.
Zaletą korzystania z ikon klastrowych jest to, że możesz naprawdę myśleć nieszablonowo i robić coś kreatywnego. Drugi bonus? Możesz nawet zacząć od pakietu ikon, jeśli chcesz i dostosuj ikony, aby były własne. Każda z tych opcji może być świetną zabawą i dać ci szansę wypróbowania czegoś zupełnie innego.
5. Połącz z modnymi elementami
Ikony powinny być tylko częścią strategii projektowania projektu. Pomyśl o swoich treściach i połącz ikonografię z innym modnym elementem, aby stworzyć nowoczesną estetykę.
Zaletą korzystania z ikon jest elastyczność stylu. Ikony mają pozornie każdy kształt i formę, od grafiki liniowej, stylów opartych na szkicach po płaskie wycinane projekty do opracowania miniaturowych dzieł sztuki. Po ustaleniu stylu projektowania projektu utwórz zestaw ikon pasujących do tego tonu wizualnego.
Witryna Historii ikon robi to pięknie. Witryna pokazuje ewolucję stylów ikon na przestrzeni lat - co samo w sobie jest fajnym studium przypadku, jeśli szukasz więcej inspiracji - ale każda ikona jest umieszczona w elemencie pojemnika we wzorcu stylu materiału, zawierającym raczej płaskie warstwy, dotykowe ruchy, czysta typografia i jasny kolor.
6. Postaw na nią kapryśny zwrot akcji
W przypadku niektórych ikon istnieją standardowe projekty, których będziesz chciał użyć, aby użytkownicy wiedzieli dokładnie, co robią te elementy. Może to obejmować ikony linków do mediów społecznościowych, wyszukiwania, koszyków i strzałek nawigacyjnych. Nigdy nie powinieneś poświęcać użyteczności dla nowego projektu.
Ale możesz wprowadzić swój kapryśny akcent w tych standardowych stylach ikon. Zmień kolor, dostosuj kształt, a nawet przerysuj ikony w swoim stylu. Sztuką jest zrobienie czegoś, co wydaje się wyjątkowe, przy zachowaniu rozpoznawania wizualnego, aby użytkownicy nie kwestionowali znaczenia ikony.
Proste zmiany mogą przejść długą drogę. Ten rodzaj dopasowania może pomóc, aby wspólne elementy stały się częścią twojego projektu i historii wizualnej.
Little Puds & Co. robi to w absolutnie uroczy sposób. Wspólne ikony w górnym rogu są identyfikowalne, ale przyjmują kolor marki witryny. Ikony wydają się nieco bardziej miękkie niż w normalnych paletach kolorów Facebook i Instagram i wydają się pasować do bardziej kapryśnego, dziecięcego stylu używanego w całym projekcie.
7. Utwórz własne szkice
Ikony mogą same w sobie być miniaturowymi płótnami artystycznymi. Podczas gdy trendy ikonograficzne skłaniają się bardziej w kierunku bardzo płaskich renderingów grafiki liniowej, szczegółowe szkicowanie może zapewnić świetną niestandardową opcję, która jest twoja.
Każdy szkicowany zestaw będzie inny. Nie ma prawdziwego sposobu na ich kategoryzowanie poza znalezieniem czegoś, co możesz posiadać. Szkicowane ikony są często częścią tożsamości marki, która ich używa.
Infinity Foods wspaniale wykorzystuje ten styl podczas projektowania. (Powinieneś naprawdę kliknąć, aby zobaczyć pełny zestaw ikon.) Styl szkicowania zaczyna się od logo, a ten sam szczegółowy styl ołówka jest stosowany dla każdego elementu ikony w projekcie.
Wniosek
Chociaż ikony mogą być jednym z najmniej uważanych elementów w projekcie, mogą być jednym z najciekawszych. Dobra ikonografia może łączyć projekt w sposób, który nadaje mu odrobinę dopracowania i finezji.
Zaletą pracy z ikonami jest to, że z dobrego zestawu wektorowego można korzystać na wiele sposobów i przy różnych rozmiarach. Chcesz pobrać tysiące ikon po okazyjnej cenie subskrypcji? Creative VIP zapewnia ci ochronę!
