Ikona designu w 2020 roku: kluczowe trendy
Ikony mogą być jednym z najważniejszych - i niedocenianych - przykładów wzornictwa w twoim portfolio. Oto projekt ikony z inspirującymi przykładami.
Elementy ikon są wyświetlane prawie wszędzie, ale czasem powstają jako refleksja. Tak nie powinno być. Świetny projekt ikon może wyróżniać się i dodawać finezji i elegancji do projektu.
Rzućmy okiem na nowości i nowości w projektowaniu ikon w 2020 roku!
Poznaj elementy Envato
1. Ikony linii z kształtami kolorów
Ikony linii są zawsze popularnym wyborem, dzięki wszechstronnemu stylowi, który wygląda dobrze z prawie każdym innym elementem projektu. Trend dodaje nieco więcej zainteresowania wizualnego za pomocą koloru, często w kształcie koła lub kwadratu, za ikoną linii.
Kolorowy kształt może wypełniać część projektu ikony linii, ale najczęściej unosi się w tle. Ten niewielki element wizualny może powiązać zestaw ikon, podkreślić kolor marki lub po prostu odświeżyć starszą stronę ikon linii.
Trudną częścią projektu ikony jest umieszczenie i rozmiar elementu kształtu koloru. Jeśli ma za duży lub zbyt jasny kolor, może usunąć ikonę. Jeśli kształt jest zbyt mały, ryzykujesz, że wygląda jak pomyłka.
Chociaż nie ma idealnego rozmiaru, większość ikon używających tego trendu utrzymuje kształt koloru do około jednej czwartej pełnego rozmiaru ikony.
2. Abstrakcyjne kształty ikon
Nie wiesz, która ikona reprezentuje twoją treść? Odpowiedź może stanowić abstrakcyjny kształt ikony.
Więcej projektantów tworzy ikony w stylu abstrakcyjnym do użytku na różnych stronach internetowych. Zaletą tego stylu - i ogólnie trendu - jest to, że style abstrakcyjne dają poczucie kaprysu i podziwu, które pasują do niektórych większych ogólnych trendów w projektowaniu.
Kluczem do pracy z abstrakcyjnymi kształtami jest upewnienie się, że nie powielasz czegoś przez pomyłkę, a ikony naprawdę są abstrakcyjne. (Nie próbuj tworzyć ikon podobnych do Twojego logo, na przykład mogą wyglądać jak błędy). Aby uzyskać coś, co naprawdę pasuje, użyj tej samej palety kolorów dla ikon i materiałów marki.
3. Podstawowe kolory
Palety kolorów podstawowych to odważny, jasny i wciągający wybór dla małych elementów projektu.
Ten trend projektowania ikon wykorzystuje czerwony, niebieski, zielony i żółty (wraz z fioletowym i pomarańczowym) do stworzenia podstawowego zestawu reguł kolorów. Tym, co sprawia, że ten styl działa, jest skupienie się na kolorze, aby zwrócić uwagę na małe elementy na ekranie. Podstawowe kolory będą się również wyróżniać ze wszystkich jasnych kolorów, które ostatnio dominowały w paletach.
Zmiękcz projekt za pomocą gradientów (lub gradientów faux-ombre, takich jak powyższy przykład), aby paleta kolorów nie wyglądała zbyt elementarnie. Nie przesadzaj przy pracy z kolorami podstawowymi. Mogą być przytłaczające. Rozważ wyciszoną paletę podstawową lub schemat monochromatyczny.
4. Ikony z ikonami w tle
Niektóre popularne ikony mają własne ikony. Poważnie!
Dla bardziej wyszukanych zastosowań ikon - nie bierzemy tutaj małych ulubionych - ikony można układać w stosy i układać w warstwy, aby stworzyć więcej elementu sztuki.
Ten trend często wykorzystuje kolor i cieniowanie do rozróżnienia głównej ikony ogniskowej i ikon tła. Ikona podstawowa jest często w pełnym kolorze lub jest wypełniona. Ikony tła prawie zawsze mają styl linii i mogą mieć jasne palety kolorów.
Możesz stworzyć ten efekt za pomocą wielu gotowych zestawów ikon, mieszając i dopasowując ikony na różne sposoby. Twórz głębię i zainteresowanie wizualne ikonami o podobnym motywie i trzymaj się tylko kilku elementów, aby scena nie była zbyt zajęta. Nie bój się używać i ponownie wykorzystywać elementów oraz używać tych samych ikon (naprzemiennie i wypełnione) w tle i na pierwszym planie.
5. Ikony dwukolorowe
Kolejnym trendem projektowania ikon, który opiera się na popularnych stylach ikon linii, jest tworzenie elementów dwukolorowych.
Ikony dwukolorowe mogą bazować na istniejącej palecie kolorów lub kolorach marki lub łączyć prawie każdą inną parę kolorów. Projektując za pomocą trendu ikon, szukaj par kolorów, które będą się wyróżniać na tle, na którym planujesz ich używać.
Jeśli chodzi o projekt, wybierz kolor podstawowy dla większości ikony. Użyj dodatkowego koloru, aby zaakcentować element ikony. (Pomyśl o użyciu podstawowego koloru dla 70% do 80% wzoru i drugiego koloru dla reszty.)
To tworzy akcent w projekcie ikony, który pomoże przyciągnąć uwagę do elementu projektu i, miejmy nadzieję, również otaczającej treści.
6. Ikona „Stenografia”
Jeśli przejrzysz dowolny sklep z aplikacjami, zobaczysz wiele wspólnych znaków - koperty dla aplikacji pocztowych, sprawdza aplikacje produktywności, zamki dla aplikacji zabezpieczających.
Ta ikona oznacza krótką wiadomość wizualną, która informuje użytkowników o tym, co robi aplikacja. Ten sam skrót odnosi się prawie do wszystkich ikon. Podczas gdy projektanci eksperymentują z ikonami w swoim własnym stylu, istnieje skłonność do używania ikon dla określonego znaczenia.
I to jest dobra rzecz. Ikona powinna być dobrze widoczna i zrozumiała na pierwszy rzut oka. Ikona powinna pomagać użytkownikom wiedzieć, co powinni robić i jak wchodzić w interakcje z projektem. Ta skrótowa ikona jest fajną ewolucją tego, jak to zrobić.
7. Jasny kolor
Jasne wybory kolorów stanowiły wielką zaletę we wszystkich aspektach projektowania. Nie inaczej jest z ikonami. Jasny kolor to kuszący sposób, aby zwrócić uwagę na ikonę.
Kolor jest używany na kilka różnych sposobów, jeśli chodzi o trend projektowania ikon:
- Jako tło z białą lub czarną ikoną w stylu linii
- Dla elementów pełnokolorowych z bardziej realistycznym wyglądem
- Dla elementów ikon o bardziej płaskim, gradientowym lub bardzo jasnym designie
Popularne wybory kolorów w jasnej rodzinie to żółcienie, niebieskie, zielone i fioletowe. Te kolory są zwykle po jasnej stronie i popularne jest tworzenie palety kolorów o trzech do pięciu odcieniach dla zestawu ikon.
Nie wiesz, od czego zacząć? Paleta materiałów pokazuje kolory, które są dużą częścią, jeśli trend projektowania ikon kolorów.
8. Ikony w logo
Zwróć uwagę na liczbę ikon funkcji logo. Gdy zaczniesz o tym myśleć, trudno będzie zobaczyć wszystkie małe ikony w projekcie logo.
Zaletą ikony w logo jest to, że współpracuje z nazwą marki, a z czasem i kapitałem marki może być samodzielny. Pomyśl o powyższym przykładzie, Spotify. Mimo że dostawca muzyki nie był tak długo (w zakresie marek), koło z trzema liniami jest bardzo rozpoznawalne.
Ikona działa w kolorze i bez - klucz silnej ikony - i może być samodzielna lub z literami. Ta wszechstronność ułatwia zrozumienie, dlaczego ikony są popularnym elementem projektowania logo.
9. Koła
Koła są jednym z najbardziej harmonijnych kształtów. A jeśli chodzi o projektowanie ikon, są one dość popularne. Od ikon zawartych w kuli po kółka wewnątrz obiektów, tworzenie znaku projektu za pomocą kół może zapewnić odpowiednie wrażenia dla użytkowników.
(Chcesz dowiedzieć się więcej o kręgach w projektowaniu? Mamy to tutaj.)
Część wpływu koła na projektowanie ikon może się wiązać z niektórymi wytycznymi określonymi przez Google w Material Design. Wszystkie okrągłe przyciski są idealne do dotykania telefonów komórkowych. Ta sama filozofia dotyczy projektowania ikon. (Pomyśl tylko, jak często ikona jest elementem dotykalnym lub klikalnym).
Częścią, która może być małą sztuczką związaną z tym trendem ikon, jest zazębianie się kół we wszystkich miejscach, w których używane są inne kształty. Ikony aplikacji są zwykle kwadratowe; Profile mediów społecznościowych są okrągłe (i kwadratowe).
Tworząc okrągłą ikonę, upewnij się, że treść projektu ikony jest łatwa do zrozumienia przy małych rozmiarach, ponieważ musisz ją często zmniejszać, aby zmieściła się w innych miejscach.
10. Ikona stylu linii
Ikony w stylu linii wydają się być trendem, który nigdy się nie zestarzeje.
Częściowo dlatego, że ten styl ikon może działać praktycznie w dowolnym miejscu na dowolnym tle. Ze względu na tę wszechstronność wiele popularnych pakietów ikon do pobrania często zawiera styl linii.
Łatwo to zobaczyć w powyższym przykładzie. Każda ikona jest łatwa do zobaczenia i zrozumienia w praktycznie dowolnym rozmiarze.
11. Proste elementy i reprezentacje
Podobnie jak w przypadku większości innych trendów projektowych w 2020 r., Prostota jest również częścią projektowania ikon. Proste kształty i geografia łączą się, tworząc niemal uproszczone przedstawienia ikon.
Rezultatem jest dość pomysłowy projekt, który sprawia, że użytkownicy wyglądają.
W powyższym przykładzie z ikonami jedzenia każda ikona używa wspólnego wątku koła na ikonie. Może to być ogólny kształt samej ikony lub część jej projektu. Ten kształt łączy każdą ikonę w projekcie.
12. Ikony z gradientami
Trend kolorów gradientu, który stał się jednym z dominujących tematów 2019 roku, jest również czynnikiem w projektowaniu ikon. Od prostych gradientów w pociągnięciach linii (takich jak powyższy przykład) do pełnego kolorowania gradientu po białe ikony na gradientowym tle - ten schemat kolorów jest popularny.
To może być tak atrakcyjne w stosowaniu gradientów w ikonach (i ogólnie) - istnieje wiele różnych sposobów wykorzystania tego trendu. Możesz dodać gradient i nadal nie mieć projektu, który wygląda jak coś innego.
13. Skoncentruj się na prostym kolorowaniu
Projektanci ikon również przyjmują odwrotne podejście do kolorów i trzymają się prostych, bardziej ograniczonych, bardziej podstawowych palet kolorów dla tych małych elementów.
Korzystanie z ograniczonej palety to świetny pomysł. Dzięki tak małemu projektowi zbyt duża ilość kolorów lub detali może szybko przytłoczyć przestrzeń i spowodować zmęczenie oczu.
Nie chcesz, aby użytkownicy musieli myśleć o tym, czym jest ikona lub co oznacza kolor. Ograniczenie ilości szczegółów - w tym skomplikowanych kolorów - może sprawić, że każda ikona będzie nieco łatwiejsza do zrozumienia i zrozumienia. Jest to najważniejsze w przypadku ikon, które będą używane w najmniejszych rozmiarach.
14. Wszystko w stylu aplikacji
Jednym z powodów tak dużej popularności ikon jest to, że projektujemy je już prawie do wszystkiego. Od ikon aplikacji po ikony aplikacji lub ikon pulpitu - ten styl jest praktycznie wszędzie.
Ikony w stylu aplikacji mają swój własny styl. To zawiera:
- Kwadratowy kształt
- Zaokrąglone kanty
- Kolorowe tło (zwykle jeden kolor)
- Prosty kształt wewnątrz ikony
- Duży kontrast między ikoną a kolorem tła
- Brak tekstu lub liter
15. Grube, jednolite pociągnięcia
Popularne są nie tylko ikony w stylu linii, ale szczególnie popularne są ikony z grubymi pociągnięciami linii.
Ikony te, często zaprojektowane w aplikacjach jednokolorowych, są często używane w kolorze białym lub czarnym na tle tła kolorowego lub fotograficznego.
Ikony z grubymi, jednolitymi pociągnięciami są najczęściej używane samodzielnie, takie jak ikona wózka lub ikona kontaktu. Nie są często używane w kolekcji ikon.
16. Płaskie ikony pozostają popularne
Chociaż większość ciężkiej uwagi związanej z płaską konstrukcją wyparowała, projekt ikon jest nadal dość płaski (lub przynajmniej prawie płaski).
Jest to prawdopodobnie spowodowane bardzo prostą naturą płaskiej konstrukcji i pomysłem, że ten wygląd dość łatwo można zintegrować z wieloma innymi stylami.
Nawet patrząc na przykłady ikon i trendy przedstawione tutaj, zobaczysz, że wiele z nich jest płaska. (Na przykład ikony stylu linii są prawie zawsze płaskie).
17. Ikony emoji
Emoji stały się niemal własnym językiem - bardziej wizualną formą komunikacji, która jest coraz bardziej ogólnie akceptowana.
Projektowanie ikon nabiera także emoji w stylu emoji. Te ikony są rozpoznawalne dzięki skupieniu się na kształcie głowy osoby lub stworzenia. (Powyższe ikony emoji inspirowane Gwiezdnymi Wojnami są doskonałym przykładem zabawy z projektowaniem ikon).
Ten styl ikony może być świetny dla strony kontaktowej lub do reprezentowania osób lub postaci w projekcie.
Jak zaprojektować lepszą ikonę
Stworzenie dobrej ikony lub zestawu ikon to coś więcej niż tylko zapoznanie się z najnowszymi trendami w projektowaniu ikon. Ze względu na niewielki rozmiar ikon dbałość o szczegóły i precyzja są ważną częścią procesu projektowania.
Proste zasady nadal obowiązują w projektowaniu ikon w 2019 roku. Połącz te wytyczne z niektórymi trendami powyżej, aby stworzyć coś, co pokochasz:
- Zacznij od siatki
- Buduj z geometrią
- Stwórz niepowtarzalny kształt
- Daj ikonom dużo miejsca
- Trzymaj się kolorów Twojej marki
- Używaj spójnych dzielników
- Zaprojektuj najmniejszy potrzebny rozmiar
- Nie dekoruj
Wytyczne projektowania ikon
Dobrym sposobem na dotrzymanie kroku temu jest spojrzenie na standardy graficzne i przewodniki po stylach. Za każdym razem, gdy Apple lub Google zmieniają swoje podejście, robią to wszyscy inni. Częściowo dlatego, że muszą, a częściowo dlatego, że nowy styl często odzwierciedla czasy i trendy w projektowaniu ikon.
Wskazówki znajdziesz tutaj:
- Ikony aplikacji Apple
- Ikony aplikacji na Androida
- Ikony produktu projektowania materiałów
- Ikony systemu projektowania materiałów
Wniosek
Ikony są przydatnym narzędziem do projektowania. Od użycia jako ikon aplikacji, znaków na stronie internetowej lub ulubionych po divots, których można używać w logo lub w projekcie, ikona jest znakiem, który pozostanie.
Podejdź do projektowania ikon w taki sam sposób, jak prawie do każdego innego projektu, ale naprawdę pomyśl o prostocie i rozmiarze. Ikony są zaprojektowane tak, aby szybko na nie patrzeć i często są małe. Może to mieć duży wpływ na projekt.
