Hur begränsningar förbättrar designen
Vi klagar ofta över de många begränsningar som vi står inför varje dag som designers.
Från webbläsare, skärmupplösningar, användarinteraktioner verkar vi ständigt kämpa för att hitta något sätt att tänka utanför den lilla lådan "bästa praxis" som vi är begränsade av.
Begränsningar är rikliga men är de verkligen så dåliga? Är det möjligt att de faktiskt producerar mycket bättre resultat än om vi inte hade dem?
Ikea till exempel , börjar med pris och jobba sedan bakåt. Deras största oro är priset på produkten till slutanvändaren. Det är upp till designern att skapa något tilltalande som passar inuti det.
37Signaler skrev en hel bok om hur de fungerar med lika stora restriktioner när man bygger webapps; de sätter ett datum för att starta och sedan håller de fast vid det, oavsett vad.
Ibland är frihet inte en bra sak
Utan begränsningar kan saker bli galen. Det finns inget bättre sätt att beskriva detta än genom att titta på en plattform med generationer av obegränsade mönster som har varit ... ja .. hemskt. Vi talar naturligtvis om vår gamla vän, Adobe Flash.
Nu säger jag inte att alla Flash-webbplatser är dåliga, eller att alla som gör dem är dåliga designers. Inget som det. Faktum kvarstår emellertid att som en plattform har Flash väldigt få designbegränsningar som har lett till några mycket tvivelaktiga Flash-webbplatser i åratal.
De platser jag pratar om är de som går i fullskärm så snart de laddas, ha lite galen navigering som innebär att dra en morot över till en kaninkanin och väntar sedan på en stor animation för att slutföra innan nästa sida laddar och du presenteras med lika förvirrande navigeringsalternativ.
Designers av dessa typer av gränssnitt tror ofta att de är "roliga" - men användbarhetsstudier visar ofta att de inte är något annat än en visuell explosion av terminalbilolyckor. Att kunna göra så mycket med Flash med relativt liten ansträngning är farlig. Det tar bort mentaliteten av "Vad ska jag göra?" Och i stället främjar mentaliteten av "Vad kan jag göra?"
En animering, grafik, ljudeffekt eller interaktion utan syfte är inte design, det är dekoration. Om inte vad du lägger till i designen på något sätt bidrar till det meddelande du försöker förmedla till användaren är det inte värt någonting.
Den viktigaste delen av varje design är meddelandet: Bra design skickar samma meddelande till alla. Det borde ge inget utrymme för tolkning.
Begränsande färg
Att gräva ner i detaljer kan vi titta på några viktiga områden där begränsningar kan förbättra designen väsentligt. Det första av dessa områden är färg. Citerad av Bill från GoMediaZine as Den andra regeln att bli en mästare designer , vilket begränsar din färgpalett är oerhört viktigt.
Ett av de enklaste sätten att fånga en amatördesigner är när de använder varje färg under solen i ett enda stycke. Så hur långt går det här? Tja, som Bill lägger det "Att minska antalet färger vi använder i vår design gör att stycket känns konsistent. I grund och botten kommer allt att se ut som det går ihop. Precis som ett idrottslagens uniform eller ett företags varumärke - vi vill ha en enhetlig överblick över färgerna. "
Tänk på några av de bästa designersna i vår bransch. De flesta, om inte alla, brukar använda en liten men livlig palett för alla sina mönster. Detta är bara ett av sätten att skala tillbaka antalet variabler i en design kan göra det mer sammanhängande, kortfattat och till och med unikt.
Begränsande typografi
Typografi fungerar på samma sätt som färg, om inte i mer extrema skala. Bara några undantag, överanvändning av många teckensnitt i en enda design kan bli förvirrande och till och med svår att läsa. Det mänskliga ögat tycker om att lösa sig i erkännandemönster, att införa helt nya typer av slag (pun avsedd) kan väsentligt hindra detta och avbryta flödesläsningen.
Vanligtvis fungerar en bra typsnitt bra för stora rubriker och lägger till utseendet på designen som helhet, medan kroppstext fungerar bäst med en ganska standard typsnitt som lätt kan läsas i små storlekar.
Du har förmodligen inte sett några mönster med Zapfino för all sin kroppstext någon gång nyligen av just denna anledning. Att begränsa vår användning av typografi bidrar återigen till en bättre och en starkare övergripande design.
Begränsningsstorlek
När det gäller webbdesign är vi för närvarande på en mycket intressant punkt i historien. Var går skärmstorlekarna? Vissa webbplatser, särskilt välkända bloggar, börjar flytta till 1200px bredformatlayouterna. Det finns även anpassningar av 960.gs CSS ramar som 1200.ws vilka stöder detta drag, men är det rätt?
Generellt sett har webbplatser nu fått samma bredd som en tryckt tidning i skärmupplösning. Det är en viktig fråga att fråga här innan du överväger att göra din webbplats mycket bredare och det är: Varför är tryckta tidskrifter inte bredare? Det uppenbara svaret är att de skulle vara irriterande att hålla och lite för stora för att bära runt bekvämt, men det är också en annan viktig faktor.
Det mänskliga ögat kan bara bekvämt läsa ett visst avstånd från en sida till en annan. Det kommer en punkt där du måste börja vända huvudet från sida till sida för att kunna titta på olika segment av en sida individuellt. När var sista gången du tog in en broadsheet tidning i sin helhet? Chansen är att du aldrig gör det. Du vikar det eller läser det ett segment åt gången, vänd huvudet i tur och ordning för att se varje område av papperet.
Så var betyder det här skärmarna? Vissa tror att de kommer att fortsätta bli större, men enheter som iPhone och iPad skulle föreslå att de inte kommer att bli större, de kommer bara att bli bättre. Det är fantastiskt att kunna passa fler saker till en större, bredare design men glöm inte att överväga följderna. Ibland kan även storlekarna vara bra.
Titta på Minimalism
Minimalism beskrivs huvudsakligen som att använda mycket lite av allt, men om du tänker på det mer analytiskt; minimalism är helt enkelt processen att tillämpa ett extra lager av begränsningar till mönster. Där du normalt skulle begränsa dig till två eller tre färger för en design, med minimalism kan du ta det ett steg längre och begränsa dig till bara svartvitt. Detsamma kan gälla typografi, utrymme, kontrast, innehåll och nästan alla andra kärnelement i designen.
Apples produkter är ett bra exempel på detta. De begränsar sig till ungefär sex portar på sidorna av sina bärbara datorer där andra bärbara datorer lätt kan ha dubbelt så mycket.
IPod och iPhone har alltid varit anmärkningsvärda inte på grund av hur mycket de har, men hur lite. I en generation av mp3-spelare med 20 knappar introducerade Apple något med fyra knappar och ett hjul som blev den mest framgångsrika bärbara musikanordningen hela tiden.
Minimalism betyder inte bara att använda mindre av allt men det betyder att du använder några saker verkligen, riktigt bra. Elliot Jay Lager till exempel , använder inte många överdrivna gradienter, gränser, lådor, barer eller någon av de andra "standard" layoutkonventionerna som vi ser gipsade över CSS-gallerier.
Huvudfokus för utformningen av denna webbplats är på avstånd och positionering. Genom att klippa ut många av de andra variablerna använder han positionering till det absoluta maximala för att förmedla nivåer av hierarki och vikt. Enkel, men extremt effektiv.
Riktigt bra designers kan alltid sticka ut från publiken eftersom de använder dessa principer och teorier som utgångspunkt och bygger sedan på toppen av dem. En grundläggande förståelse för alla de olika principerna med stor design är det bästa sättet att kunna väva dem tillsammans till något vackert.
Slutsats
Begränsningar kan vara bra, nej, en bra sak för design. Att använda dem till din fördel är en stor utmaning och de mer begränsningar som du ålägger dig bortom de som redan existerar, ju mer en utmaning det blir.
Om du lyckas arbeta inom täta begränsningar kan du skapa något som är riktigt bra och också riktigt unikt.
När du börjar på ditt nästa designarbete, försök att sätta några av dessa principer i praktiken. Finns det några områden som du kan begränsa mycket mer än vad du brukar? Försök att arbeta inom strängare begränsningar för att verkligen driva din kreativitet till nästa nivå. Du kanske bara blir förvånad över vad du än producerar.
Vad tror du? Har du använt begränsningar inom ditt arbete för att skapa bättre mönster? Har du funnit att begränsningar är faktiskt en dålig sak? Låt oss veta dina historier i kommentarerna nedan ...