I kit di progettazione sembrano essere ovunque in questi giorni. Dai kit dell'interfaccia utente, ai modelli e alle griglie, per completare i kit di progettazione, cosa rende questi strumenti così popolari (e quali sono gli svantaggi)?
Oggi daremo un'occhiata ai pro e contro dell'uso di diversi tipi di kit di progettazione e mostreremo anche alcuni kit negli esempi che potrebbero valere la pena di provarlo per vari scopi.
Cos'è un kit di progettazione?
Innanzitutto, è importante capire la natura di un kit di progettazione. Questi strumenti variano ampiamente per portata, costo e utilità.
In parole povere, un kit di progettazione è uno strumento preconfezionato che è possibile utilizzare nella creazione di un progetto di progettazione digitale. I kit di progettazione più comuni includono icone di interfaccia utente, pulsanti e elementi grafici progettati per essere utilizzati insieme. La maggior parte include una palette di colori e font comune inclusa nel kit, sebbene la maggior parte sia personalizzabile.
I kit possono contenere centinaia o persino migliaia di elementi, ma possono anche includere singoli elementi (come un grafico) o elementi come le griglie. Alcuni kit di progettazione sono modelli di design completo, come temi WordPress, che è possibile utilizzare per creare un sito Web da zero. (Alcuni designer di stampa usano anche kit per articoli come carta intestata o biglietti da visita.)
Mentre alcuni progettisti giurano su questi kit come una grande cornice o punto di partenza per i progetti, altri li evitano del tutto, a favore di costruire tutto da zero.
Indipendentemente dalla teoria a cui ti abboni, ci sono una manciata di pro e contro quasi universali associati all'acquisto, al download e all'uso di kit di progettazione.
Pro: risparmia tempo
Una delle migliori caratteristiche dei kit è che possono essere dei veri risparmiatori di tempo. Piuttosto che creare tonnellate di piccole parti per un sito Web, un kit viene fornito con tutto pre-progettato e pronto all'uso.
L'unico impegno in tempo reale da parte tua è la personalizzazione di colori e caratteri tipografici in modo che corrispondano al resto del design del sito. Scegli un kit che rispecchia lo stile e il flusso di ciò che stai facendo. È meglio avere un kit molto presto nel processo e pensare alle diverse parti e al modo in cui verranno utilizzate durante la costruzione del sito.
In primo piano: kit VU Dark Velvet ($ 39) e Clean UI Kit PSD (gratuito)
Con: costi associati
Alcuni dei migliori kit non sono gratuiti - e dovresti aspettarti di pagare per i kit con caratteristiche premium. Questo può essere proibitivo, a seconda di determinati budget. La maggior parte dei kit è relativamente economica per le licenze singole e include costi più elevati per una licenza per sviluppatore.
Pro: ottimo per la coerenza
Se vuoi assicurarti che elementi, pulsanti e icone siano gli stessi e si abbinino l'un l'altro - dalla tua pagina di destinazione alla tua pagina di contatto - i kit sono un'alternativa facile. All'interno di un kit, ogni elemento, pulsante, icona e colore è costruito per adattarsi perfettamente agli altri nel kit.
L'utilizzo di questi articoli darà un aspetto di consistenza pulita senza un grande sforzo da parte tua. Rende l'organizzazione e la pianificazione un gioco da ragazzi. Ricordati di fare tutte le personalizzazioni e salvare prima di iniziare, in modo che le scelte di colore specifiche ecc. Siano pronte per l'uso.
In primo piano: 300 icone Fineline ($ 11) e icona mappa iOS (gratuita)
Con: le parti sono "troppo abbinabili"
Alcuni designer possono essere disattivati dallo stile dei kit perché le parti possono essere "troppo simili"? il che significa che un kit contiene 50 pulsanti con lo stesso identico aspetto e lo stesso stile in un arcobaleno di colori. Di quei pulsanti sono troppo simili, rendendo più difficile l'identificazione visiva.
Può essere difficile filtrare tutte le parti di un kit di grandi dimensioni. Ma sii esigente. Sappi di cosa hai bisogno e usa quelle parti, non hai bisogno di integrare tutto in un design per ottenere il valore dei tuoi soldi.
Pro: facile da usare
I kit di progettazione semplificano il lavoro di dettaglio. La maggior parte dei pacchetti di interfaccia utente, elemento e icona includono i file di Adobe Photoshop, che sono semplici da usare e manipolare. I progettisti senza una conoscenza approfondita del codice possono utilizzare facilmente parti di questi kit.
Altri kit includono anche informazioni CSS per la transizione senza interruzioni verso un web design. (Qualcosa che gli sviluppatori apprezzeranno).
Mentre avrete bisogno di una certa conoscenza di come funziona il codice e di come funziona il backend di un sito Web, per ottenere tutto caricato e pronto per la pubblicazione, i kit possono eliminare parte delle congetture dal processo di pianificazione. Uno strumento particolarmente prezioso per designer nuovi o inesperti.
In primo piano: Modello di app per Vipe circolare ($ 3,99) e Flipper per data 3D (gratuito)
Con: kit incompleti
Assicurati di leggere attentamente i dettagli quando acquisti un kit in modo da sapere esattamente cosa è incluso. Un kit con 1.000 elementi potrebbe non essere l'ideale se è davvero solo una manciata di elementi in una varietà di colori.
Alcuni kit sono a tema, come icone di social media, pulsanti o icone del calendario. Assicurati che un kit includa tutto ciò di cui hai bisogno prima di acquistare.
Pro: ottimo strumento per l'apprendimento
Uno dei maggiori vantaggi per un designer nuovo o inesperto che lavora con un kit è che offre un modo di guardare all'interno della costruzione di icone, elementi o tavolozze di colori.
Con un download, puoi vedere come i designer costruiscono i set: la maggior parte viene creata come file PSD con livelli. Selezionando un kit, è possibile individuare le best practice per creare le proprie parti, suggerimenti per lavorare e salvare livelli e organizzazione di base.
Inizia con un kit e scavalo un po 'per aiutarti davvero a determinare come procedere quando sei pronto a creare una serie di elementi da zero. Lavorando con un kit che viene messo insieme bene, puoi anche aggiungere il tuo talento ad esso. Prendi il kit di 6 icone dei social media, ad esempio, perché puoi selezionare le icone e vedere come sono costruite, puoi aggiungere le tue icone al kit rispecchiando il modo in cui sono stati creati gli elementi pacchettizzati.
In primo piano: Pagina di destinazione reattiva di Fitnex ($ 11) e 6 icone di social media (gratuite)
Con: sembra simile ad un altro sito
Una delle maggiori preoccupazioni dei designer riguardo l'uso dei kit è che il loro sito finito potrebbe sembrare troppo simile a un altro sito. E succede.
La soluzione migliore è utilizzare un kit come punto di partenza, non come prodotto finito, in modo che parti, pezzi e elementi dell'interfaccia utente abbiano l'aspetto e il timbro del design del tuo sito web. Se si utilizza un kit? Appena fuori dalla scatola ?, è probabile che sembrerà sicuramente qualcos'altro.
Conclusione
L'uso di un kit consente di risparmiare tempo e garantire la coerenza, semplificando la progettazione e aiutandoti a conoscere meglio come funzionano e come sono costruite le parti.
Il rovescio della medaglia, i kit a volte possono essere costosi, includere parti che troppo strettamente si assomigliano, sono incompleti o ti lasciano con un prodotto finito che assomiglia troppo ad un altro sito.
I kit non sono per tutti, ma possono essere strumenti utili e potresti rimanere stupito dal numero di designer che usano kit e dal numero di siti che contengono parti di un kit pre-progettato.