Кога да използваме векторни илюстрации в сайта си

Фрийлансърите и собствениците на малък бизнес могат да си позволят да са по-свободни във визуалното си представяне. Много от тях обаче се притесняват от това и предпочитат да заложат на сигурно.

Ти имаш ли усещането, че визията ти може да е по-свежа и нестандартна?

⇒ Прочети днешната статия на дизайнера Люба Попова, научи кога е удачно да използваш векторни илюстрации в сайта си, използвай за вдъхновение и отправна точка за промяна на визията му примерите, които е дала.

Ако имаш въпроси по темата, задай ѝ ги в коментарите под публикацията. Люба ще ти отговори.

Колкото и да е препоръчително да се използват максимално автентични снимки, понякога векторните графики са по-ефективното решение: 

• ако сте в сферата на услугите;
• когато искате да включите елегантен хумор в сайта си;
• когато искате да сте по-нестандартни, но да запазите визуалната си идентичност;
• когато пишете за абстрактни теми в блога си;
• ако трябва да обясните сложни технически решения.

Все пак е припоръчително на основни страници (като „за нас“, „услуги“, „продукти“) да използвате реални снимки, които да „гарнирате“ със свободата на себеизразяване, която дава илюстрацията.

Илюстрираните образи имат повече свобода да извършват по-странни действия или да стоят убедително в нереална среда.

Векторните изображения могат да съответстват на усещането за вашия бранд повече, отколкото фотографиите от имидж банки. Те ви дават гъвкавостта да създавате персонализирани визуализации, които в същото време изглеждат професионални. Техните цветове могат да се редактират по-лесно от тези на реалните снимки, за да съответстват на бранда ви.

1. Векторите постигат визуална идентичност повече от фотографиите

(освен ако вторите не са направени целенасочено и професионално)

Можете да ги подберете така, че да съвпадат като стилистика помежду си, с иконите на сайта ви и дори с логото ви. Така се създава усещане за цел и яснота.

Не е нужно винаги да са в отделна рамка, а могат да „съдействат“ за подсилване на друг елемент (бутон, заглавие, цитат) и по този начин да разнообразите дългите текстови полета. Това е така, защото те привличат погледа, без да претоварват дизайна, и добавят изискан и по-забавен щрих.

2. Векторите са гъвкави що се отнася до редакция

Можете да регулирате цветовете им, да променяте формите им, да ги съчетавате по различен начин и да ги използвате за различни секции в сайта, че дори и в печатна реклама, без това да се отрази на качеството им.

Векторната графика позволява динамични композиции с по творчески идеи. Могат да придобиват по-плавни и абстрактни форми и така да разчупят усещането за геометрия в сайта ви по елегантен начин.

Чрез тях можете да измислите безкрайна гама от игриви икони, абстрактни форми и смели илюстрации, които предават личността на бранда ви по начин, по който фотографията не може (особено ако е стокова).

3. Те са силно запомнящи се, защото се откъсват от ограниченията на реалността

Чрез илюстрация можете да пресъздадете буквално всичко, дори да е по-фантазно или сюрреалистично и зрителят няма да ги възприеме като нереални или невъзможни. За сравнение в едно снимка с реални хора в реална среда, се налага да се спазват ограниченията на физиката и биологията, за да стои убедително. Или обратно — да се разрушат напълно, за да си личи, че е целенасочено. А в илюстрацията всичко може да е напълно убедително, дори да не е съвсем реалистично.

4. Не забавят скоростта на зареждане на сайта

Векторните файлове обикновено са по-малки по размер от снимките с висока резолюция, затова допринасят за по-добрата скоростта на сайта. В същото време могат да бъдат преоразмерявани без загуба на качеството на големи или на много малки екрани. Това се отразява благоприятно на потребителското изживяване и създава позитивна нагласа към бранда ви.

5. Подходящи са за анимация

Ако искате да създадете приятна интерактивност в сайта си, векторът е по-добър вариант от GIF или видео – по-лек е и може да се управлява чрез CSS.

Анимацията в сайта не се свежда само до изображения с движение, но и до ненатрапчиви ефекти като натискане на бутон, отваряне на нова страница, изчакване на резултати от търсене и т.н.

Къде в уеб сайта е подходящо да добавите векторни изображения?

• Секции с призив за действие, като за още-по-голям ефект може да са анимирани (стрелки, иконки).
• Елемент, който трябва да привлече по-голямо внимание от околните – продукт на промоция, най-предпочитан вариант за абонамент…
• Съобщенията за бисквитки и други pop-up; те са достатъчно дразнещи, за да бъдат разнообразени с нещо, което може да предизвика усмивка.
• Страници като търсене без резултат и 404.
• Списъци, анкети, инфографики.
• Блог статии с по-абстрактни или твърде професионални понятия.
• Лендинг страници и секции, които насърчават взимането на решение.

Подобни малки щрихи правят сайта ви не просто по-ангажиращ, но и насърчават потребителите да взаимодействат с бранда. Създават позитивно отношение и показват вашата креативност и грижа за клиента. Освен това внасят особен чар на сайта и обогатяват характера на бранда.

Ако имате въпроси относно дизайна на вашия сайт или лендинг страница, задайте ми ги в коментарите. Ще ви отговоря. 

===

Любомира Попова е уеб дизайнер на свободна практика и художник-сюрреалист с артистичен псевдоним Fineluart.
Създава първия си статичен сайт през 2008. В момента се е специализирала в изработката на WordPress сайтове и визии за уеб. Занимава се с дизайн повече от 17 години, като през повечето време е била част от рекламни фирми и агенции. Създавала е визии за почти всички рекламни среди – външна, печатна, уеб, digital, TV. Работи основно с малки бизнеси в сферата на услугите, макар през годините да е правила реклами за представители на почти всички сфери.

Има професионален интереси в областта на дигиталния маркетинг, графичния дизайн и social media. Това ѝ дава възможност да вижда уеб сайтовете не само като дизайн, а като част от визуалната комуникация между бранда и потребителя. За нея всяка отделна визия е част от цялостно развитие, а не „парче дизайн“.

„Редовно консултирам клиенти и млади колеги и винаги се радвам, когато успея да улесня някого по пътя му в моята (любима) сфера. Ако имате въпроси за дизайн и реклама, съм насреща да помогна, независимо дали става въпрос за принципи в дизайна, тенденции, технически въпроси, видове реклами или се нуждаете от конкретни съвети за личните си проекти. Питайте ме.“ Люба