Pack d'interfaccia

Cursori Candy

12 cursori del mouse (cartoon) per interfacce in modalità chiaro — crema calda, accento rosa gomma da masticare. SVG e PNG trasparente a 1x/2x/4x.

  • ui
  • svg
  • png trasparente
  • cursore
  • puntatore
  • mirino
  • mouse
  • cartoon
  • cartoon
  • cartoon
  • casual
  • mobile
  • match 3
Foglio con 12 cursori del mouse (cartoon) della famiglia Candy, disposti su una scacchiera di trasparenza con le misure in pixel scritte sotto
anteprima 1600×739la trasparenza è mostrata a scacchiera

Su questo pack

Cursori Candy è un set di 12 cursori del mouse disegnati nello stile cartoon, dove un contorno spesso e pulito avvolge una faccia lucida con un unico scintillio. Contiene una freccia e una freccia con anello di attesa, una mano che indica e un cursore di spostamento, un mirino e un aggancio bersaglio, cursori di attacco, dialogo e bottino, cursori di attesa, blocco e testo, e un cursore di ridimensionamento.

Un gioco che disegna la propria interfaccia e poi ci lascia sopra il cursore del sistema operativo ha un buco in mezzo allo schermo, ed è proprio la parte che il giocatore guarda di continuo. Il cursore è anche l’unico sprite senza controllo sul proprio sfondo: attraversa cielo, pietra, fuoco e inventario nello stesso secondo.

Il lucido è una divisione a bordo duro al 44% dell'altezza, non una sfumatura morbida: una dissolvenza morbida si legge come vetro, una divisione dura si legge come disegno. L'ombra portata scostata è piena invece che sfocata per lo stesso motivo.

Dentro quello stile, questa è la lettura Candy: un'interfaccia in modalità chiaro su una palette crema calda con accenti rosa gomma da masticare, costruita attorno a due cornici concentriche, pulsanti a pillola completamente arrotondati da 168x56, barre a fasce divise in 6 segmenti e icone piene su una griglia da 32px. Sono quelle misure a spiegare perché due famiglie possono condividere uno stile artistico senza essere intercambiabili: lo stile decide come si traccia un bordo, i numeri decidono a cosa serve l'interfaccia.

Ogni cursore porta un contorno preso dall’estremo opposto della palette rispetto al corpo, ed è ciò che lo tiene leggibile su uno sfondo di cui il kit non sa nulla: un cursore scuro su una caverna scura sparisce, e nessuno stile lo rimedia. Il punto attivo è indicato nel titolo di ogni sprite invece di essere lasciato a indovinare: la freccia clicca a 0,0 e il mirino al centro, e un punto attivo spostato di tre pixel è un gioco in cui il giocatore manca ciò che ha mirato.

Ogni sprite arriva come SVG modificabile e come PNG trasparente a 1x, 2x e 4x, così puoi buttare i PNG dritti in un motore oppure aprire il vettoriale e cambiare un colore. Disegnato con le stesse misure del resto della famiglia Candy, il che significa che questo kit e il kit di pannelli Candy si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a giochi anime e cartoon.

Download

Link diretto · senza registrazione · senza pagina d'attesa
Scarica ZIP54 kB

Set completo — sorgenti SVG, esportazioni PNG a 1x/2x/4x, licenza e readme

File inclusi in questo pack
FileFormatoPesoDownload
Set completo — sorgenti SVG, esportazioni PNG a 1x/2x/4x, licenza e readmeZIP54 kB Ottieni →
Cursore freccia, punto attivo 0,0, SVG modificabileSVG410 B Ottieni →

Come si usa

  1. Prendi il punto attivo dal titolo dello sprite quando registri il cursore: freccia e mano cliccano vicino alla punta, mirino e bersaglio al centro.
  2. Usa il PNG da 32 px per un cursore hardware e resta su scale intere; il cursore hardware è composto dal sistema operativo e una scala frazionaria è dove il contorno si ammorbidisce.
  3. Passa ai cursori di attacco, dialogo e bottino dal tuo raycast di interazione invece di tingere un solo cursore, perché ciò che il giocatore legge a colpo d’occhio è la sagoma e non il colore.
  4. Il cursore di blocco è per un’azione rifiutata, non per un controllo disattivato: un pulsante disattivato lo dice già con il suo sprite, e usarli entrambi lo dice due volte.

Licenza

Creative Commons Attribuzione 4.0 — Gratis per uso commerciale. Attribuzione obbligatoria. Termini completi · Cosa significa in pratica

Riga di credito da copiare
"Cursori Candy" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/candy-cursors