Share
Vi spenderar en bra del av vår tid framför en bildskärm, troligtvis har vi mer än en dator, utan att nämna iPhone, grafikkort och alla andra ultramoderna djävuler som invaderar våra skrivbord. Vi är alla en del av generationen som behöver en mus för att bläddra igenom ett album med familjen bilder (farväl till kära familjen album med sidorna lämnad till gul) och Facebook för att skicka födelsedags önskningar till en vän. 20 exempel på stora "skissar" inspirerade webbplatser ingår!
Men i mitten av den här digitala eran är de bästa allierade hos en webbdesigner vanliga verktyg som kan köpas med förändringen under dina soffkuddar. Jag talar om att göra penna, penna och papper en del av den kreativa processen som andra "icke-digitala" designers har använt i åldrarna: skiss.
Med den här artikeln behandlar vi ett argument som säkert många av er kommer att ha: Vi får se hur skissen kan hjälpa oss att ordna idéerna, utforma en effektiv layout och varför inte ge en ny och original touch till vår design.
Föreställ dig detta scenario: Vi har just avslutat en ansträngande briefing med vår klient och nu är det dags att omorganisera idéerna. Vi känner till våra kunders preferenser och behov; På grundval av detta bör vi kunna ställa in den layout vi måste designa. Problemet är den mängd information vi måste överväga! Vi definierade att på hemsidan måste vi lägga en skjutreglage och en synlig uppmaning som inbjuder till en kontakt, sidorna på webbplatsen blir sju och vi måste också inkludera de senaste nyheterna på hemsidan och så vidare.
Vid denna tidpunkt försäkrar jag dig om att öppna Photoshop med förspänningen att skapa en effektiv layout är värdelös; utan en plan för vad du måste rita i detalj, kommer du att blockeras och tvingas att väsentligen utforma utan tillräckligt framsynt för att fatta intelligenta beslut. Detta innebär ofta mer arbete senare, och det som kunde ha gjorts rätt första gången med bara lite arbetsskissning.
Sketching erbjuder något unikt för webbdesigners? Det hjälper oss att organisera stora mängder information till hanterbara bitar som vi kan designa runt.
I stället, om du har förmögen att kunna metabolisera koncept och idéer i en design, kommer du sannolikt att glömma något viktigt, med resultatet att du måste lägga händerna på layouten igen för andra gången. Och du vet säkert också att det finns layouter som även med en liten förändring blir helt förändrade och förlorar sin kommunikativa och estetiska effektivitet? ett riktigt frustrerande resultat.
Några råd om hur man går utan att förlora huvudet? Få penna och papper?
Den här första fasen av skissering avser utarbetandet av informationen på ett schematiskt och enkelt sätt. Du tänker nog att all denna rigor och disciplin har inget att göra med kreativitet och fantasi och du vill ha en förändring av landskapet? Okej, låt oss gå vidare till nästa steg.
Vi sa att skissen är en kreativ process, men vill det innebära detta i praktiken?
Vi kan överväga att skissera som ett mellans land? mellan informationen i vårt och layouten kommer vi att sluta planera. På detta territorium, fientligt och magiskt, hittar vi färger, teckensnitt, lådor, idéer, inspiration, texturer, bilder, känslor, tvivel? och mycket mera. Useless säger att i mitten av allt detta är det lätt att vara förvirrad och att hitta den rätta idén, den idé som fungerar och det gör oss stolta över att vara designer.
Jag tycker att det inte finns något mer irriterande än att hitta sig framför ett tomt ark, väntar på inspiration som ska komma ifrån vem vet var och sluta med att skapa fula layouter (då om du verkligen är lycklig som jag, Jag är förlovad med en kollega som tar det mesta av situationen för att berätta att ditt arbete suger utan att störa sötnoset så att det inte skadar din känslighet som kreativitet).
En av mina egna skissböcker? Vi kommer att se om det senare. Personligen passerade jag några tuffa tider med några klienter: Inspiration ville inte komma och mina grafiska förslag gjorde mig skäms över mig själv. Jag passerade timmar på att titta på gallerysidor, känner mig ännu mer deprimerad eftersom det verkade som att alla kunde skapa vackra layouter, var den enda personen som inte kunde sätta två rektanglar tillsammans på ett bra sätt. I mitt fall gjorde trycket lätt med hjälp av en penna.
Ge sparkstart till sin kreativa process på papper befriar i själva verket din fantasi, så att du kan arbeta på ett mer spontant och stimulerande sätt.
Speciellt om projektet du jobbar med är enormt och rikt på tekniska detaljer, med tanke på allt detta, kan den första fasen säkert kastrera sig för det kreativa flödet, för att inte tala om den försvagande rädslan? Att misslyckas? som påverkar många designers: fångas i begäret att göra snabba och bra, vi förblir ofta förlamade framför bildskärmen oförmögna att omorganisera idéerna och kanalisera dem i rätt riktning.
Därför, innan du börjar jobba med vilken typ av grafiskt program, får du penna och papper och? skiss! Scribble, notera ett par idéer, börja spåra en sorts abstrakt design för att bli bekant och efter fri din intuition. Du ska sedan analysera idéerna, låt dig gå och undvika logik och rationalitet, de hjälper dig inte i den här fasen.
Skissera layouten, lägg ner ett par noteringar, radera allt, börja om igen: Under denna process arbetar ditt sinne snabbt och frenetiskt, så notera allt innan denna intuitiva fas dämpas! Du kommer upptäcka att ge fullständig frihet för dina idéer är trevlig och avkopplande, förutom användbar.
Den första tanken kommer sällan att vara den rätta, vara beredd att acceptera den. Skissning hjälper dig att blockera dig själv och ta itu med olika grafiska möjligheter som kan vara rätt för dig omedelbart och lätt, men det betyder inte att du inte kommer att begå misstag i den här fasen. Det positiva är att även om du gör misstag i denna fas kan du alltid riva arket, skärpa penna och börja om igen på ett nytt ark. Kasta bort en layout skapad med Photoshop, bara för att du insåg att det inte är den bästa lösningen för ditt fall är utan tvivel demotiverande.
På så sätt rekommenderar jag dig att inte förvirra skissa med skapandet av WireFrame: vi pratar om två olika saker, även om jag ser att det finns viss förvirring kring argumentet. För några dagar sedan berättade en webbdesigner mig och citerade hans exakta ord? Ah, du använder penna och papper? Jag gör allt på nätet? , nämner en webbplats som tillåter att skapa mockups med en matematisk precision, med fullständig kontroll över färger och typografi.
Tja, det här är inte sketching, det här är helt annat. Att klicka med musen på några knappar för att få fram några rektanglar gör det inte möjligt för dig att formulera dina idéer och frigöra ditt kreativa flöde, försök att tro. Med detta uttalande tvivlar jag inte på användningen av en bra wireframe, jag vill bara understryka skillnaderna mellan dessa två tillvägagångssätt.
Sätt bort ditt begär för precision, linjal och kompass! I denna fas finns inget utrymme för order och rigor, så begränsa inte kreativ flöde, blockera dig själv på marginaler och vita utrymmen, du kan tänka på dem senare. På samma sätt, oroa dig inte om du inte är särskilt artificiellt begåvad och dina manliga förmågor gör det knappt möjligt för dig att hålla en penna: skissning används för att omorganisera idéerna inte för att bilda begåvade artister.
I det avseendet måste vi tillägga att även om skisser föddes som ett fritt medelvärde av fantasi och kreativitet, förutom dina grafiska förmågor, betyder det inte att skissen inte på ett visst sätt har ett konstnärligt värde. Låt oss se ihop vad jag pratar om.
Tendensen hos många webbdesigners att skissa har gett sparkstart till en riktig grafisk stil som på något sätt påminner om de estetiska aspekterna av skissen. Vi har borstar som mimar sin spontanitet och ljushet, för att inte tala om hundratals typsnitt i handskriven stil lätt hittades på webben. Tack vare sådana resurser som skapar idag är en layout i skissstil ganska lätt, men förutom de här mönster som använder denna grafiska stil brukar man ha en originalitet som gör dem tilltalande och utav det vanliga.
Skissstilen, bara för att den är förknippad med en aktivitet som är gemensam för många annonsmaterial, används ofta på platser av frilansare eller av kommunikations- / designbyråer som vill sända detta koncept grafiskt. Hur som helst, även kombinationen av vissa skisselement till en mer traditionell grafik kan ge ett nytt perspektiv till annars vanliga mönster.
Låt oss se hur vissa webbplatser har använt denna stil på ett effektivt och originellt sätt och hur det har påverkat de estetiska egenskaperna och effektiviteten i deras layouter.
http://www.kunalchhajer.com/ Webbdesignern Kunal Chhajers webbplats återspeglar exakt begreppet skissstil. Grafiken är lätt och behaglig, den är berikad på ett originellt sätt av vissa mönster som gör layouten unik. Stilen återkallas också i användningen av en handskriven typ i navigeringsmenyn. Alla dessa detaljer ger designen den kreativitet som en designer vill uttrycka på sin personliga sida.
http://www.creativewithak.com/ I Creative med en K-plats finns det en massiv användning av skisser och klotter, bara för att tydligt visa "kreativ natur"? av webbplatsen. I det här fallet gör själva platsens speciella egenskaper så typiska att platsen är speciell och ovanlig, även om det är svårt att samråda.
http://www.lega-lega.com/ Webbplatsen Lega-Lega är en online-butik med skjortor med utskrifter lite vanligt och den syftar definitivt till en ung marknad. Tillägget av några skiss detaljer ger en kreativ och perky cut till webbplatsen.
http://beavory.com/ Beavory är webbplatsen / bloggen till Karen Mack, israelisk illustratör. Stilen på hennes webbplats är medvetet baserad på en stil som påminner om sin kreativa natur på ett uttalat och originellt sätt. Varje detalj, från strukturen av layouten baserad på oregelbundna linjer - som om de ritades med en filtpenna - till ikonerna i det sociala nätverket spårar helt en effektiv skissstil.
http://bowtieperiod.com/ Bowtie är en digital studio som bestämde sig för att representera sig på ett kreativt sätt på webben. Sidans animationer, tillsammans med söta, ovanliga ritningar, gör layouten attraktiv och starkt extravagant. De kallar sig kreativt? och för att bevisa det använder de element i skissstil.
http://www.makomako.cz/home/ Layouten för bandet MakoMako är helt skapad i skissstil, så att samma struktur på sidan är baserad på ett pappersark med oregelbundna linjer och på hemsidan som en del av designen hittar vi förutom de vanliga grafiska detaljerna på skisser och handskrivna teckensnitt, en penna. En nyfiken och ett mycket ovanligt utseende för ett band.
http://stanthesnowman.com/ Nu är det nästan sommaren försvinner mycket av sin charm, men den grafiska effektiviteten av sajten Stan snögubben är emellertid oavsett. I detta fall ger tillägget av stiliserade bilder och en kalligrafisk typsnitt en spontan stil till layouten, lekfull och informell. Och det spårar begreppet aktivitet, baserat på att skriva hälsningskort.
http://www.greenawaypro.co.uk/ Festivalen Greenaway Pro 2011-webbplatsen kombinerar på ett särskilt och attraktivt sätt skissformen och grunge-stilen, vilket ger sin layout en riktigt original avtryck. Även i detta fall valet av denna grafiska stil tenderar att uttrycka ett informellt, spontant och excentriskt utseende. Perfekt för en festival som handlar om musik och surfing, rätt?
http://www.julianlaval.com/ Julian är en annan frilans webbdesigner som vill lyfta fram sina grafiska färdigheter, utnyttja sketchens kommunikativa kraft på ett riktigt kreativt sätt. Självklart är det inte bara det som gör hans hemsida speciell, men även den nyfikna och medvetet ovanliga karaktären av hans ritningar. Liksom många andra platser i denna stil är färgerna begränsade till en gråskal, för att göra illustrationerna mer realistiska.
https://www.littlecreatures.com.au/ Webbplatsen Little Creatures är helt designad i skissstil och tack vare dess skilda egenskaper, så lite refinished, sidan är så attraktiv.
http://carnetordinaire.com/ Carnet Ordinaire är en webbplats som är som en dagbok med resedokument, anteckningar och personliga överväganden. Med tanke på den excentriska och intima naturen på webbplatsen är skissformen den mest lämpliga: Layouten baseras på bilden av en öppnad moleskine, förstärkt av skisser och stiliserade ritningar. Även bakgrunden görs mer original med några tecknade teckningar i opacitet och genom närvaron av en penna, lämnas tillfälligt nära moleskinen.
http://www.wingcheng.com/ Wing Cheng-portföljen är ett perfekt exempel på det färska perspektivet som skissstilen kan ge till en layout. Sidstrukturen är baserad på en ajar moleskine, från vilken sidorna faller ner. Effekten görs mer dramatisk tack vare skuggor som ramar designen och användningen av kalligrafiska teckensnitt för alla innehåll i layouten, från projektets titlar till deras beskrivning. Men den verkliga särdrag hos denna webbplats betraktar projektets exponering, även skisserad i penna på ett riktigt kreativt sätt.
http://www.kutztown.edu/acad/commdes/faculty/ Kutztown-universitetet för kommunikation och design kunde inte hitta ett bättre sätt att adressera effektivt till reklam eller aspirerade. Layouten är verkligen ovanlig för en akademisk verklighet: bakgrunden i vattenfärgsstil, sidan baserad på en sida av en bok, illustrationerna i vattenfärger, de särskilda typsnitten i navigeringsmenyn? alla originella och säkert uttryckliga detaljer.
http://www.dannwhittakercreative.com/ Dann Whittaker på hans webbplats visar en grafisk stil som är gemensam för många webbdesigners. Ett vardagligt och spontant utseende, baserat på en sidbokslayout och en konsekvent användning av detaljer i skissstil. I komplexet är layouten mycket effektiv och trevlig estetiskt.
http://www.chernobylheart.org.uk/ När det gäller Tjernobyl Heart-webbplatsen används skissformen för att lyfta fram barndomsbegreppet grafiskt: här talar vi om barn och vi ser det genom några små stiliserade skisser som kopierar deras ritningsriktning. Effektiv och trevlig.
http://demainjarrete.stpo.fr Skissstilen är perfekt att presentera på webbserier och illustrationer, så att layouten representerar visuellt och kreativt naturen på webbplatsen. I Demain J'arrete-fallet har hela webbplatsen ett? Kol? grafisk stil, från bakgrundsgradienten till de oregelbundna raderna som innehåller layouten och navigeringsmenyn.
http://www.natureshop.co.nz/ Att lägga till ett par skiss detaljer på ett tydligt avslappet sätt kan ge den speciella kreativa touchen till en minimal och viktig plats. Resultatet, som till exempel syns på webbplatsen Nature Shop, är mycket trevligt.
http://www.readytomarket.net/ Layouten för Ready to Market är ett exempel på hur man blandar en modern stil med några stiliserade och komiska detaljer kan ge ett nytt och stimulerande resultat.
http://www.coucoushop.ch/ Cou Cou Shop är mycket trevligt och trevligt att se. En av de viktigaste delarna av layouten är utan tvivel sidfoten, som visar ett stiliserat landskap i Schweiz. Även skissen på väskan från olika vinklar är en mycket original detalj.
http://upsidedowntown.me/ Färgrikt, ovanligt och nyckfullt: platsen för Learning Center Upside Down Town investerar mycket på originalets stil. Varje element i layouten, särskilt i rubriken, pekar på den visuella effektiviteten hos ritningar, skisser och färger som lyfter fram grafiskt och på ett trevligt sätt barnens värld.
Vi såg hur skissprocessen kan hjälpa oss att bearbeta idéer på ett kreativt sätt och samtidigt, hur vissa skisser kan ge ett annat och originalperspektiv till våra layouter. Gör en sketching vana när du börjar arbeta med ett nytt designprojekt - och inte bara - kan komma extremt praktiskt också på andra områden, som i copywriting - och i tid utvecklar du en flexibilitet i sinne som blir användbar i din arbete. Avsluta därför: stäng av datorn och få papper och penna!
Jag slutar dela med dig två personliga skisser: en skiss av min nuvarande portfölj och de första idéerna jag lagt ner för den här artikeln under en riktigt tråkig tågresa.
Nu är det din tur, jag vill se dina skisser!
Accentsconagua