Concept en inspiratie ontwerptheorie voor webontwerpers

Het ontwikkelen van een zinvol concept is een cruciale stap in elk ontwerpproject? maar het is een vaardigheid die maar weinig mensen echt de tijd nemen om te begrijpen en te waarderen. Vandaag, Ahmed (UI Manager bij Link Development en Adobe User Group Manager in Egypte) gaat ons begeleiden bij het creëren van een concept- en inspiratieproces. We gaan het proces stap voor stap door, totdat we tot een succesvol concept zijn gekomen om ons webontwerp te starten.


Waarom het ontwikkelen van een concept belangrijk is in webontwerp?

In mijn laatste artikel, The Gestalt Principle: Design Theory voor webontwerpers, hebben we de noodzaak vastgesteld om elk ontwerp te beginnen met het shell-ontwerp eerst voordat we in detail gaan, in dit deel bespreken we de methodologie van het bedenken van een schaalontwerp..

Elke vorm moet een concept erachter hebben - maar helaas, veel ontwerpers richten zich alleen op een mooie vorm die echt geen betekenis heeft. Of erger nog, ze ontwerpen een volledige website op basis van reeds bestaande frameworks, zonder zelfs maar een moment na te denken over hoe een origineel ontwerp een aantal echtebetekenis naar het project.

Echt geweldig ontwerp heeft betekenis erachter - het zijn niet alleen mooie vormen, filters of typografie - elk element zou eigenlijk iets moeten zeggen over het onderliggende project.

Als u in deze fase de methode voor het verzamelen van creatieve vereisten (Hoe kunt u de juiste creatieve vereisten van uw klant verkrijgen) hebt gevolgd, moet u voldoende informatie hebben om op voort te bouwen en uit te werken welke containervorm of stijl uw ontwerp in de vorm zal passen.

Begin met het verzamelen van een bibliotheek met referentiebeelden

Een van de gemakkelijkste en eenvoudigste manieren om ideeën te vinden, is door uw cliënt te vragen om u een aantal zoekwoorden te geven om te beschrijven hoe hij wil dat mensen zich voelen over zijn site? energiek, fris, jong, stevig? enz., door simpelweg deze trefwoorden in te voeren in elke afbeeldingzoekopdracht zoals Google of Bing.

Als je uit deze afbeeldingen kiest, vind je jezelf gemakkelijk met een grote bibliotheek met brainstormideeën om vanaf te beginnen.


Design begint met een brainstorm

Net als bij elke brainstorm-oefening, geen ideeën afwijzen? hoe raar ze ook zijn. Het is altijd gemakkelijker om een ​​ontwerp te verlagen dan om het te proberen en op te peppen? ga voor uw bibliotheek met ideeën zitten, pak een potlood en papier (die in dit stadium uitstekende hulpmiddelen zijn) en beginnen met het schetsen van concepten die in je opkomen door naar je bibliotheek te kijken, schetsen helpt omdat ideeën de neiging hebben om even snel weg te zinken als ze in je opkomen :)

Bijvoorbeeld, als een klant me om een ​​vraagt ?vers? ontwerp, ik zal gewoon binnenkomen ?vers? in Google bijvoorbeeld (of uw favoriete zoekmachine) en bekijk de afbeeldingsresultaten.

Hier is een voorbeeld van wat ik bedacht:

Hoe zouden deze afbeeldingen mij inspireren? Wat zouden ze me vertellen over de richting van het ontwerp?

Nou, gewoon wetende dat mijn klant een nieuw ontwerp wil en door deze methode te gebruiken bij het interpreteren van de afbeeldingen, zou ik dat begrijpen:

  • Ik zou vooral voor organische of gebogen vormen moeten gaan
  • Licht? Vers? kleurtinten hebben de voorkeur (meer over kleur in een later artikel)
  • Gebruik van? Crystal? stijl en semi-transparante componenten.
  • Heb veel witte ruimte en geen overbezetting van componenten

Ik geef meestal de voorkeur aan deze oefening met 2 of 3 andere ontwerpers samen, omdat het helpt verschillende ideeën van elkaar te laten botsen, ik zou iedereen vragen om alleen naar afbeeldingen te zoeken gedurende 15 of 20 minuten, dan samen te zitten en te zeggen wat we zien in elk beeld, je zult er versteld van staan ​​hoe andere mensen iets heel anders kunnen zien dan wat je denkt of ziet, en dit kan een heel nieuw idee voor je openen.

Het is belangrijk om tijdens deze fase in het ontwerpproces te praten! Het woord "vers" betekent verschillende dingen voor verschillende mensen - vertrouw dus niet alleen op de eerste zoektocht naar beeldresultaten of uw eigen interpretatie om de definitieve inspiratiebron te zijn.


Kopieer geen ideeën, steel ze niet!

Goede artiesten kopiëren, geweldige artiesten stelen,
- Pablo Picasso (1881 - 1973)

Mijn interpretatie voor dit citaat is dit: het kopiëren van een ander idee zal je echter tot een goede ontwerper maken, ?diefstal? een idee of concept vanuit een ander ontwerp en verstandig gebruik (zonder overduidelijk kopiëren) maakt van u een geweldige ontwerper.

Een idee stelen is moeilijk - veel moeilijker dan kopiëren - je moet het concept echt begrijpen om het van één plek op te tillen en naar je ontwerp te verplaatsen.


Case study: Het stelen van de piramides

In een recent project werkte ik met een team op een site voor een portal voor Egyptisch toerisme. Ze wilden geen rechttoe rechtaan? Piramides, Karnak, Pharaonic? stijlsite waar de meeste mensen voor zouden gaan? Ze wilden iets moderns, maar wilden toch een Egyptische identiteit behouden die letterlijk zou zeggen? Deze site komt uit Egypte?.

Het was een echte uitdaging, maar door de bovenstaande methodologie te doorlopen, kwamen we met beelden zoals deze:

Nu wilde de cliché geen clich? ontwerpen met rechttoe rechtaan hiërogliefen of afbeeldingen van oude Egyptische tempels en dergelijke, maar door naar de afbeeldingen te kijken, zijn we begonnen voort te bouwen op het idee dat we enkele elementen kunnen gebruiken, zoals de schuine wanden en de oude Egyptische portalen en hoe ze zich verhouden tot de site is een portaal naar Egypte.

Het probleem is dat de enige stijl die uniek is voor Egypte, in farao-stijl is. Als we met Arabische kunst zouden gaan, zou het bijvoorbeeld niet uniek zijn voor Egypte. Als we duiken of stranden laten zien, is dit niet uniek. Als we met een andere stijl meegaan, zal het niet uniek zijn voor Egypte en dat was een strikte vereiste.

Tegelijkertijd werd ons verteld geen gebruik te maken van duidelijke oude Egyptische afbeeldingen of hiërogliefen, omdat de klant alle soorten Egyptisch toerisme wilde promoten, niet alleen tempels of piramides. Een lastige ontwerpopdracht, om zeker te zijn.

Uiteindelijk kwamen we met een schets als deze:

We hebben gewoon deelgenomen aan het toegangsportaal? pylonen in de Karnak-tempel, waarbij alleen de schuine lijnen werden gebruikt om de muren te identificeren, het gebied in het midden werd gebruikt om verschillende afbeeldingen uit Egypte te animeren en we gebruikten het linkergebied voor het logo en de navigatie terwijl het hele juiste gebied werd gebruikt voor de inhoud.

Het was een heel eenvoudig concept, maar het voldeed aan alle vereisten. Zo'n idee zou moeilijk te onthouden zijn geweest als we de foto's en afbeeldingen niet hadden bekeken die opkwamen uit een eenvoudig? Egypte? zoekopdracht.

We waren in staat om de ideeën achter de Karnak-tempel en de piramides te stelen en ze vervolgens in ons ontwerp te gebruiken.


Goede concepten spreken voor zich

Sommige mensen voerden aan dat dit concept niet erg duidelijk is wanneer mensen naar de site kijken, en dit lijkt misschien vreemd, maar concepten hoeven niet begrepen te worden? uit de eerste blik op een ontwerp? ze hoeven ook helemaal niet visueel schoon te zijn - dit is geen must. Dit kan gemakkelijk worden begrepen door te kijken naar logo's, bijvoorbeeld het Mercedes-logo:

Op het eerste gezicht voor de meeste mensen is het slechts een 3-puntige ster. Het concept achter deze ster is echter dat het de overheersing van het land, de zee en de lucht vertegenwoordigt - waarbij de bovenste arm de lucht voorstelt en de 2 onderste armen land en zee voorstellen.

Wie weet? Zeer weinig mensen buiten het bedrijf? maar dat is niet waar, toch? Een goed concept spreekt voor zich - zelfs als mensen niet meteen begrijpen wat het betekent, zullen de bewuste vormen en ideeën eronder altijd een eigen leven gaan leiden. Conceptloze ontwerpen hebben dat soort leven niet? ze zitten daar gewoon.


Inspiratie voor concepten vinden

Een andere grote bron van inspiratie is om te proberen en weg te blijven van uw scherm. Veel ontwerpers hebben de neiging om te bezoeken ontwerp inspiratie sites, die dagelijkse topontwerpen bevatten. Hoewel dit een goede oefening is in andere fasen (zoals het verzamelen van vereisten en details in onderdelen), zal het waarschijnlijk niet veel helpen wanneer je probeert om met je eigen kernconcept te komen..

Het is vaak beter om naar andere bronnen buiten het scherm te kijken: billboards, tijdschriften, posters en tv-reclames zijn erg goede bronnen als je tijd hebt, vooral omdat de regels voor webontwerp sterk verschillen van printontwerp of tv-advertenties, ze geven je een unieke indruk perspectief waarmee u kunt komen met zeer originele ideeën die u kunt verwerken in uw ontwerpconcept.

Architectonische ontwerpen kunnen ook goede en unieke inspiratiebronnen zijn:

Afhankelijk van uw klant en uw doelen, kan elk van de bovenstaande gebouwen u nieuwe concepten en ideeën geven om te gebruiken voor uw website? Containerschaal? ontwerp zoals in de volgende voorbeelden (in dezelfde volgorde):


Merk op hoe elk van de architecturale foto's van hierboven eenvoudig in levensvatbare website-schaalontwerpen kan worden omgezet.

De kunst is om altijd je ogen open te houden en alles als je bron van inspiratie te gebruiken, beperk je opties niet door alleen naar andere webontwerpen te kijken of zelf iets te verzinnen..


Conclusie

Zien komt voor woorden. Het kind kijkt en herkent voordat het kan spreken.
- John Berger, manieren om te zien

Als je John Berger's, Ways of Seeing niet bent tegengekomen, is het de moeite waard om een ​​paperback-kopie te vinden (of op zijn minst een versie van een e-book!). Ik zal niet te diep graven in de details, maar het is een boek dat de manieren onderzoekt waarop mensen de wereld om hen heen zien. De onderliggende boodschap is dat zien een vitaal en primair instinct is voor ons mensen - we "zien" voordat we lezen, voordat we spreken, en voordat we lopen.

Als zodanig kunnen wij als webontwerpers een speciale betekenis aan deze waarheid ontlenen. We moeten voorzichtig zijn om de concepten achter onze ontwerpen te maken, omdat ze het eerste zijn dat mensen "zien". Voordat de woorden op de pagina of de flitsende afbeeldingsschuifregelaar waaraan we zo hard hebben gewerkt coderen, zien mensen de schaal (het concept) die de overkoepelende weergave van de site oplevert. Details zijn belangrijk, begrijp me niet verkeerd, maar je kunt de details niet echt vastleggen totdat je een zinvol ontwerp hebt om ze in te zetten.

Lees meer geweldige 'theorie'-artikelen in onze Web Design Theory Session!

Een speciale dank aan Ahmed, die dit artikel in het midden van de chaos in Egypte heeft ingeleverd.