Obțineți atenție: butoane strălucitoare pentru chemare la acțiune

Publicat: 2020-04-09

De regulă, butoanele de apel la acțiune suferă rareori modificări cardinale. Ultimul lucru important în această sferă a fost când am fost introduși pe scară largă în butoanele fantomă. Deși forma lor goală se simțea puțin nepotrivită, toată lumea era obsedată de idee. Butoanele fantomă au luat web-ul cu asalt fără îndoială, dar a fost cu mult timp în urmă.

Lucrurile nu s-au schimbat în niciun fel radical. CTA sunt încă elemente în formă de dreptunghi, cu o dimensiune relativ mare în comparație cu alte detalii minuscule. Totuși, asta nu înseamnă că nu țin pasul cu cele mai noi mode. Iar colorarea strălucitoare a butoanelor de îndemn este o dovadă clară în acest sens.

Este o continuare previzibilă a tendinței de scheme de culori vibrante care apar în designul web în aceste zile. Dar cu o singură excepție: butoanele sunt locul unde se desfășoară diferite experimente. Începând cu albastrul neon disco al Pink Mobility și terminând cu verdele pădure clasic al TecExpert, puteți da peste diferite alegeri stilistice. În plus, dacă nu vă puteți decide ce ton să utilizați, sunteți întotdeauna binevenit să optați pentru un gradient.

Să luăm în considerare câteva exemple fantastice din lumea reală.

Mobilitate roz

Primul site web examinat este Pink Mobility. Am menționat-o deja și există un motiv întemeiat pentru asta. Echipa nu numai că adoptă cu pricepere colorarea strălucitoare în scopuri generale, făcând ca designul general să se simtă energic și extravagant, dar a aplicat această tendință la cele mai mici detalii, cum ar fi butoanele de îndemn.

Mai multe alegeri stilistice atrag instantaneu ochiul. Prima este, desigur, albastru neon. Este un eye-catcher și se potrivește perfect cu setul portocaliu strălucitor ca fundal pentru diapozitive. Cel de-al doilea este un buton în stil gradient care reflectă culoarea primară. Pare extrem de atrăgător. Celelalte sunt bleumarin și alb, care completează cu pricepere acest anturaj.

Mobilitate roz

Firma Mai

Echipa din spatele The May Firm s-a fixat pe un verde strălucitor. Îmbunătățește diverse elemente ale designului, începând cu logotip și terminând, după cum probabil ați ghicit deja, cu CTA. Este exact ceea ce a prescris medicul pentru acest site web cu aspect serios. Face atmosfera formală, de afaceri a firmei de avocatură mai prietenoasă și mai primitoare.

Firma Mai

Online fericit

În timp ce unii ar putea considera roz și purpuriu o fetiță și chiar un pic nebunească, designerii din spatele Happy Online dovedesc că această teorie este greșită. Aici, un ton frumos de rubin care este folosit pentru CTA susține perfect tema cu șireturi drepte. Pe fundalul alb pur, arată genial. Veți găsi și alte tonuri, cum ar fi verde și albastru, care se îmbină perfect.

Online fericit

NSR

Echipa din spatele NSR ne bucură ochii cu un galben strălucitor care nu a fost ales accidental. Observați frumosul fundal albastru închis din secțiunea eroi care arată o scenă din spațiul cosmic - este cerul nostru. În timp ce CTA galben și pictogramele din bara de sus joacă rolul stelelor. Este o combinație clasică cu carisma.

NSR

Ezra

Designul lui Ezra merge pe culoarea roșie la modă pe care unii o pot găsi puțin copleșitoare, dar nu în acest caz. Aici puteți simți puterea ascunsă în acest ton. Adaugă seriozitate proiectului fără prea mult efort. Contribuie nu doar la designul alb curat, ci și susține perfect ideea site-ului. Există mai multe lucruri în interfață care atrag atenția de la început și CTA este unul dintre ele.

Ezra

Framework fără server

Serverless Framework vă surprinde prin colorarea sa superbă. Deși suntem cu toții obișnuiți să vedem alb-negru împreună, există, fără îndoială, ceva divin în acest frumos ton de coral care are o calitate a culorii anului 2019 de la Pantone. Designul este maiestuos.

Framework fără server

Hachem

Butonul de îndemn al Hachem este punctul focal fără a fi copleșitor sau extravagant. Tonul său mov frumos este atât de plăcut încât nu-ți poți lua ochii de la el. Fundalul întunecat nu joacă un rol subtil aici. Evidențiază cu pricepere întreaga frumusețe a colorării. De asemenea, gradientul cald folosit pentru titlu întărește impactul. Într-adevăr, această echipă are un ochi pentru detalii.

Hachem

Campus original

Vorbind despre degrade, Original Campus arată tuturor că uneori o culoare nu este suficientă pentru a produce un impact puternic. Butonul lor de îndemn la acțiune ocupă centrul atenției în zona eroului, datorită gradientului multicolor. Nu pare demodat sau prost la modă. În schimb, arată modern și zingy. Este în contrast cu un design relativ neutru, stabilind un punct focal natural pentru cititori.

Campus original

Drone VR

Echipa din spatele Drone VR are o altă abordare interesantă a butoanelor colorate. Au mers și pe un gradient. Cu toate acestea, de data aceasta, în loc să folosească o formă solidă, au adăugat extravaganță designului folosind stilul de linie. Rezultatul este intrigant și puțin controversat. Cu siguranță are dreptul la viață, mai ales plasat într-un anturaj atât de vibrant.

Drone VR

TGP

TGP menține estetica curată și se simte extrem de business, dar nu pare plictisitor sau banal. Folosind portocaliu tigru ca ton principal pentru CTA, echipa a reușit să atragă în mod natural atenția asupra lucrurilor importante, dar și să adauge câteva stropi de dispoziție pozitivă, făcând lucrurile atrăgătoare vizual.

TGP

Sheerlink de la RTX

Sheerlink by RTX este un exemplu de site web care demonstrează că butoanele luminoase sunt o alegere perfectă pentru modelele saturate. Și nu se simte deloc exagerat. Se potrivește aici ca o mănușă. După cum se dovedește, CTA galben strălucitor cu margini ascuțite interacționează frumos cu fundalul pitoresc. În același timp, rămâne la suprafață – captând o doză de atenție meritată.

Sheerlink de la RTX

Suficientă culoare pentru a vă lumina ziua

Culorile strălucitoare au întotdeauna o personalitate strălucitoare. Ei sunt capabili să aducă diverse emoții în proiect, servind drept instrument valid pentru îmbogățirea esteticii generale.

Deosebește în mod natural elementele de fluxul de conținut și le face jucători validi în arenă. Și este o notă finală plăcută pentru modelele moderne, care au o înclinație deosebită către scheme de culori îndrăznețe.