Шеме боја веб локација које можете да користите за своју ВордПресс локацију

Управо сте се пријавили ВордПресс, и спремни сте да направите своју прву веб локацију. Проблем је што немате појма како желите да то изгледа. Не можете једноставно да одаберете тема и држите се тога – такође је кључно да одаберете савршену шему боја.


Звучи застрашујуће? Не брини. Прикупио сам неколико задивљујућих примера схема боја на веб локацијама из којих можете узети инспирацију. Такође ћемо разговарати о томе шта треба учинити да изаберемо савршену палету за ваш веб сајт.

Зашто су шеме боја важне

Пре него што уђете на листу, разговарајмо о томе зашто је од кључног значаја одабрати праве боје за своју веб локацију.

Прво, различита шема боја чини вашу марку незаборавнијом.

Велика корпоративна имена обично користе боје свог логотипа за своје веб странице, огласе и друге активности брендирања. На пример, ФедЕк користи љубичасту и наранџасту, док ПаиПал бира неколико нијанси плаве. Користећи те боје доследно, јавност повезује одређену шему боја са марком.

Добра схема боја може да се допадне и вашој циљној публици.

Према истраживању компаније Сцотт Десигн, две омиљене боје изгледају плава и зелена.

Свако демографска група има своју преферирану боју. На њихов укус могао би утицати њихов одгој, култура, друштво и многи други фактори.

На пример, боја може да има различита значења у различитим културама. Црна обично значи елеганцију, али у неким културама представља патњу.

Компаније су користиле ефекте боја ради сопствене користи. На пример, деца обично позитивније реагују на светле боје. Дакле, веб локација попут ПБС Кидс користи светлу шему боја да привуче децу.

И на крају, боје могу довести до већег ангажмана корисника.

Недавна студија открива да тастери ЦТА са бојама високог контраста имају високу стопу конверзије. То значи да дугме треба бити у боји која се истиче у складу са шеме боја на веб локацији.

Као што видите, кључно је размотрити боје сваког елемента веб странице, чак и ако је то само дугме.

Како одабрати праву шему боја за своју веб локацију

Најлакши начин за одабир добре шеме боја је коришћење генератора боја. Ево неких алата које можете да користите:

  • Цолорспире– преглед боја на предлошку веб локације.
  • Палеттон– погледајте како ће изгледати ваша схема боја у разним изгледима.
  • Цоолорс– генерисати шеме боја из слика по вашем избору.

Међутим, ако желите да направите шему боја испочетка, ево шта можете да урадите:

  1. Изаберите доминантну боју. Ово је боја којом се највише желите издвојити. Препоручује се употреба боје вашег бренда на целој веб локацији.
  2. Изаберите секундарне боје. Ове боје допуњују или јачају вашу доминантну боју.
  3. Одредите где да поставите боје. Неки воле да користе доминантну боју за наглашене функције као што су дугмад и везе. Други би га могли користити за велике визуелне елементе, док су секундарне боје за текстове. Истражите опције и пронађите најбољу за вас.
  4. Изаберите боју позадине. Људи обично бирају неутрални тон како би веб локација била читљива.

8 невероватних шема боја веб локација

Са 34% веб локација користи ВордПресс, пажљиво сам изабрао 8 врста шема боја које можете да користите као инспирацију за своју ВордПресс локацију:

1. Жива

Посетите Цлимате Оптимист

Свијетле, живописне боје могу бити савршен избор за веб странице које желе поставити живахне и енергичне тонове.

Веб локација компаније Цлимате Оптимист показује добру употребу таквих боја. Као организација за климатске промене, желе да надахну позитивност и самопоуздање за укључивање људи у њихову кампању. Ово је утјеловљено у њиховој жутој, ружичастој и зеленој шеми боја.

2. Занемарено

Посетите Мосоле

Ако желите да ваша веб локација изгледа елегантно, размислите о употреби пригушених тонова. Можда нису привлачни за очи, али права комбинација боја може да изгледа допадљиво.

Ова веб страница италијанске винарије Мосоле тежи таквом тону. Они одмашћују земљане боје попут браон и зелене боје и стварају елегантан ефект који и даље представља њихов бренд као винарију.

3. Светлост

Посетите Босумхус

Ако желите да ваша веб локација изгледа привлачно, препоручујем употребу светлијих нијанси. Попут угодног дома, угодна веб страница чини да посетиоци желе да проведу више времена на вашој страници.

Босумхус, веб локација за изградњу кућа, представља одличан пример ове шеме боја. Док су текстови тамни, други елементи су углавном у светло браон и беж боји са тамним и зеленим траговима. Веб локација је такође добра илустрација како слике могу да представљају вашу палету боја.

4. Мрачно

Посетите критичне ТецхВоркс

За разлику од светлих боја, тамне нијансе обично симболизују мистерију. Поред тога, користи се за представљање модерности и футуризма.

У овом примјеру, Цритицал ТецхВоркс користи тамне боје да надопуни свој идентитет као технолошка компанија нове генерације.

Веб локација такође илуструје како можете користити тамне боје док вас истовремено привлачи. Иако је већина боја дубока, веб локација користи и неонско плаву за истицање.

5. Пастел

Посетите Монт-Роуроус

Пастеле су тренд дизајна последњих неколико година. Ове су боје мекане и испране, а имају за циљ да изгледају умирујуће.

Обично се повезује са новорођенчади, јер се ове боје често налазе у јаслицама. Међутим, многе веб странице користе ове боје да би се пријале и младим демографима.

Веб локација Монт-Роуроус је одличан пример коришћења пастелних боја. Пошто су њихови производи намењени бебама, за свој бренд користе меко ружичасту и плаву боју.

6. Једнобојни

Посетите Бригхтсцоут

Ако не знате како комбиновати боје, покушајте да одаберете једну боју и целу веб локацију направите једнобојном. То значи да ћете на целој страници користити само различите нијансе исте боје.

Бригхтсцоут демонстрира како на истој страници можете користити различите нијансе зелене. Иако је све претежно зелено, коришћење и светлих и тамних нијанси спречава страницу да изгледа равно.

7. Акцент

Посетите Фрактон

Акцентне боје односе се на оне које се користе за наглашавање важних елемената. Ове боје се користе штедљиво, а неке веб локације користе боју марке као акцентне боје.

На пример, Фрактон користи претежно палету црно-беле боје са искоченим жутим бојама ту и тамо. Црно-бела шема помаже привући сву пажњу на жуте нагласке, па се боја акцента користи за дугмад, наглашене текстове и заглавља.

8. Контрастне боје

Посетите млечне фарме Турнер

Неке веб локације воле да користе две контрастне боје да би створили упечатљив визуелни утицај. Ове боје обично леже на супротним крајевима котача у боји.

Млекара Турнер користи црвену и плаву боју за стављање својих млечних производа у млечне производе. Они одржавају овај контраст на целој веб локацији. Дугмад и наслови су углавном у црвеној боји, док су визуелни елементи у плавој боји. Такође користе белу позадину за читљивост.

Окончање

Одабир праве шеме боја не односи се само на комбинирање лепих боја. Ради се о одабиру одговарајућег за вашу марку, публику и корисничко ангажовање.

Ако желите беспотребан поступак проналажења добре палете, користите генераторе боја. Одлучите се за оне које ће бити ваше доминантне, секундарне и позадинске боје. Такође ћете морати да размислите о томе како сваку боју треба поставити на вашој веб локацији.

Иако сам набројао само 8 шема боја, постоје бескрајне комбинације боја које можете испробати за веб страницу ВордПресс. Дакле, не бојте се експериментирати и сретно.

Симон Двигхт Келлер је предузетник у дигиталном маркетингу жељан да креативним и упечатљивим садржајем привуче тоне промета на вашу веб страницу. Након три године напорног рада као слободњак, одлучио је да подигне своје услуге на виши ниво, основао је компанију за дигитални маркетинг ПРабле. На крају је Симон осетио да би постигао више, мора да покрене сопствену компанију – СДК Маркетинг. Са својим малим, иако професионалним тимом, спреман је да прихвати нове изазове, повећа ваш промет и оствари више прихода. Поред своје горљиве страсти за СЕО, занима га хокеј на леду и путовања. Повежите се са Симоном ЛинкедИн.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map