Дизайнът на иконите през 2020 г .: ключовите тенденции
Иконите може да са един от най-важните и подценявани примери за дизайн във вашето портфолио. Ето поглед върху дизайна на иконите с някои вдъхновяващи примери.
Елементите на иконите се показват почти навсякъде, но понякога се получават като замислени. Това не трябва да е така. Страхотният дизайн на икони може да бъде отличителен и да добави финес и усет към проект.
Нека да разгледаме какво е новото и какво е горещо в дизайна на иконите през 2020 г.!
Разгледайте елементи Envato
1. Линии икони с цветни форми
Линиите икони винаги са популярен избор, благодарение на универсален стил, който изглежда добре с почти всеки друг дизайн елемент. Тенденцията добавя само малко повече визуален интерес с поп цвят, често под формата на кръг или квадрат, зад иконата на линията.
Цветната форма може да запълни част от дизайна на иконата на линия, но по-често не е просто плаваща на заден план. Този мъничък визуален интерес може да завърже икона, заедно да подчертае цвят на марката или просто да освежи по-стар сайт от икони на линии.
Сложната част от дизайна на иконата е разположение и размер на елемента на цветната форма. Ако е твърде голям или прекалено ярък на цвят, той може да отнеме от иконата. Ако формата е твърде малка, рискувате да изглежда като грешка.
Въпреки че няма идеален размер, повечето икони, използващи тази тенденция, поддържат цветната форма до около една четвърт от пълния размер на иконата.
2. Абстрактни форми на икони
Не сте сигурни каква икона представлява вашето съдържание? Абстрактната форма на икона може да бъде отговорът.
Повече дизайнери създават икони в абстрактен стил за използване в уебсайтове. Хубавото на този стил - и като цяло тенденцията - е, че абстрактните стилове създават усещане за причудливост и чудо, което съответства на някои от по-големите цялостни тенденции в дизайна.
Ключът към работата с абстрактни форми е да се уверите, че не репликирате нещо по погрешка и иконите наистина са абстрактни. (Не се опитвайте да създавате икони, подобни на вашето лого, например, те могат просто да изглеждат като грешки.) За нещо, което наистина съвпада, използвайте една и съща цветова палитра за икони и материали на марката.
3. Основни цветове
Основните цветови палитри са смел, ярък и завладяващ избор за малки дизайнерски елементи.
Тази тенденция за дизайн на икони използва червено, синьо, зелено и жълто (заедно с лилаво и оранжево), за да създаде основен набор от правила за цвят. Това, което прави този стил работа, е фокусът върху цвета, за да привлече вниманието към малките елементи на екрана. Основните цветове също ще се открояват от всички "Материали", които доминират в палитрата от късно.
Омекотете дизайна с градиенти (или фаунд-омбре градиенти, като примера по-горе), за да не изглежда цветовата палитра твърде елементарна. Не прекарвайте зад борда, когато работите с основни цветове. Те могат да бъдат прекомерно докосване. Помислете за заглушена първична палитра или монохроматична схема.
4. Икони с фонови икони
Някои тенденции икони имат свои собствени икони. Сериозно!
За по-сложно използване на иконите - тук не приемаме малки фавикони - иконите могат да бъдат подредени и слоени, за да създадат повече елемент на изкуството.
Тази тенденция често използва цвят и засенчване, за да разграничи основната фокусна икона и фоновите икони. Основната икона често е пълноцветна или запълнена икона. Иконите на фона са почти винаги линеен стил и може да имат светли цветови палитри.
Можете да създадете този ефект с много предварително подготвени набори от икони, като смесвате и сравнявате икони по различни начини. Създайте дълбочина и визуален интерес с икони на подобна тема и се придържайте само към шепа елементи, за да не се затруднява сцената. Не се страхувайте да използвате и използвате повторно елементи и да използвате едни и същи икони (редуващи се линии и запълнени) във фонове и фонове.
5. Двуцветни икони
Друга тенденция в дизайна на икони, която се основава на популярните стилове на икони на линии, е създаването на двуцветни елементи.
Двуцветните икони могат да надграждат вашата съществуваща цветова палитра или цветове на марката или да комбинират почти всяка друга цветова двойка. Когато проектирате с помощта на тенденцията на иконите, потърсете цветни двойки, които ще се открояват от фона, на който планирате да ги използвате.
Когато става въпрос за дизайна, изберете основен цвят за по-голямата част от иконата. Използвайте вторичен цвят, за да подчертаете елемент от иконата. (Помислете дали да използвате основния цвят за 70% до 80% от дизайна, а вторичния цвят за останалите.)
Това създава акцент в дизайна на иконата, който ще помогне да привлече окото в елемента на дизайна, и да се надяваме, и около съдържанието.
6. Икона „Стенограма“
Ако преглеждате всеки магазин за приложения, ще видите много общи марки - пликове за приложения за поща, проверки за приложения за производителност, брави за приложения за сигурност.
Тази стенограма за икона предоставя бързо визуално съобщение, което казва на потребителите какво прави приложението. Същата стенограма се прилага почти универсално за целия дизайн на икони. Докато дизайнерите експериментират с икони в техния собствен стил, има склонност да се използват икони за конкретно значение.
И това е добро нещо. Икона трябва да бъде лесна за разглеждане и разбиране с един поглед. Икона трябва да помогне на потребителите да знаят какво трябва да правят и как трябва да взаимодействат с дизайна. Тази обща стенограма за икони е хубаво развитие как да направите точно това.
7. Ярък цвят
Изборът на ярки цветове е голям проблем във всички аспекти на дизайна. Това не се различава с иконите. Яркият цвят е примамлив начин да привлечете погледа към иконата.
Цветът се използва по няколко различни начина, когато става въпрос за икона на дизайна на иконите:
- Като фон с икона в стил бяла или черна линия
- За пълноцветни икони елементи с по-реалистичен вид
- За икони с по-плосък, градиентен или супер ярък дизайн
Популярният избор на цвят в светлото семейство включва жълти, сини, зелени и лилави. Тези цветове са склонни да бъдат на светлата страна и да се изработи цветова палитра с три до пет нюанса за набор от икони.
Не сте сигурни откъде да започнете? Палитрата на материалите показва цветове, които са голяма част, ако тенденцията в дизайна на цветните икони.
8. Икони в лога
Обърнете внимание колко лога имат икони. След като започнете да мислите за това, да не видите всички малки икони в дизайна на лого ще бъде трудно.
Хубавото на иконата в лого е, че тя работи с името на марката, а с известно време и собствената марка може да стои самостоятелно. Помислете за примера по-горе, Spotify. Въпреки че доставчикът на музика не е обикалял толкова дълго (в обхвата на марките), кръгът с три линии е ясно различим.
Иконата работи в цвят и без - ключ от силна икона - и може да стои самостоятелно или с букви. Тази гъвкавост прави лесно да се разбере защо иконите са популярен елемент в дизайна на лого.
9. Кръгове
Кръговете са една от най-хармоничните форми. А що се отнася до дизайна на икони, те са доста популярни. От икони, които се съдържат в една сфера, до кръгове в обектите, създаването на дизайнерска маркировка с помощта на кръгове може да създаде правилното усещане за потребителите.
(Искате да знаете повече за кръговете в дизайна? Имаме го тук.)
Част от влиянието на кръга в дизайна на иконите може да се свърже с някои от указанията, изложени от Google с Material Design. Всички тези кръгли бутони са идеални за подслушване на мобилни телефони. И същата тази философия важи за дизайна на икони. (Помислете само колко често иконата е допиращ или кликващ елемент.)
Частта, която може да бъде малък трик за тази тенденция на иконите, е мрежести кръгове на всички места, където се използват други форми. Иконите на приложения обикновено са квадратни; профилите в социалните медии са кръгли (и квадратни).
Когато създавате кръгла икона, уверете се, че съдържанието на дизайна на иконата е лесно за разбиране при малки размери, защото трябва да го свивате често, за да се побере на други места.
10. Дизайн на икона на стила на линия
Иконите в стила на линията изглежда са тенденцията, която никога не остарява.
Част от причината е, че този стил на иконата може да работи практически навсякъде на всеки тип фон. Много от популярните икони за сваляне, които могат да се изтеглят, често включват дизайн в стила на линия поради тази универсалност.
Лесно е да видите това в примера по-горе. Всяка икона е лесна за разглеждане и разбиране на практически всякакъв размер.
11. Прости елементи и представи
Както при повечето други дизайнерски тенденции през 2020 г., простотата е част и от дизайна на иконите. Простите форми и география се комбинират, за да създадат почти над опростени представи за икони.
Резултатът е доста изкусен дизайн, който кара потребителите да изглеждат.
В примера, използващ иконите за храна по-горе, всяка икона използва общата нишка на кръг в иконата. Това може да бъде цялостната форма на самата икона или част от дизайна на иконата. Тази форма свързва всяка икона помежду си в проекта.
12. Икони с градиенти
Тенденцията на цветовете с градиент, която се превърна в една от доминиращите теми на 2019 г., също е фактор в дизайна на иконите. От прости градиенти в щрихи на линията (като примера по-горе) до оцветяване с пълен градиент до бели икони на градиентен фон, тази цветова схема е популярна.
Това може би е толкова привлекателно за използването на градиенти в иконите (и като цяло) - има толкова много различни начини за използване на тенденцията. Можете да добавите градиент и все още да няма проект, който да изглежда като нещо друго.
13. Съсредоточете се върху простото оцветяване
Дизайнерите на икони вземат обратния подход и с цвета и се придържат към прости, по-ограничени, по-основни цветови палитри за тези малки дизайнерски елементи.
Използването на ограничена палитра е чудесна идея. С дизайн, който е толкова малък, твърде много цвят или детайл може бързо да затрупа пространството и да причини напрежение на окото.
Не искате потребителите да се замислят какво представлява иконата или какво означава цвят. Ограничаването на количеството детайли - включително сложно оцветяване - може да направи всяка отделна икона малко по-лесна за разглеждане и разбиране. Това е най-важно с иконите, които ще се използват при най-малки размери.
14. Всичко стил на приложение
Една от причините иконите да нараснат толкова много в популярността е, че вече ги проектираме за почти всичко. От икони на приложения до икони в стила на приложението за фавикони или икони на работния плот, този стил е практически навсякъде.
Иконите в стила на приложение имат отличителен стил почти собствен. Това включва:
- Квадратна форма
- Заоблени ръбове
- Цветен фон (обикновено един цвят)
- Проста форма вътре в иконата
- Много контраст между икона и цвят на фона
- Без текст или надписи
15. Дебели, равномерни удари
Популярни са не само иконите в стила на линията, но особено популярни са иконите с дебели линии.
Създадени често за едноцветни приложения, тези икони често се използват в бяло или черно върху цветен или фото фон.
Иконите с дебели, равномерни щрихи най-често се използват самостоятелно, като икона на количката или икона за контакт. Те не се използват често в колекция от икони.
16. Плоските икони остават популярни
Въпреки че голяма част от твърдия фокус върху плоския дизайн се е изпарил, дизайнът на иконите все още е доста плосък (или поне почти плосък).
Това вероятно се дължи на супер простия характер на плоския дизайн и идеята, че този външен вид може да се интегрира с редица други стилове сравнително лесно.
Дори като разгледате някои от примерите за дизайн на икони и тенденциите, представени тук, ще видите, че много от тях са плоски. (Иконите в стила на линия почти винаги са плоски.)
17. Икони на Emoji
Emojis почти са се превърнали в собствен език - по-визуална форма на комуникация, която става все по-общоприета през цялото време.
Дизайнът на иконите също възприема емоционален усет. Тези икони са разпознаваеми поради фокус върху формата на главата на човек или същество. (Вдъхновените от Star Wars икони на емоджи по-горе са чудесен пример за това как да се забавлявате с дизайна на икони.)
Този стил на иконата може да работи чудесно за страница за контакти или за представяне на хора или персони в дизайн.
Как да проектираме по-добра икона
Изработката на добра икона или набор от икони е повече от просто прескачане към някои от най-новите тенденции в дизайна на икони. Поради малкия размер на иконите вниманието към детайла и прецизността са важна част от процеса на проектиране.
Простите правила все още важат за дизайна на икони през 2019 г. Сравнете тези насоки с някои от тенденциите по-горе, за да създадете нещо, което ще харесате:
- Започнете с решетка
- Изграждане с геометрия
- Създайте уникална форма
- Дайте на иконите достатъчно място
- Придържайте се към цветовете на вашата марка
- Използвайте последователни дивоти
- Дизайн за най-малкия размер, от който се нуждаете
- Не украсявайте
Указания за дизайн на икони
Добър начин да бъдете в крак с това, което е „в“ е като разгледате графичните стандарти и ръководствата за стил. Всеки път, когато Apple или Google променят своя подход, така правят и всички останали. Отчасти защото трябва и частично защото новият стил често отразява времето и тенденциите в дизайна на иконите.
Можете да намерите насоки тук:
- Apple App Icons
- Android икони за приложения
- Материални икони на продукта дизайн
- Икони на системата за дизайн на материали
заключение
Иконите са полезен инструмент за дизайн. От използване като икони на приложения до маркировки на уебсайтове или фаворити до дивоти, които могат да се използват в лого или в целия дизайн, иконата е маркировка, която е тук, за да остане.
Подходете към дизайна на иконите по същия начин, по който бихте направили почти всеки друг проект, но наистина мислите за простотата и размера. Иконите са направени така, че да се разгледат бързо и често са малки. Това може да окаже голямо влияние върху дизайна.
