Långt innan webb-UI-mockups kom med, skulle utskrivna konstruktörer finslipa sina idéer med hjälp av en beprövad metod som heter miniatyrskissning. Denna övning verkar vara något av en förlorad konst så vi kommer att kasta lite ljus på det!
Idag diskuterar vi kortfattat vilka miniatyrscheman som finns, några tips för hur du skapar dem och hur du effektivt implementerar dem i ditt redan upptagna arbetsflöde.
Innan Wireframing, Miniatyrbild
Dessa dagar wireframing är en mycket populär övning. Även om vissa undviker det som onödigt, ser många designers och UI / UX-proffs en grundläggande, minimal rendering som ett viktigt första steg som gör att du kan fokusera på grundläggande layoutprinciper oberoende av överflödig styling.
Det finns definitivt något att säga för att kritiskt överväga hur din sida ska struktureras på en grundläggande nivå. Faktum är att jag ofta undrar varför jag inte ser mer diskussion om den fullfjädrade trådramens äldre bror: miniatyrschissen.
Miniatyrskissen är ett fantastiskt första steg som använder samma idéer som en wireframe, bara på en ännu mer grundläggande nivå. För de nya till konceptet, låt oss ta en titt på vilka miniatyrbilder som är.
Vad är miniatyrskisser?
Namnet låter roligt först, men om du funderar på det vet du redan vad en miniatyr är i ett annat sammanhang. Till exempel, om jag använder frasen? Miniatyrbildgalleri ,? du vet sannolikt omedelbart att jag menar ett galler med små bilder som vanligtvis fungerar som länkar till större ekvivalenter.
Med hjälp av denna kunskap kan du antagligen gissa att miniatyrskisser är grupper av små ritningar. Syftet med miniatyrbilder är att få massor av idéer på papper på mycket kort tid. Det är i grund och botten ett sätt att visuellt brainstorm där du inte besatt och tweak men istället grovt ut ett stort antal möjligheter. De är mycket som trådramar i form, bara mindre och snabbare. Det är ofta så att designers kommer att skapa flera miniatyrbilder, välj sedan några av de bästa för att bli till wireframes.
Hur det fungerar
För att starta processen, ta en penna och rita flera, små tomma rutor för att fungera som din webbläsarkrom, sidgränser eller vilket medium du råkar vara med. Du kan även hitta grundläggande skrivbara startsidor som nedan för att hjälpa dig att få dig satte igång.
Härifrån låter du helt enkelt idéerna flöda. Det här är inte en övning för att hona dina teckningsfärdigheter, istället bör du fokusera på idégenerering. Miniatyrskissning är snabb och kanske till och med lite slurvig. Använd grundläggande former och spendera inte för länge på en enda bild, så snart du kan få en känsla för vad den grundläggande layoutid kan se ut, gå vidare.
Varför är det här en bra sak?
Vilka möjliga fördelar kan du skörda från sidor med små, skyndsamt ritade skisser? Du skulle bli förvånad. Som designare får vi alltför lätt ett fall av tunnelvision. Vi sätter oss ner på våra datorer och skapar det första som dyker upp i huvudet och fortsätter till en punkt med nästan färdig kvalitet.
Problemet med detta är att när du investerar någon realtid i en idé, blir du knuten till den. Du kan inte hjälpa det, det här är ett automatiskt psykologiskt svar. Tyvärr är din första idé inte alltid det bästa du kan göra och är oftast, som tumregel, din mest generiska.
När du har gjort den bilagan till en design, lämnar den bakom och försöker något helt nytt är exponentiellt hårdare. Dina gamla idéer tenderar att smyga sig in eftersom din hjärna är fast. Även om du inte har det här problemet, spenderar du fortfarande mycket tid och kommer upp med bara några grundläggande idéer.
Huvudfelet med denna metod är att du inte lägger någon kritisk tanke i idégenerering. Genom? Kritisk tanke? Jag menar verklig komparativ kritik och logisk resonemang. I stället kör du bara med tre idéer och bestämmer sedan mellan dem. Du kanske kan komma med tio andra idéer bättre än dina första tre, men du har helt enkelt inte den typen av tid så att du aldrig fortsätter vidare.
Med miniatyrskissering sträcker du verkligen din hjärna och tvingar dig till verklig kreativ tanke genom att producera så många olika variationer som möjligt. Med denna metod har du den unika fördelen av att stå tillbaka och titta på allt du kan tänka dig att göra och göra ett intelligent beslut om vilka idéer som är värda att driva vidare.
Spara tid på lång sikt
Några av dig tror nog att du redan har tillräckligt med initiala steg att utföra på dag ett av ett designjobb och behöver inte lägga till något annat! Detta är en giltig punkt, men om det görs rätt kan miniatyrskissering faktiskt förbättra din tidslinje i stället för att förstöra den.
Först och främst behöver du inte döda en hel dag på detta. Deltag bara en liten bit av tid till grundläggande idégenerering: tio minuter, tjugo, trettio, det är upp till dig. Vidare utövar denna övning en kraftfull sväng vid designers block / tvekan innan det ens händer. Du kommer att upptäcka att du kan byta ut en design mycket snabbare om du redan har satt din hjärna genom wringer och kan vara säker på att du fortsätter med din bästa idé.
Inte bara för layouter
Vanligtvis talar jag om miniatyrskisser när det gäller att skapa layoutidéer, men praktiken är fördelaktig i någon form av design. Till exempel är skapandet av logotyp en plats där du gör det utan att ens tänka på det.
Att sitta ner med en penna och skissera ut en miljon idéer verkar som ett mycket naturligt första steg i logotypgenerering, varför varför inte tillämpa samma teknik för nästan allt du designar?
Typsnitt behandlingar, webbsidor, broschyrer, visitkort, appgränssnitt, karaktärsdesign, alla dessa och mer kan dra nytta av några minuters dedikerad miniatyrskissning.
Tips för korrekt miniatyrskissning
Nu när du vet vilka miniatyrscheman är och hur du implementerar dem i ditt arbetsflöde, låt oss avsluta med en översyn av några grundläggande men hjälpsamma tips för att komma igång.
Dessa är lågtrohet, så coola det på detaljerna Picasso
Några av er där ute är skissartister. Du är aldrig lyckligare än när du har en penna i dina händer. Andra är verkligen galen med en penna och kan inte producera en anständig skiss för att rädda ditt liv.
För första gången någonsin kan den senare av dessa två grupper faktiskt ha en lättare tid! Om du inte kan rita, bra, är du perfekt för att skapa miniatyrscheman. Talangfulla artister tenderar att ha problem med tanken på att gå fort och inte riktigt krossa koncept ut. Det är ofta så att konstnärer spenderar mer tid att generera färre miniatyrbilder helt enkelt för att de inte kan hjälpa men att se till att varje rad är rak, varje cirkel är perfekt etc.
Kom bara ihåg nyckeln vid detta steg är kvantitet över kvalitet. Jag har inget emot snygga miniatyrbilder, jag älskar faktiskt att bläddra igenom idéer från toppklassiga artister, bara se till att du kommer ihåg att ditt mål är att få alla dessa idéer ur huvudet och på papper. Om du till exempel kan rita en ruta och senare komma ihåg att den representerar din rubrik, hoppar du över det mödosamma bokstäverna.
Fortsätt framåt
En annan sak att komma ihåg är att undvika att spendera mycket tid på att anpassa en idé för att få det rätt. Om du börjar skissera en av dina idéer och inse att du hatar det, motstå uppmaningen att radera den och börja om. Helt enkelt tränga igenom det och gå vidare till din nästa idé. Kanske om några timmar ser du tillbaka på den skissen och ser en bra idé där inne.
Ju fler desto bättre
När du skapar miniatyrbilder, sluta inte vid fem eller sex. Du är en kreativ professionell, du borde ha mycket fler idéer som rullar upp på övervåningen än så. Jag kände en designprofessor som skulle göra hans elever generera tjugofem eller fler unika miniatyrbilder för varje enskilt projekt. Detta är ett mycket bättre antal att sträva efter!
Dra inte samma sak 50 gånger
När du möter uppgiften att producera så många miniatyrbilder, kommer din första instinkt att vara att starta flera små variationer av samma idé. Detta är ofta en värdelös övning jämfört med värdet av att fokusera på helt unika koncept. Prova ditt bästa och tryck på din hjärna för att skapa koncept som är lika olika från varandra som du kan hantera. Kom ihåg att detta är brainstormingstadiet så det finns inga dåliga idéer. Gå galen, tänk utanför boxen; var konstig!
Håll dem när du är klar
Om du kan, är det bra att spara dina miniatyrbilder för framtida referens. När du går längre in i projektet kanske du vill se tillbaka på dem. Du kan förlora ditt fokus och behöver påminnas om var den här idén startade eller din klient kanske hatar dina initiala koncept så mycket att du skickas helt bokstavligt tillbaka till ritbordet (jag har varit där många gånger).
En sak som jag gillar att göra är att ta en pekskärm och skapa miniatyrscheman på min iPad med en app som Adobe Ideas eller iDraw. Att ha mina första idéer i digital form är oerhört användbart för långtids lagring och återhämtning. Plus, från iPad är det en kort hop att importera dem till Illustrator eller Photoshop.
Slutsats
Att lägga dina initiala idéer i miniatyrbilder kan känna sig som en irritation först, men när du kommer hänga på det kommer du att upptäcka att det är en riktigt trevlig övning. För mig är en av de bästa delarna av ett projekt det första steget där mitt sinne skjuter på alla cylindrar och jag brister med möjligheter.
I all ärlighet kan miniatyrbilder inte vara för alla. Om du verkligen inte får något ur det, slösa inte bort din tid. Jag rekommenderar emellertid att det är en solid gå för flera projekt. Sätt ditt bästa in i det och se om du inte går bort med ett högre antal riktigt bra idéer.
Om du använder den här metoden, lämna en länk till några av dina senaste miniatyrscheman nedan så vi kan kolla in dem!
Fotokrediter: Dan Lurie, Tobias Soft (1) (2), nunile, Jeremy Keith, Shawn Campbell och CannedTuna.