Share
We brengen een groot deel van onze tijd door voor een monitor, hoogstwaarschijnlijk hebben we meer dan één computer, zonder te spreken over iPhones, grafische tablets en alle andere ultramoderne devilies die onze bureaus binnenvallen. We maken allemaal deel uit van de generatie die een muis nodig heeft om door een album te bladeren met de familiefoto's (vaarwel naar de beste familiealbums met de pagina's links naar geel) en Facebook om verjaardagswensen naar een vriend te sturen. 20 voorbeelden van geweldige "schets" geïnspireerde sites opgenomen!
Maar midden in dit digitale tijdperk zijn de beste bondgenoten van een webdesigner veelvoorkomende tools die met de verandering onder je bankkussens kunnen worden gekocht. Ik heb het over het maken van pen, potlood en papier als onderdeel van het creatieve proces dat andere "niet-digitale" ontwerpers al eeuwen gebruiken: schetsen.
Met dit artikel behandelen we een argument dat velen van jullie waarschijnlijk ter harte zullen nemen: we zullen in feite zien hoe schetsen ons kan helpen de ideeën te ordenen, een effectieve lay-out te ontwerpen en - waarom niet - een frisse en originele toets te geven ons ontwerp.
Stel je dit scenario eens voor: We zijn net klaar met een uitgebreide briefing met onze klant en nu is het het moment om de ideeën opnieuw in te delen. We kennen de voorkeuren en behoeften van onze klant; Op basis hiervan moeten we de lay-out kunnen bepalen die we moeten ontwerpen. Het probleem is de hoeveelheid informatie die we in overweging moeten nemen! We hebben gedefinieerd dat we op de startpagina een schuifregelaar en een zichtbare call-to-action moeten plaatsen die uitnodigt voor een contact. De pagina's van de site zijn zeven en we moeten ook het laatste nieuws opnemen op de startpagina enzovoort.
Op dit punt kan ik je verzekeren dat het nutteloos is om Photoshop te openen met de pretentie om een effectieve lay-out te maken; zonder een plan voor wat je in de details moet tekenen, word je geblokkeerd en gedwongen om in wezen te ontwerpen zonder voldoende vooruitziende blik om intelligente beslissingen te nemen. Dit betekent later vaak meer werk, waarbij je vaststelt wat je de eerste keer goed had kunnen doen met een beetje werkschetsen.
Schetsen biedt iets unieks voor webontwerpers? het helpt ons grote hoeveelheden informatie te organiseren in overzichtelijke stukken die we kunnen ontwerpen.
In plaats daarvan, als je het geluk hebt om concepten en ideeën in een ontwerp te kunnen metaboliseren, vergeet je hoogstwaarschijnlijk iets belangrijks, met als resultaat dat je voor de tweede keer opnieuw de lay-out in handen moet nemen. En je weet waarschijnlijk ook dat er lay-outs zijn die zelfs met een kleine verandering volledig worden gewijzigd en hun communicatieve en esthetische effectiviteit verliezen? echt een frustrerend resultaat.
Een paar tips om verder te gaan zonder je hoofd te verliezen? Pak pen en papier?
Deze eerste fase van schetsen betreft de uitwerking van de informatie op een schematische en eenvoudige manier. Je denkt waarschijnlijk dat al deze strengheid en discipline niets te maken heeft met creativiteit en verbeeldingskracht en je een verandering van omgeving wilt? Oké, laten we doorgaan naar de volgende stap.
We zeiden dat het schetsen een creatief proces is, maar wil betekent dit in de praktijk?
We kunnen het schetsen beschouwen als een 'middenland'? tussen de informatie in ons bezit en de lay-out zullen we uiteindelijk plannen. In dit gebied, vijandig en magisch, vinden we kleuren, lettertypen, dozen, ideeën, inspiratie, texturen, afbeeldingen, sensaties, twijfels? en veel meer. Nutteloos door te zeggen dat het in het midden van dit alles makkelijk te verwarren is en het juiste idee te vinden, het idee dat werkt en dat ons trots maakt een ontwerper te zijn.
Ik denk dat er niets irritanters is dan jezelf voor een leeg vel te vinden, wachtend op inspiratie die afkomstig is van wie weet waar, en afronding met het maken van lelijke lay-outs (als je dan echt een geluk hebt zoals ik, jij ' Ik ben verloofd met een collega die er alles aan doet om je te vertellen dat je werk slecht is zonder de pil te zoeten, zodat het je gevoeligheid als creatief niet schaadt).
Een van mijn eigen schetsboeken? we zullen dit later opnieuw bekijken. Persoonlijk heb ik een aantal moeilijke tijden doorstaan met een paar klanten: inspiratie wilde niet komen en mijn grafische voorstellen maakten me beschaamd over mezelf. Ik ben uren voorbijgegaan aan het bekijken van galerijsites, voelde me nog meer depressief omdat het leek alsof iedereen mooie lay-outs kon maken, de enige persoon die niet in staat was om op een leuke manier twee rechthoeken samen te voegen was ik. In mijn geval was het gemak van de druk gemakkelijk gemaakt met behulp van een potlood.
Geef de kickstart aan je creatieve proces op papier bevrijdt in feite je verbeelding, waardoor je op een meer spontane en stimulerende manier kunt werken.
Vooral als het project waaraan je werkt enorm is en rijk aan technische details, kan de eerste fase zeker castreren voor de creatieve stroom, om maar te zwijgen over de slopende angst? dat beïnvloedt veel ontwerpers: gevangen in het verlangen om snel en goed te doen, blijven we vaak verlamd voor de monitor, niet in staat om de ideeën te herschikken en ze in de goede richting te sturen.
Dus, voordat je aan een grafisch programma begint, krijg je pen en papier en? schetsen! Krabbel, noteer een paar ideeën, begin een soort van abstract ontwerp te traceren om bekendheid te krijgen en laat uw intuïtie vrij. Je analyseert achteraf de ideeën, laat jezelf nu gaan en vermijd logica en rationaliteit, ze zullen je niet helpen in deze fase.
Maak een overzicht van de lay-out, leg een paar aantekeningen neer, wis alles weg, begin opnieuw: tijdens dit proces werkt je geest snel en koortsachtig, dus let op alles voordat deze intuïtieve fase dimt! U zult ontdekken dat het geven van volledige vrijheid aan uw ideeën aangenaam en ontspannend is, naast nuttig.
Het eerste idee zal zelden de juiste zijn, wees voorbereid om het te accepteren. Schetsen helpt je om jezelf te deblokkeren en verschillende grafische kansen te grijpen die voor jou meteen en licht kloppen, maar dit betekent niet dat je geen fouten zult maken in deze fase. Het positieve is dat zelfs als je in deze fase fouten maakt, je het vel altijd kunt verscheuren, het potlood kunt verscherpen en helemaal opnieuw kunt beginnen op een nieuw blad. Een lay-out weggooien die met Photoshop is gemaakt, alleen omdat u zich realiseerde dat dit niet de beste oplossing voor uw geval is, is zonder twijfels demotiverend.
Ik raad je aan om dit schetsen niet te verwarren met de oprichting van WireFrame: we hebben het over twee verschillende dingen, zelfs als ik zie dat er enige verwarring is over het argument. Een paar dagen geleden vertelde een webontwerper me, met vermelding van zijn exacte woorden? Ah, je gebruikt pen en papier? Ik doe alles online? , met vermelding van een site die toelaat om mockups te maken met een wiskundige precisie, met een volledige controle over kleuren en typografie.
Wel, dit is geen schets, dit is helemaal iets anders. Door met de muis op sommige knoppen te klikken om een aantal rechthoeken te laten verschijnen, mag u uw ideeën niet vormgeven en uw creatieve stroom vrijkomen, proberen te geloven. Met deze verklaring twijfel ik niet aan het nut van een goed draadframe, ik wil alleen maar het verschil benadrukken tussen deze twee benaderingen.
Verberg je verlangen naar precisie, liniaal en kompas! In deze fase is er geen ruimte voor orde en nauwkeurigheid, dus beperk de creatieve stroom niet, blokkeer jezelf op marges en witte ruimten, je kunt er later aan denken. Maak je ook geen zorgen als je niet bijzonder artistiek begaafd bent en je handmatige vaardigheden je nauwelijks toestaan een potlood vast te houden: schetsen wordt gebruikt voor het opnieuw ordenen van de ideeën, niet voor het vormen van begaafde kunstenaars.
Wat dit betreft moeten we hieraan toevoegen dat zelfs als schetsen werd geboren als een vrij middel om uitdrukking te geven aan verbeeldingskracht en creativiteit, afgezien van je grafische vaardigheden, dit niet betekent dat de schets ook niet op een bepaalde manier een artistieke waarde heeft. Laten we samen zien waar ik het over heb.
De tendens van veel webontwerpers om te schetsen heeft de kickstart gegeven aan een echte grafische stijl die op de een of andere manier de esthetische aspecten van het schetsen oproept: we hebben penselen die de spontaniteit en lichtheid nabootsen, om nog maar te zwijgen van honderden lettertypen in de hand geschreven stijl gevonden in het web. Dankzij dergelijke hulpmiddelen die vandaag de dag worden gemaakt, is een lay-out in schetsstijl vrij eenvoudig, maar daarnaast hebben ontwerpen die deze grafische stijl gebruiken meestal een vleugje originaliteit die hen aantrekkelijk maken en uit de gewone reeks halen..
De schetsstijl, alleen omdat deze is gekoppeld aan een activiteit die veel creatieve mensen gemeen hebben, wordt vaak gebruikt op sites van freelancers of van communicatie- / ontwerpbureaus die dit concept grafisch willen overbrengen. Hoe dan ook, zelfs de combinatie van sommige schetselementen met een meer traditionele afbeelding kan een nieuw perspectief geven op verder gewone ontwerpen.
Laten we eens kijken hoe sommige sites deze stijl op een effectieve en originele manier hebben gebruikt en hoe dit de esthetiek en de effectiviteit van hun lay-outs heeft beïnvloed.
http://www.kunalchhajer.com/ De site van de webdesigner Kunal Chhajer weerspiegelt precies het concept van de schetsstijl. De afbeelding is licht en aangenaam, op een originele manier verrijkt met enkele ontwerpen die de lay-out uniek maken. De stijl wordt ook opgeroepen in het gebruik van een handgeschreven lettertype in het navigatiemenu. Al deze details geven aan het ontwerp de creativiteit die een ontwerper op zijn persoonlijke site wil uitdrukken.
http://www.creativewithak.com/ In de Creative with a K-site is er een grootscheeps gebruik van schetsen en doodles, gewoon om het? Creatieve karakter duidelijk te laten zien? van de site. In dit geval maakt zelfs de bijzonderheid van de lay-out, zo atypisch, de site speciaal en ongewoon, zelfs als het moeilijk te raadplegen is.
http://www.lega-lega.com/ De site Lega-Lega is een online winkel van overhemden met prints die een beetje ongewoon zijn en is zeker gericht op een jonge markt. De toevoeging van enkele schetsdetails geeft een creatieve en pittige snit aan de site.
http://beavory.com/ Beavory is de site / blog van Karen Mack, Israëlische illustrator. De stijl van haar site is bewust gebaseerd op een stijl die haar creatieve aard op een uitgesproken en originele manier herinnert. Elk detail, van de structuur van de lay-out op basis van onregelmatige lijnen - alsof ze met een viltstift zijn getekend - tot de pictogrammen van het sociale netwerk, traceert volledig een effectieve schetsstijl.
http://bowtieperiod.com/ Bowtie is een digitale studio die beslist heeft om zichzelf op een creatieve manier op het web te vertegenwoordigen. De animaties van de site, samen met schattige, ongebruikelijke tekeningen, maken de lay-out aantrekkelijk en sterk extravagant. Ze noemen zichzelf? Creatief? en om het te bewijzen, gebruiken ze elementen in schetsstijl.
http://www.makomako.cz/home/ De lay-out van de band MakoMako is volledig in schetsstijl gemaakt, zodat dezelfde structuur van de pagina is gebaseerd op een vel papier met onregelmatige lijnen, en op de startpagina als onderdeel van het ontwerp vinden we naast de gebruikelijke grafische details gebaseerd op op schetsen en met de hand geschreven lettertypen, een potlood. Een nieuwsgierige en een heel ongewone look voor een band.
http://stanthesnowman.com/ Nu dat is bijna zomer veel van zijn charme verdwijnt, maar de grafische effectiviteit van de site Stan de sneeuwman is echter uitgesloten. In dit geval geeft de toevoeging van gestileerde afbeeldingen en van een kalligrafisch lettertype een spontane stijl aan de lay-out, speels en informeel. En het traceert het concept van activiteit, gebaseerd op het schrijven van wenskaarten.
http://www.greenawaypro.co.uk/ De festivalpagina van Greenaway Pro 2011 combineert op een bijzondere en aantrekkelijke manier de schetsstijl en de grunge-stijl, waardoor de lay-out een echt originele afdruk is. Ook in dit geval heeft de keuze voor deze specifieke grafische stijl de neiging om een informele, spontane en excentrieke uitstraling uit te drukken. Perfect voor een festival dat zich bezighoudt met muziek en surfen, toch??
http://www.julianlaval.com/ Julian is een andere freelance webontwerper die zijn grafische vaardigheden onder de aandacht wil brengen, de communicatieve kracht van de schets op een heel creatieve manier heeft uitgebuit. Natuurlijk maakt niet alleen dit zijn site speciaal, maar zelfs de nieuwsgierige en opzettelijk ongewone aard van zijn tekeningen. Net als veel andere sites in deze stijl zijn kleuren beperkt tot een grijsschaal, om de illustraties realistischer te maken.
https://www.littlecreatures.com.au/ De site Little Creatures is volledig ontworpen in schetsstijl en dankzij de eigenaardigheid van de schetsen, zo weinig afgewerkt, is de pagina zo aantrekkelijk.
http://carnetordinaire.com/ Carnet Ordinaire is een site die lijkt op een dagboek, met reisbeschrijvingen, aantekeningen en persoonlijke overwegingen. Gezien de excentrieke en intieme aard van de site, is de schetsstijl het meest geschikt: de lay-out is gebaseerd op het beeld van een geopende moleskine, versterkt door schetsen en gestileerde tekeningen. Zelfs de achtergrond is origineler gemaakt met enkele tekenfilms ingevoegd in dekking en door de aanwezigheid van een potlood, terloops gelaten in de buurt van de moleskine.
http://www.wingcheng.com/ De Wing Cheng-portfolio is een perfect voorbeeld van het frisse perspectief dat de schetsstijl kan geven aan een lay-out. De paginastructuur is gebaseerd op een kale moleskine waarvan de pagina's naar beneden vallen. Het effect wordt nog groter dankzij schaduwen die het ontwerp en het gebruik van kalligrafische lettertypen omlijsten voor elke inhoud van de lay-out, van de titels van de projecten tot hun beschrijving. Maar de echte bijzonderheid van deze site betreft de blootstelling van de projecten, ook op een heel creatieve manier met potlood geschetst.
http://www.kutztown.edu/acad/commdes/faculty/ De Kutztown-universiteit voor communicatie en design kon geen betere manier vinden om zich effectief tot creatieven of aspirant-leden te richten. De lay-out is zeker ongebruikelijk voor een academische realiteit: de achtergrond in aquarelstijl, de pagina op basis van een pagina van een boek, de illustraties in waterkleuren, de specifieke lettertypen van het navigatiemenu? alle originele en zeker expressieve details.
http://www.dannwhittakercreative.com/ Dann Whittaker op zijn site toont een grafische stijl die veel webontwerpers gemeen hebben. Een casual en spontaan uiterlijk, gebaseerd op een lay-out van een paginaboek en op een consistent gebruik van details in schetsstijl. In het complex is de lay-out zeer effectief en aangenaam esthetisch.
http://www.chernobylheart.org.uk/ In het geval van de site van Tsjernobyl-Hart wordt de schetsstijl gebruikt om grafisch het concept van de kindertijd te benadrukken: hier hebben we het over kinderen en we zien het door enkele kleine gestileerde schetsen die hun manier van tekenen kopiëren. Effectief en aangenaam.
http://demainjarrete.stpo.fr De schetsstijl is perfect om op het internet strips en illustraties te presenteren, zodat de lay-out de aard van de site visueel en creatief weergeeft. In de Demain J'arrete-zaak heeft de hele site een? Houtskool? grafische stijl, beginnend met het verloop van de achtergrond tot de onregelmatige lijnen met de lay-out en het navigatiemenu.
http://www.natureshop.co.nz/ Het toevoegen van een paar schetsdetails op een ogenschijnlijk ongedwongen manier, kan die speciale creatieve aanraking aan een minimale en essentiële site geven. Het resultaat, zichtbaar in bijvoorbeeld de site Nature Shop, is uiterst aangenaam.
http://www.readytomarket.net/ De lay-out van de Ready to Market is een voorbeeld van hoe het mixen van een moderne stijl met enkele gestileerde en komische details een nieuw en stimulerend resultaat kan geven.
http://www.coucoushop.ch/ De Cou Cou Shop is erg mooi en aangenaam om te zien. Een van de meest specifieke elementen van de lay-out is zonder twijfel de voettekst, die een gestileerd landschap van Zwitserland laat zien. Zelfs de schets van de tas vanuit verschillende hoeken is een zeer origineel detail.
http://upsidedowntown.me/ Kleurrijk, ongewoon en grillig: de site van het leercentrum Upside-Down Town investeert veel in de originaliteit van de schetsstijl. Elk element van de lay-out, vooral in de kop, verwijst naar de visuele effectiviteit van tekeningen, schetsen en kleuren die grafisch en op een prettige manier de kinderwereld belichten..
We hebben gezien hoe het schetsproces ons kan helpen om ideeën op een creatieve manier te verwerken en tegelijkertijd hoe sommige schetsen een ander en origineel perspectief kunnen geven aan onze lay-outs. Maak van schetsen een gewoonte wanneer u aan een nieuw ontwerpproject begint - en niet alleen - kan ook op andere gebieden, zoals in de copywriting, buitengewoon handig zijn en met de tijd zult u een denkflexibiliteit ontwikkelen die nuttig zal worden in uw werk. Daarom concluderen: zet de computer uit en pak papier en pen!
Ik eindig met je twee persoonlijke schetsen te delen: een schets van mijn huidige portfolio en de eerste ideeën die ik heb neergezet voor dit artikel, tijdens een echt saaie treinrit.
Nu is het jouw beurt, ik wil je schetsen zien!
Accentsconagua