Hogyan készíts moodboardot?

A moodboard remek eszköz bármilyen téma vagy koncepció ábrázolására. Célja az inspiráció, az egységes megjelenés kialakítása és a megrendelő igényeinek pontosítása.

A moodboard készülhet digitális vagy hagyományos technikával. Digitális technika esetén valamilyen képszerkesztő programmal állítjuk össze a kollázst, hagyományos technikánál pedig a kinyomtatott képek kerülhetnek fel a falra, faliújságra, kartonpapírra.

A moodboard elkészítésének lépései

Válaszd ki a témát. A téma lehet pld egy téli hangulatú dizájn kialakítása.

Határozd meg a témához kapcsolódó kulcsszavakat!

Mi jut eszedbe a télről. Persze elsősorban a karácsony, így főleg ilyen képeket fogsz találni. Ezért keress más kapcsolódó kifejezéseket is: hó, hópehely, téli madarak, madáretető, piros bogyó, jég, korcsolya, szánkó, téli örökzöldek stb.

Nyiss egy gyűjtőmappát!

A gyűjtőmappa lehet valódi mappa, ha nem digitálisan dolgozol, vagy egy folder a számítógépeden.

De vannak nagyon jó online megoldások is a gyűjtemények létrehozására.

  • Ezek közül a Pinterest a legnépszerűbb. A Pinterest lényege, hogy különböző elnevezésű táblákat hozhatsz létre, amelyekre képeket vagy videókat tűzhetsz fel. Feltölthetsz Te magad is új képeket, de az interneten böngészés közben talált fotók is néhány kattintással beilleszthetők. Az így talált fotókról a Pinterestről hivatkozás mutat az eredeti forrásra, tehát ezzel a módszerrel teljesen jogtiszta módon használhatod fel mások alkotásait is. (Ha véletlenül olyasmi kerülne fel, ami mégsem az, akkor azt a rendszer üzemeltetői szó nélkül eltávolítják, Neked nincs dolgod vele. A Pinterest épp ezért nem csak saját célú gyűjtemények létrehozására használatos, hanem meg is oszthatod másokkal (Ha a következőkben bemutatott szempontok szerint szelektáltad már a tartalmakat egy adott táblán, akkor moodboardként is használhatod.
  • Nagyon jó alkalmazás az Evernote is, ahova egyaránt feltehetsz linkeket, képeket, illetve saját jegyzeteket is írhatsz.

Készítsd el a gyűjteményed!

Kutass fel minél több inspirációt a témával kapcsolatban. Az információgyűjtés a minden tervező munkájának elengedhetetlen része.

Az információ lehet szöveges, képi, de lehet hang- vagy videófelvétel is. A gyűjteménybe kerülhet minden, ami eszedbe jut a témádról. Ha interneten keresgélsz, használd a kulcsszavakat! Gyűjtögetés közben valószínűleg újabb és újabb ötleteid támadnak majd míg a végén remélhetőleg kialakul egy vagy több letisztultabb elképzelés a stílussal és színvilággal kapcsolatban is.

Mi kerüljön a gyűjteménybe?

Szakirodalom (ha egy komolyabb témán dolgozol)

Cikkek, blogbejegyzések, szakmai oldalak, könyvek, videók. Például nekem a tél mappába belekerülhet egy videó a hópehelyfotózásról, a wikipédiáról egy cikk a hókristályokról stb.

Idézetek.

Az előbbi cikkekből vagy valamilyen idézetes oldalról, pld Citanium, Idézetek, bölcsességek. Mindkét helyen lehet kulcsszavakra szűrni.

Fotók:

Ha kizárólag privát célra készül csak saját magadnak, vagy az ügyfelednek és nem fog felkerülni az internetre, akkor bármit letölthetsz az internetről. Ha már esélyes, hogy publikálod, akkor inkább keress stockfotós oldalakon, mint a Pixabay, iStockPhoto stb.

De használhatsz saját fotókat is. Az okostelefonok világában ma már megteheted, hogy nem csak családi eseményeken és nyaralásokon fotózz látványos dolgokat, hanem akár az utcán járva bármit, ami a legtöbb embernek eszébe sem jutna. Fotózz textúrákat, mintázatokat a természetben, vagy ember alkotta tárgyakon, épületeken, fotózz utcai tipográfiát, színeket stb.

Grafikák:

Rengeteg inspirációra lelhetsz a következő oldalakon: Dribble, Behance, Designinspiration. Nézd meg hogy dolgoznak a profik. Itt a grafikák meg is vásárolhatók, ha később szükséges lenne valamelyik. Ezeken az oldalakon mintázatokat, textúrákat is találsz, amelyek szintén beilleszthetők a moodboardba.

Tipográfia:

Betűtípusokat kereshetsz szintén kulcsszavak alapján a legtöbb fontletöltő oldalon. Szerintem a legjobb ingyenes a Fontsquirell, mert innen már eleve üzleti célokra is felhasználható fontkészleteket tölthetsz le. Vagy nézd meg a FontBundles.net oldalt, ahol minden héten letölthetők ingyenes készletek a többi pedig megvásárolható, ha szükséges. Szép bemutató képeket is találsz itt, ezek is belekerülhetnek a gyűjteménybe.

A másik lehetőség, hogy az előző pontban ajánlott grafikai témájú weboldalakon a keresésnél a kulcszó mellé beírod azt is hogy Typhography.

Színpaletták

Elkészítheted magad is a válogatott anyagok színeiből, vagy keress palettákat a következő oldalakon: Color Lovers, Design Seeds

Szelektálás

Mire ennyi mindent összegyűjtöttél, próbáld meg csoportosítani a talált képeket. A rendelkezésedre álló források közül válogass egy csoportba olyanokat, amelyek színben és stílusban harmonizálnak egymással.

Választhatsz idézetet is, amihez aztán a nyerő fontkészletekkel egy szép tipográfiát is összehozhatsz. Ha valamelyik fotó vagy más grafika nagyon tetszik, de nem teljesen illik a választott színvilágba, akkor azokat át is színezheted mielőtt a táblára kerülnének.

Az inspirációs tábla összeállítása

Legegyszerűbb digitálisan valamilyen képszerkesztő programmal, mint a Photoshop vagy GIMP.

A moodboardok megjelenése és stílusa elég változatos, keress példákat az interneten és válaszd azt a stílust amelyik számodra szimpatikus. Léteznek egyébként moodboard template-ek is, amelyek megvásárolhatók vagy letölthetők ingyenesen az internetről.

Online alkalmazásokkal is elkészítheted a tábládat. Ezek a programok azért nagyon jók, mert ha még nem ismersz képszerkesztő programot, nem szükséges előtte hónapokig tanulnod, mert ezeknek a használata egyszerű kezelhetőségük révén néhány óra alatt kitapasztalható.

Online alkalmazások moodboard készítéséhez

Milanote

Mindenféle project tervezésére, nem csak kifejezetten kreatív témáknál, bár elsősorban vizuális eszköz, elhelyezhetsz rajta megjegyzéseket, linkeket is. Például, ha egy cikkhez gyűjtesz anyagot. A táblák nagyon jól tagolhatók, sőt azokon belül újabb táblák is elhelyezhetők, tehát ha van egy fő témád, mondjuk a tél, akkor azokon belül a kapcsolódó kulcsszavakhoz is létrehozhatsz belső táblákat (pld jég, hóember stb.) A táblák típusa is többféle lehet, a moodboard csak egy sok közül: kreatív brief, project tervező, feladatlista, heti tervező, ötlettábla, dokumentumgyűjtő és még sok egyéb sablon áll rendelkezésre mindenféle munkák aprólékos megtervezéséhez.

Pinterest

Erről már írtam fentebb, de valószínűleg ismered és használod is hasonló célokra

Goomoodboard

Nagyon egyszerű alkalmazás, még regisztráció sem szükséges hozzá, azonnal alkothatsz valamit az összegyűjtött képekből. Csak húzd rá a fotót a táblára és kész is. A fotó alá, ha már feltöltötted írhatsz néhány soros megjegyzést is.

Canva.

Ez egy kicsit összetettebb program, és regisztrálni is szükséges, de sokkal szebb megjelenést eredményez. Léteznek fizetős sablonok, viszont az ingyenesek is jól használhatók. Letisztult, modern stílust képvisel. Ha moodboard készítés érdekel, akkor kezdd el itt.

Webdizájn

Régebben említettem, hogy unokaöcsémnek készítettem egy blogruhát a pitbike-os készletem elemeiből. Most egy igazi céges weboldal készítésére kaptam felkérést,  de nemcsak a dizájn hanem az egész oldal felépítése is az én feladatom volt.  A wordpressnek van egy fantasztikusan rugalmas, nagyon könnyen formázható sablonja a 2010 Weaver, ezt alakítottam át. Ha lesz időm egyszer valamikor, akkor a sajátomat is kiszabom ebből az anyagból.

Érdekel nagyon az arculattervezés, amikor a saját logómat és fejlécemet készítettem, akkor utánanéztem ezeknek a dolgoknak. Sajnos ilyet a DTP tanfolyamon (ahol sikeresen levizsgáztam pár héttel ezelőtt) nem tanultunk (nem tartozik az operátori feladatok közé), de nagyon  szeretnék  ilyenekkel is foglalkozni. Most ez egy újabb lehetőség volt a gyakorlásra.

Arculattervezésnél a kiindulópont mindig a logó,  ehhez szokás igazítani minden mást, ezért a legfontosabb elemnek tekinthető. Tükrözheti a cég tevékenységét vagy értékeit grafikai illetve karakteres elemeivel, színeivel.
Én végül karakteres logót készítettem, ahol a cég kezdőbetűi fonódnak össze. A színek közül a szürke és narancs a megrendelő kívánsága volt, szerintem nagyon jó választás a narancssárga, mert energiát és dinamizmust kifejező szín ugyanakkor mellette a szürke profizmust és megbízhatóságot sugall. A feketét és fehéret a kontraszt miatt tettem bele. Ezek lettek a fő színek:

A honlaphoz kiegészítő színek is kerültek még, elegáns betűtípusokat választottam, a logó pedig egy képzeletbeli rendszámtábla része lett és a weboldal fejlécében kapott helyet:

Persze mire ez a végeredmény megszületett, előzőleg legalább 10 példány készült mindenből többféle stílusban és színvilágban.

Az érdekesség kedvéért kiteszem az egyik első próbálkozásom egy másik színpalettával:

Tervezés után intéztem a domain-t és a tárhelyet, majd elkezdődött a weblap felépítése, mindenféle kiegészítők telepítése, a tartalom feltöltése, ami még most is folyamatban van, de ez nem baj, a wordpress-ben pont az a jó, hogy formázható, alakítható bármikor egyszerűen.  Ebben  sablonban még az is nagyon tetszett, hogy könnyű volt beállítani a betűtípust, lehet variálni az elrendezést,  és a különböző elemek színeit is hozzá tudtam igazítani a fenti palettához. Élesben ki lehet próbálni a különféle fejléceket és háttereket, vajon melyik mutat a legjobban. Végül különféle trükkök bevetése annak érdekében hogy egyáltalán a keresőrobotok rátaláljanak… eddig nem sok sikerrel, de talán most…

Ha kíváncsi vagy rá, hogy milyen lett a végeredmény akkor kattints a következő linkre: Contact-Road Autósiskola