Attira l'attenzione: pulsanti luminosi di invito all'azione

Pubblicato: 2020-04-09

Di norma, i pulsanti di invito all'azione raramente subiscono modifiche cardinali. L'ultima cosa importante in questa sfera è stata quando siamo stati ampiamente introdotti ai pulsanti fantasma. Anche se la loro forma vuota sembrava un po' inappropriata, tutti erano ossessionati dall'idea. I pulsanti Ghost hanno preso d'assalto il web senza dubbio, ma è stato molto tempo fa.

Le cose non sono cambiate in alcun modo radicale. I CTA sono ancora elementi a forma di rettangolo con dimensioni relativamente grandi rispetto ad altri piccoli dettagli. Tuttavia, questo non significa che non siano al passo con le ultime mode. E la colorazione brillante dei pulsanti di invito all'azione ne è una chiara prova.

È una prevedibile continuazione della tendenza delle vivaci combinazioni di colori che appaiono nel web design in questi giorni. Ma con un'eccezione: i pulsanti sono il luogo in cui vengono condotti diversi esperimenti. Partendo dal blu neon discoteca di Pink Mobility per finire con il classico verde bosco di TecExpert, puoi imbatterti in varie scelte stilistiche. Inoltre, se non riesci a decidere quale tono utilizzare, puoi sempre optare per un gradiente.

Consideriamo alcuni fantastici esempi dal mondo reale.

Mobilità rosa

Il primo sito web da esaminare è Pink Mobility. Ne abbiamo già parlato, e c'è una buona ragione per questo. Non solo il team adotta abilmente la colorazione brillante per scopi generali, rendendo il design generale energico e sgargiante, ma ha applicato questa tendenza ai più piccoli dettagli come i pulsanti di invito all'azione.

Diverse scelte stilistiche attirano immediatamente l'attenzione. Il primo è, ovviamente, blu neon. È un colpo d'occhio e si sposa perfettamente con l'arancione brillante impostato come sfondo per le diapositive. Il secondo è un pulsante in stile gradiente che fa eco alla colorazione principale. Sembra estremamente attraente. Gli altri sono blu navy e bianchi, che completano abilmente questo entourage.

Mobilità rosa

La ditta di maggio

Il team dietro The May Firm ha fissato un verde brillante. Esalta vari elementi del design, partendo dal logotipo e finendo, come avrai già intuito, con il CTA. È esattamente ciò che il dottore ha ordinato per questo sito web dall'aspetto serio. Rende l'atmosfera formale e professionale dello studio legale più amichevole e invitante.

La ditta di maggio

Felice in linea

Mentre alcuni possono considerare rosa e cremisi da ragazza e persino un po' sdolcinati, i designer dietro Happy Online dimostrano che questa teoria è sbagliata. Qui, un bel tono rubino utilizzato per le CTA supporta perfettamente il tema lineare. Sullo sfondo bianco puro, sembra brillante. Troverai anche altri toni come il verde e il blu che si fondono perfettamente.

Felice in linea

NSR

Il team dietro NSR soddisfa i nostri occhi con un giallo brillante che non è stato scelto per caso. Nota la bellissima immagine di sfondo blu scuro nella sezione dell'eroe che mostra una scena dallo spazio: è il nostro cielo. Mentre la CTA gialla e le icone nella barra in alto svolgono il ruolo delle stelle. È una combinazione classica con carisma.

NSR

Esdra

Il design di Ezra va per il colore rosso alla moda che alcuni potrebbero trovare un po' opprimente, ma non in questo caso. Qui puoi sentire il potere nascosto all'interno di questo tono. Aggiunge serietà al progetto senza troppi sforzi. Contribuisce non solo al design bianco e pulito, ma supporta anche perfettamente l'idea del sito web. Ci sono diverse cose nell'interfaccia che attirano l'attenzione fin dall'inizio e CTA è una di queste.

Esdra

Struttura senza server

Serverless Framework ti sorprende con la sua splendida colorazione. Mentre siamo tutti abituati a vedere il bianco e nero insieme, c'è senza dubbio qualcosa di divino in questo bellissimo tono corallo che ha una qualità del colore dell'anno 2019 di Pantone. Il design è maestoso.

Struttura senza server

Hachem

Il pulsante di invito all'azione di Hachem è il punto focale senza essere opprimente o stravagante. Il suo bel tono viola è così piacevole che non puoi distogliere lo sguardo da esso. Lo sfondo scuro non gioca un ruolo sottile qui. Evidenzia abilmente tutta la bellezza della colorazione. Inoltre, il gradiente caldo utilizzato per il titolo rafforza l'impatto. In effetti, questa squadra ha un occhio per i dettagli.

Hachem

Campus originale

Parlando di sfumature, Original Campus mostra a tutti che a volte un colore non è sufficiente per produrre un forte impatto. Il loro pulsante di invito all'azione è al centro dell'area dell'eroe, grazie alla sfumatura multicolore. Non sembra obsoleto o mal modellato. Invece, sembra moderno e vivace. È in contrasto con un design relativamente neutro, creando un punto focale naturale per i lettori.

Campus originale

Drone VR

Il team dietro Drone VR ha un'altra interessante versione dei pulsanti colorati. Hanno anche optato per un gradiente. Eppure questa volta, invece di utilizzare una forma solida, hanno aggiunto stravaganza al design utilizzando lo stile della linea. Il risultato è intrigante e un po' controverso. Ha certamente il diritto alla vita, soprattutto in un ambiente così vivace.

Drone VR

TGP

TGP mantiene un'estetica pulita e si sente estremamente professionale, ma non sembra noioso o banale. Usando l'arancione tigre come tono principale per i CTA, il team è riuscito ad attirare naturalmente l'attenzione sulle cose importanti, ma anche ad aggiungere alcuni tocchi di umore positivo, rendendo le cose visivamente accattivanti.

TGP

Sheerlink di RTX

Sheerlink di RTX è un esempio di sito Web che dimostra che i pulsanti luminosi sono la scelta perfetta per i design saturi. E non sembra affatto esagerato. Si adatta qui come un guanto. A quanto pare, il CTA giallo brillante con spigoli vivi interagisce bene con lo sfondo pittoresco. Allo stesso tempo, rimane in superficie, catturando una meritata dose di attenzione.

Sheerlink di RTX

Abbastanza colore per illuminare la tua giornata

I colori vivaci hanno sempre una personalità brillante. Sono in grado di portare diverse emozioni al progetto, fungendo da valido strumento per arricchire l'estetica complessiva.

Distingue naturalmente gli elementi dal flusso di contenuti e li rende validi giocatori nell'arena. Ed è un bel tocco finale per i design moderni che hanno una particolare inclinazione verso schemi di colori audaci.