Design kits verkar vara överallt dessa dagar. Från UI-kits, till mallar och galler, för att slutföra designpaket, vad gör dessa verktyg så populära (och vilka nackdelar är det)?
Idag ska vi titta på för-och nackdelarna med att använda olika typer av designpaket, och till och med visa några kits i de exempel som kan vara värda att prova för olika ändamål.
Vad är en design kit?
För det första är det viktigt att förstå naturen hos ett designkit. Dessa verktyg varierar mycket i omfattning, kostnad och användbarhet.
Enkelt, ett design kit är ett förpackat verktyg som du kan använda vid skapandet av ett digitalt designprojekt. De vanligaste designpaketen innehåller ikoner, knappar och grafik för användargränssnitt som är konstruerade för att användas tillsammans. De flesta inkluderar en vanlig färg- och teckenspalett som ingår i satsen, även om de flesta är anpassningsbara.
Kits kan innehålla hundratals eller till och med tusentals element, men kan också innehålla enskilda objekt (som ett diagram) eller element som grids. Vissa designpaket är fulla designmallar, till exempel WordPress-teman, som du kan använda för att skapa en webbplats från början. (Vissa skrivdesigners använder även kit för saker som brevhuvud eller visitkort.)
Medan vissa designers svär på dessa kits som en bra ram eller utgångspunkt för projekt, skakar andra dem helt och hållet för att bygga allt från början.
Oavsett vilken teori du prenumererar på, finns det en handfull nästan universella fördelar och nackdelar med att köpa, ladda ner och använda designpaket.
Pro: Spara tid
En av de bästa egenskaperna hos kit är att de kan vara realtidssparare. Snarare än att skapa massor av små delar till en webbplats, kommer ett kit med allt förkonstruerat och redo att gå.
Det enda engagemanget i realtid från ditt slut är att anpassa färger och teckensnitt för att matcha resten av webbplatsdesignen. Välj ett kit som speglar stil och flöde av vad du gör. Det är bäst att få ett kit mycket tidigt i processen och tänka på de olika delarna och hur de kommer att användas när du bygger webbplatsen.
Utvalda: Dark Velvet UI Kit ($ 39) och Clean UI Kit PSD (gratis)
Con: Associerade kostnader
Några av de bästa kit är inte gratis - och du borde förvänta dig att betala för kit med premiumfunktioner. Detta kan vara otillåtet, beroende på vissa budgetar. De flesta kit är dock relativt billiga för enskilda licenser, och inkluderar högre avgifter för en utvecklarlicens.
Pro: Bra för konsistens
Om du vill se till att element, knappar och ikoner kommer att vara desamma och matcha varandra - från din målsida till din kontaktsida - kit är ett enkelt alternativ. Inom ett kit är varje element, knapp, ikon och färg byggd för att passa de andra i satsen perfekt.
Att använda dessa objekt kommer att resultera i en blick av ren konsistens utan mycket ansträngning från din sida. Det gör organisationen och planerar en bris. Kom bara ihåg att göra alla dina anpassningar och spara innan du börjar, så att specifika färgval etc. är redo att använda.
Innehåll: 300 Fineline Ikoner ($ 11) och IOS Map Icon (gratis)
Con: Delar är "alltför matchiga"
Vissa designers kan stängas av med stilen av kit, eftersom delar kan vara? Alltför matchande? vilket innebär att ett kit innehåller 50 knappar, exakt samma utseende och stil i en regnbåge av färger. Av dessa knappar är för likartade, vilket gör visuell identifiering svårare.
Det kan vara svårt att filtrera genom alla delar som kommer i ett stort kit. Men var valfri. Vet vad du behöver och använd de delarna, känner inte att du behöver integrera allt i en design för att få dina pengar att värda.
Pro: Enkel att använda
Design kit gör det enkelt att göra detaljer. De flesta användargränssnitt, element och ikonpaket innehåller Adobe Photoshop-filer, som är enkla att använda och manipulera. Designers utan kännedom om kod kan enkelt använda delar från dessa kit.
Andra kit inkluderar även CSS-information för sömlös övergång till en webbdesign. (Något utvecklare kommer att uppskatta.)
Medan du behöver lite kunskap om hur koden ska fungera, och hur backend på en webbplats fungerar, för att få allt laddat och redo för publicering, kan kits ta lite av gissningen ur planeringsprocessen. Ett särskilt värdefullt verktyg för nya eller oerfarna designers.
Innehåll: Cirkulär Vipe App Template ($ 3,99) och 3D Date Flipper (gratis)
Con: Ofullständiga kit
Se till att du läser detaljerna när du köper ett kit så du vet exakt vad som ingår. En sats med 1000 element kanske inte är idealisk om det bara är en handfull element i olika färger.
Vissa paket är teman - till exempel sociala medier, eller knappar eller kalenderikoner. Se till att ett kit innehåller allt du behöver innan du köper.
Pro: Bra verktyg för lärande
En av de största fördelarna med en ny eller oerfaren designer som arbetar med ett kit är att det ger ett sätt att se inuti byggandet av ikoner, element eller färgpaletter.
Med en nedladdning kan du se hur designers bygger uppsättningar - de flesta är skapade som lagrade PSD-filer. Genom att plocka ut ett kit kan du hitta bästa praxis för att bygga dina egna delar, tips för att arbeta med och spara lag och grundläggande organisation.
Börja med ett kit och gräva in det lite för att verkligen hjälpa dig att bestämma hur du ska gå vidare när du är redo att skapa en uppsättning element från grunden. Genom att arbeta med ett kit som sätts ihop bra kan du också lägga till din egen känsla för det. Ta till exempel 6 Social Media Icons-kit eftersom du kan plocka isär ikoner och se hur de är byggda. Du kan lägga till egna ikoner i satsen genom att spegla hur de förpackade elementen skapades.
Innehåll: Fitnex Responsive Landing Page ($ 11) och 6 sociala media ikoner (gratis)
Con: Ser likt en annan webbplats
En av de största bekymmerna som designers har om att använda kit är att deras färdiga webbplats kan se för mycket ut som en annan webbplats. Och det händer.
Den bästa lösningen är att använda ett kit som utgångspunkt, inte som en färdig produkt, så att delar, delar och användargränssnitt innehåller alla utseenden och stämplarna på din webbdesign. Om du använder ett kit? Rätt ut ur lådan?, Är chansen att det verkligen kommer att se ut som något annat.
Slutsats
Att använda ett kit kan spara tid och säkerställa konsekvens, göra designen lätt och hjälpa dig att lära dig mer om hur delar fungerar och byggs.
På baksidan kan kits ibland vara dyra, inklusive delar som liknar varandra, är ofullständiga eller lämnar dig med en färdig produkt som ser för mycket ut som en annan webbplats.
Kits är inte för alla, men de kan vara användbara verktyg och du kan bara bli förvånad över antalet designer som använder kit och antalet webbplatser som innehåller delar från ett förkonstruerat kit.