7 съвета за ефективно използване на икони в дизайнерски проекти
Проектирането на икони може да бъде много забавно. Но след като имате добър комплект, какво правите с тях?
Иконите не са само миниатюрни връзки за Facebook или Instagram - те могат да бъдат напълно интерактивни сигнали, които помагат на водещите потребители чрез дизайн и осигуряват допълнителна визуална искра. Иконите могат да бъдат малки или големи, черно-бели или цветни, плоски или сложни. Без значение какъв стил ви харесва, ефективното използване на икони може да повиши използваемостта и естетическата стойност на почти всеки дизайнерски проект.
Разгледайте елементи Envato
1. Добавете визуален интерес
Не всяко изображение ще бъде спиращ дъха пейзаж. Понякога изображенията просто се късат.
Забавната иконография може да ви помогне да добавите по-голям интерес към тези малко безинтересни снимки. Използвайте икони, за да подобрите съдържанието на снимката, да осигурите допълнителен бит информация и да осигурите реакция за взаимодействие.
Вземете примера по-горе за стоматологична клиника (признавам, не е най-интересната визуална концепция.) Дизайнът е свеж, ярък и привлекателен. Простата икона до лицето е ново поемане на „идеята за крушка“ - обърнете внимание на малките зъби. Балансът между светлата част на екрана вляво и ярко бялата икона също помага да се привлече окото върху дизайна. Останалата част от сайта използва и други малки икони, както и за навигация.
2. Създайте взаимодействие
Иконите не трябва да се вписват в конкретни разположения, за да насърчат взаимодействието на потребителите. (Твърде много шаблони използват иконата / текстовата комбинация от три колони в превъртането.
Иконите всъщност могат да бъдат елементът, който движи интерактивността. Сдвоете иконографията и превъртането на паралакса, така че елементите да се движат по екрана. Икони на слой с изображения или друг фон, за да създадете елемент, който е малко неочакван.
Boone Selections създава сцена за пътуване за своите вина, използвайки иконография по начин, който ви кара да искате да превъртите. Иконата на самолета пътува по равнина, следвайки стрелките на екрана (които реагират на превъртане). Всяка икона на линията за изобразяване се представя като рисунка, докато потребителят превърта към тази част на екрана. Движенията са прости, класически и високо ефективни.
3. Използвайте анимация
Никой никога не е казвал, че иконите трябва да са статични елементи. Анимирайте ги!
Но не ставайте твърде луд. Най-добрите анимации на иконите са свързани със съдържанието на самата икона. Движенията не трябва да са прекалено бързи, защото могат да бъдат малко нервни. Движенията не трябва да са твърде бавни, защото потребителите може да ги пропуснат. В средата има сладко място, където движението на иконата доставя малко наслада.
Sweet Punk прави това блестящо. Иконата е „същата стара електрическа крушка“, която се използва навсякъде, но с печат на персонализация. Обърнете внимание на вътрешността на крушката - това е пламък. След това има забавно действие за задържане, докато електрическата крушка отскача с въртене на идеята. Освен това, моделът на кръга около електрическата крушка нежно се движи и сякаш реагира на шарките на мишката.
4. Създайте иконични клъстери
Клъстери с интересни форми, скици или икони, изработени по друг начин, могат да направят интересна визуална картина. Концепцията се показва често на уебсайтове, които разпространяват пакети с икони (като този по-горе), но има по-широко приложение.
Помислете за редове от икони - играчка с използването им под или по-голям размер за по-голямо въздействие - когато ви липсва добра визуална картина. Иконите могат да работят като връзки или просто изображения, които стоят самостоятелно. Клъстерите могат да включват само две или три икони или три пъти повече от многото. Нека вашето съдържание задвижва този процес на вземане на решения.
Хубавото при използването на клъстерирани икони е, че наистина можете да мислите извън кутията и да направите нещо креативно. Другият бонус? Можете дори да започнете с пакет с икони, ако желаете и да персонализирате иконите, за да ги направите свои. Всяка опция може да бъде много забавна и да ви даде начин да опитате нещо съвсем различно.
5. Комбинирайте с модни елементи
Иконите трябва да са само една част от стратегията за проектиране на проект. Помислете за съдържанието си и сдвоете иконографията с друг модерен елемент, за да създадете модерна естетика.
Хубавото при използването на икони е гъвкавостта на стила. Иконите идват на пръв поглед във всяка форма и форма - от линейно изкуство, стилове, базирани на скици, до плоски изрязани дизайни, за да изработят миниатюрни произведения на изкуството. След като се установите за стил на дизайн на проект, създайте набор от икони, които съответстват на този визуален тон.
Уебсайтът за История на иконите прави това прекрасно. Сайтът показва как стиловете на иконите са се развивали през годините - което е готино самопроучване, само ако търсите повече вдъхновение - но всяка икона се поставя вътре в контейнерен елемент в моделен дизайн, включващ доста плоски слоеве, тактилни движения, чиста типография и ярък цвят.
6. Поставете капризен обрат
За определени икони има стандартни дизайни, които искате да използвате, така че потребителите да знаят какво точно правят тези елементи. Това може да включва икони за връзки в социалните медии, търсене, колички за пазаруване и навигационни стрелки. Никога не трябва да жертвате използваемостта за нов дизайн.
Но можете да поставите свой причудлив обрат на тези стандартни стилове на икони. Променете цвета, ощипнете формата или дори пречертайте иконите във вашия стил. Номерът е да направите нещо, което се чувства уникално, като същевременно поддържате визуално разпознаване, така че потребителите да не поставят под въпрос какво означава иконата.
Простите промени могат да изминат дълъг път. Този вид корекция може да помогне на общите елементи да станат част и от вашия дизайн и визуална история.
Little Puds & Co. прави това по абсолютно очарователен начин. Общите икони в горния ъгъл са разпознаваеми, но приемат цвета на марката на уебсайта. Иконите изглеждат малко по-меки, отколкото биха били в нормалните цветови палитри на Facebook и Instagram и сякаш съвпадат с по-причудливия детски стил, използван през целия дизайн.
7. Създайте персонализирани скици
Иконите могат да бъдат миниатюрни платна на изкуството сами по себе си. Докато тенденциите в иконографията се наклоняват повече към супер плоски, линейни изобразявания на изкуството, подробните скици могат да осигурят страхотна опция по избор, която е ваша собствена.
Всеки скициран с ръка комплект ще бъде различен. Няма реален начин да ги категоризираме, освен да намериш нещо, което можеш да притежаваш. Скицираните икони често са част от идентичността на марката, която ги използва.
Infinity Foods използва този стил чудесно в целия си дизайн. (Наистина трябва да отидете да кликнете наоколо, за да разгледате пълния набор от икони.) Стилът на скицата започва с логото и същият подробен, молив стил се използва за всеки елемент на иконата в дизайна.
заключение
Докато иконите може да са един от най-малко мислените елементи в дизайнерския проект, те могат да бъдат едни от най-интересните. Добрата иконография може да събере един проект по начин, който му придава малко лак и финес.
Хубавото при работата с икони е, че един добър, векторно базиран набор може да се използва по много начини и в различни размери. Интересувате да вземете хиляди икони за изгодна цена на абонамент? Creative VIP ви покрива!
