Ett av de största problemen som designers kämpar med är hur man förbättrar en design som inte slog rätt märket. Ibland är vi på vårt spel och kan ta en vacker design på några minuter, andra gånger kämpar vi för att slutföra något som borde vara enkelt.
Dagens inlägg är en checklista som du kan bokmärke och referera till för de tillfällen när du behöver ett nytt perspektiv. Bläddra igenom listan för inspiration om hur du förbättrar en design som saknas i ett område som du inte kan identifiera.
1. Lägg till kontrast
Ett av de starkaste sätten att göra någon design mer intressant är att presentera lite kontrast. Våra ögon är drabbade av områden med extrem skillnad och korrekt hantering av denna kunskap kan leda till fantastiska mönster.
Vi har diskuterat det här innan på Design Shack men här är en snabb uppdatering. Kontrast appliceras vanligen med hjälp av någon eller alla tre olika metoder. Den första är färg. Färgkontrast är lätt att förstå, men inte alltid lätt att utföra. Använd dig färghjälteori här för att se till att du lägger till kontrast, inte konflikt.
Några av de högsta kontrastkombinationerna är möjliga i bilden ovan: svart, vit och gul. Både vit och gul kontrast vackert med svart och används ganska ofta tillsammans för selektiv betoning.
De andra två sätten att lägga till kontrast är relaterade: storlek och djärvhet. När alltför många föremål på sidan är lika stora kan det leda till ett dåligt fall av visuell redundans. Detta gäller särskilt typografi. Se till att dina rubriker (eller andra områden som du vill sticka ut) är betydligt större och / eller djupare än resten av föremålen på sidan.
Praktisk applikation
Gå igenom din design och leta efter områden som syns visuellt. Är dessa de områden du vill ha mest uppmärksamhet? Om inte, använd selektiv kontrast för att öka på sidan och lägg till intresse för de element som förtjänar det.
2. Gör någonting oväntat
Du vet instinktivt hur man verkligen får någons uppmärksamhet: du överraskar dem. Detta kan tillämpas på webbdesign på både bra och onda sätt. Har en hög musikspelare överraskning är dina besökare onda. Att göra någonting grafiskt trevligt men otraditionellt är bra.
Tänk exempel på bilden ovan. Den grafiska designstudentens namn sänker sig i marken. Jag är inte helt säker på varför formgivaren gjorde det, men det gör mig verkligen tillbringa några extra sekunder på sidan. Designern har inte gått ut för att smyga på dig eller leverera en stark punchline, han / hon vrider helt enkelt vad du förväntar dig att se här.
Lite beröringar som detta gör att du kan personifiera en webbplats med ditt eget märke av kreativitet. Dessa berör gör en lång väg mot att lägga till den färdiga känslan att din design för närvarande saknas.
Praktisk applikation
Försök att identifiera de mest tråkiga, köra av kvarnen aspekter av din design. Vilka förändringar kan du göra till dessa områden som inte är typiska för vad någon skulle förvänta sig? Kom ihåg att det handlar inte om att lägga till förvirring utan snarare införa intresse!
3. Förenkla, förenkla, förenkla
Om jag bara kunde säga ett ord till designers som konsekvent producerar lackluster mönster, skulle det vara? Förenkla ?. Alltför ofta tror vi att lösningen på bra design lägger till mer. Fler ikoner, mer text, fler bilder. Ibland kan dessa saker verkligen hjälpa, men oftare försöker designers helt enkelt för hårt.
När du tänker på en layout så fyller du så mycket in i det att det förlorar sin effektivitet. Som tittare finns det bara så mycket att jag kan och / eller villig att bearbeta. Ju mindre innehåll du klämmer in i en enda sida, desto mindre arbete tycker jag att jag måste göra för att se den.
Sidan som visas ovan är ett perfekt exempel. Den här sidan är vacker och effektiv. Huvudmålet är att kommunicera att Paul är en grafisk formgivare med tonvikt i typografi, designen kommunicerar definitivt detta högt och tydligt!
Kontrast nu med webbplatsen nedan. Dessa killar är förmodligen inte dåliga designers, men den sida som de har skapat för deras designbranschen är super upptagen. Resultatet är en rörig look utan tydlig tonvikt. Kom ihåg, när allt på sidan skriker ut för uppmärksamhet får ingenting det.
Praktisk applikation
Ta en bra hård titt på din design och identifiera de väsentliga delarna. Du kan bli frestad att istället leta efter de icke-väsentliga elementen men det kommer att leda till en mycket mindre dramatisk förändring. Hitta de saker som absolut måste vara närvarande för att sidan ska ha någon mening och användbarhet. Nu ta bort allt annat. Kasta ut det hela och flytta det till andra sidor eller döda det helt.
Nu ger din sida en ny, enklare layout och se om resultatet inte ser bättre ut än när du började. Om du har gått överbord kan du alltid börja återinföra några av de raderade elementen långsamt samtidigt som du behåller den starka nya designen som du har skapat. Var försiktig men det är en höjd och du kanske bara hamnar där du började!
4. Lägg till Repetition
Repetition är ett riktigt knepigt koncept som få designers förstår ordentligt. Det börjar helt enkelt: Använd samma få teckensnitt och färger i hela din design för ett konsistent utseende. Bra genomförande av upprepning går dock långt bortom detta.
Det bästa sättet att lära sig är att identifiera repetition i andras mönster. Tänk på exemplet ovan, kan du upptäcka repetitionen? Kolla in Facebook-ikonen i nedre vänstra hörnet. Måste detta spegla formen på det flytande öelementet? Visst inte, en vanlig Facebook-ikon skulle ha fungerat bra. Men denna designer gick den extra milen genom att sätta in en subtil nod tillbaka till huvudbilden.
Observera att designern inte gick överbord med denna idé.Det finns inte tjugo små flytande önikoner spridda över hela sidan, bara en.
Praktisk applikation
Ta en titt på din design och försök att identifiera något unikt och intressant. Det kan vara allt från form till färg. Tänk nu på hur du kan repetera detta element på ett smart sätt.
Ta en djärv färg som röd och sätt in den bara på några ställen som du vill uppmärksamma. Ta föremålet till ett fotografi, klipp ut det och placera det på annat håll på sidan. Skriv ett ord på din rubrik i ett skript och upprepa sedan det här tricket på en eller två andra ställen. Dessa är bara några idéer för att få din hjärna att börja i rätt riktning, upprepning kan vara allt du vill att den ska vara!
5. Uppdela ditt innehåll med linjer
Detta är ett konstigt litet knep som kan gå långt. Ibland är din design fylld med obekväm whitespace. Andra gånger har du inte tillräckligt med utrymme och behöver ett sätt att hålla sakerna nära inramade medan de återstår visuellt distinkta.
Dessa och en miljon andra problem kan lösas med de enklaste designelementen: en linje. Låter för bra för att vara sant rätt? Tja kolla in sidorna både ovanför och under denna paragraf och hur de använder linjer för att både organisera och lägga intresse för innehållet.
Som med många av dessa tips är det här enkelt att ta för långt. Använd linjer med avsikt och reserv. Se till att de faktiskt förbättrar din design snarare än att helt enkelt lägga till röran.
Praktisk applikation
Om du vill lära dig allt om hur du framgångsrikt implementerar linjer i din design, kolla in vår artikel tillägnad ämnet! Du hittar alla slags idéer och exempel för att spicing upp dina mönster med några enkla slag.
6. Gör det dynamiskt
Kom ihåg att webbdesign inte handlar om hur allt ser ut! Det handlar om interaktion med användaren. En vanlig statisk sida kan ofta vara tråkig, även om den är ganska attraktiv på ytan.
Lyckligtvis är detta ett av de enklaste problemen att lösa på webben. Lägg till i en bildreglage, ett bildspel, några unika svävareffekter eller kanske till och med en subtil animering.
Sidan som visas ovan har en fantastisk liten svängningseffekt på banden. När du håller muspekaren ökar midsektionen medan sidorna sticker ut ytterligare, vilket ger en riktigt fin 3D-effekt. Också vara säker på att besöka webbplatsen nedan och hålla ett öga på den färgstarka logotypen. Det har en animering som är så subtil att du kan se sidan ett dussin gånger och aldrig märka, men när du kan du inte sluta titta!
Praktisk applikation
Verkar din webbplats död? Webben är alltför rik på ett medium för att inte dra nytta av fantastiska verktyg som dynamisk CSS, jQuery och MooTools för att lägga till lite liv på en tråkig sida. Du behöver inte bli galen, var noga med att utnyttja dina tillgängliga resurser på ett sätt som användare tycker om att vara engagerande.
7. Lägg till lite tecken
När du först ser webbplatsen ovan kanske du undrar vad på jorden som ägde någon att hålla en mustasch på ett stapeldiagram! Det är lite löjligt, är det inte?
Men jag tycker det är en fantastisk bit av design som får mig att le varje gång jag ser den. Varför? Eftersom stapeldiagram suger. Data är tråkigt och livlöst och presenterar det på ett intressant sätt är alltid en utmaning. Denna designer var uppgift att göra en webbplats hastighetskontroll känner vänlig, vilket bättre sätt finns det för att uppnå detta än att antropomorphisera en stapeldiagram !?
Att lägga till ett mänskligt element är ett bra sätt att få någon webbplats att känna sig mer välkomnande. Om du är en mästare illustratör, bra, piska upp en maskot eller en vänlig karaktär. Men även om du inte kan rita kan du enkelt genomföra detta trick. Mustaschen ovan är ingen fantastisk illustration, men det blir jobbet gjort!
Praktisk applikation
Fråga dig själv vilka aspekter av ditt design som verkar särskilt tråkigt eller tekniskt. Kommer icke-tekniker identifiera med dessa områden på ett meningsfullt sätt? Försök introducera en del mänsklighet i bilden och se om det hjälper. Använd leenden, ansikten etc. för att minska intimideringsnivån.
Ta det till livet med textur
Det är ofta en bra idé att starta dina mönster på ett mycket grundläggande sätt. Bli inte alltför upptagen på detaljer i de första stadierna, istället fokusera på vad ditt innehåll kommer att vara och hur man organiserar det på ett användbart sätt.
Se också till att du har naglat ner ditt färgschema. Använd fasta färger i dina comps tills allt ser ganska bra ut utan extra överflödiga gradienter eller texturer. Då, om du tror att något fortfarande saknas, försök med att introducera några intressanta texturer för att lägga till ett litet liv i din design.
Tänk på att texturen inte behöver förvandlas till en enkel bakgrund, kolla på hur webbplatsen nedan använder en lagrad textur effekt i rubriken för att skapa något som är riktigt attraktivt.
Praktisk applikation
Denna tips fungerar på två sätt. Först, om du inte har använt någon textur, tänk på hur du kan införliva det samtidigt som du behåller integriteten hos de färger och layout som du för närvarande har. Använd textur för att förstärka en redan stark design, inte som ett bandhjälp till dålig design.
För det andra, om du redan har använt betydande mängder textur, försök ta bort allt och få en känsla för webbplatsen med bara soliga färger. Sätt sedan gradvis in texturen samtidigt som den är extremt selektiv om var den appliceras.
9. Ta en paus
Ibland sätter du bara fast i en mental ruta. Oavsett hur mycket du försöker klättra ut ur det, behåller du bara återvinning samma idéer och gör samma misstag.
Om ovanstående förslag inte hjälper, kan du försöka gå bort från projektet ett tag. Ta en paus, gå en promenad eller till och med jobba på ett annat projekt för ett tag, ju längre desto bättre.Om du har tid att spendera en hel dag med fokus på någonting annat, kommer tillbaka efter den långa pausen att ge dig ett nytt perspektiv som ofta är precis vad du behöver för att gå tillbaka och identifiera problemområdena.
Tyvärr har de flesta projekt vi jobbar inte tillräckligt med ledtid för att slösa bort en dag som hoppar genom livets liljor utan att ådra sig en arg klients vrede eller rädsla för en hård deadline. Under dessa omständigheter är korta raster allt du kommer att få.
Det finns faktiskt ett helt produktivitetssystem som ägnas åt korta pauser som gör sig perfekt för kreativa yrken som design. Pomodoro-metoden använder perioder av oavbrutet arbete följt av korta pauser. Eftersom kreativitet tenderar att komma i brister, kan det vara en perfekt lösning för din bristfälliga design om du försöker detta för en dag.
Praktisk applikation
Om du vill lära dig hur du tillämpar dessa principer effektivt i ditt eget arbetsflöde, kolla in vår artikel, Hur sänker du crap och är faktiskt produktiv som en kreativ person. Det är en enkel och ärlig diskussion om varför designers kämpar så mycket med balansen mellan kreativitet och produktivitet, varför todo listor inte fungerar och hur du lyckas komma över allt och få något gjort!
10. Starta över
Efter att ha spenderat timmar med en idé, vill ingen höra att de behöver gå tillbaka till ritbordet. Som designare tenderar vi att skapa känslomässiga samband med våra skapelser. Det är en helt naturlig reaktion, men du bör vara medveten om att denna tendens verkligen kan komma i vägen för att fortsätta och förbättra på våra första tankar.
Den dåliga nyheten är att ibland kan en design helt enkelt inte sparas. Designers brukar ofta spendera tre timmar att anpassa en dålig design när det skulle ha tagit dem nittio minuter för att börja om från början och komma upp med något bättre.
En del av modningen i din skicklighet som designer är helt enkelt att veta när du är fel och att trycka framåt i en ny riktning. Visst såg det bra ut i ditt huvud men när det kom ut i Photoshop såg det ut som skit. Gnid inte och hoppa, slå Command + N och börja fräscha. Titta runt vårt designgalleri för mer inspiration som den som ses i det här inlägget och börja om med något så helt annat som möjligt.
Praktisk applikation
Den svåraste delen om detta råd är att veta när du är till den punkten där du måste börja om. Å andra sidan är den mest lugnande delen att din $ 1200 iMac kan innehålla mer än en PSD på hårddisken. Börja över betyder inte att kasta bort din ursprungliga idé, det innebär att spara det och lämna in det så att du har möjlighet att komma tillbaka till det senare.
Ibland går du igenom ytterligare tre iterationer för att inse att din första idé verkligen var bäst. Andra gånger går du vidare i en annan riktning och snubblar över den gamla filen månader senare och omedelbart ser hur dessa idéer kunde införlivas framgångsrikt i ditt nuvarande projekt.
Du kanske märker att detta råd är lite tvåfasat. Först, fäst inte på dina mönster så mycket att du inte är villig att skrapa allt och börja om från början. Men var inte så ouppkopplad i ditt arbete att du kasta bort några riktigt lovande begrepp. Var en digital packrott och släng aldrig bort en design som ännu inte har nått sin fulla potential. Skapa en mapp med oavslutade filer och bläddra igenom det varje några månader för inspiration.
Slutsats
Poängen med detta inlägg är att få dig att inse att trots att kreativt arbete är en oförutsägbar och abstrakt process kan du faktiskt tillämpa logiska steg mot att nå en lösning om du stöter på problem.
De tio tipsen ovan borde få din hjärna tillbaka i växeln när du slår den kreativa väggen och helt enkelt inte vet hur man kan förbättra en design som behöver en extra liten ökning. Vissa är svåra och snabba knep som bara fungerar en bråkdel av tiden, andra är steg som du bör ta på varje design du producerar. Experiment och ta reda på vilka av dessa tips tenderar att fungera bäst för dig. Detta är ett utmärkt sätt att identifiera potentiella svagheter som du behöver förbättra.
Lämna en kommentar nedan och låt oss veta hur du går till felsökning av en lackluster design. Har du några knep på din ärm för att gå den extra milen för att förfina ditt arbete eller är du mer benägen att bara skrapa allt och börja om? Låt oss veta!