Ha a weboldal vizualitása nem egyezik az arculattal, az zavarba ejti a látogatót. Nem érti, hogy ugyanarról a márkáról van-e szó, és ez gyengíti a hitelesség érzetét. Mert a konzisztencia az, ami felismerhetővé tesz. A logó és weboldal kapcsolata kiemelkedően fontos az egységes megjelenéshez.

Nézzük meg, hogyan kapcsolódik a logó és az arculat a weboldal vizualitásához, és miért fontos, hogy összhangban legyenek.

A logó nem csak egy kép

A logó a márkád egyik legfontosabb vizuális eleme. Ez az, amit az emberek megjegyeznek, és ami segít felismerni téged. De a logó önmagában nem elég, kontextusban kell látni, hogy igazán működjön.

A weboldalon a logó jelenik meg először, általában a fejlécben (vagy bal oldalon vagy középen). És ha a weboldal többi része – a színek, a betűtípusok, a stílus – nem illeszkedik a logóhoz, akkor az egész felület szétesik. Mintha két különböző márka lennének.

A logó tehát nem csak egy díszítés. Kiindulópont. A weboldalnak tükröznie kell azt a vizuális nyelvezetet, amit a logó elindít.

Az arculat több, mint a logó

Az arculat az a teljes vizuális nyelv, amit a márka használ. Ez tartalmazza a logót, de azon túl a színeket, a betűtípusokat, a formákat, a képek stílusát, és még sok minden mást.

Ha van arculati kézikönyved, akkor ott le van írva, milyen színek használhatók, milyen betűtípusok, hogyan kell elhelyezni a logót, milyen stílusú képeket válassz. És a weboldalnak ezt kell követnie.

Ha nincs még kész arculatod, és csak a logód van meg, akkor a weboldal tervezése közben alakul ki az a vizuális nyelv, ami később az arculat része lesz. És ez rendben van, de fontos, hogy konzisztens legyen.

A színek szerepe

A színek az arculat egyik legerősebb eleme. Ha a logód kék és szürke, de a weboldalad rózsaszín és zöld, az nem működik. Az emberek nem fogják összekapcsolni a kettőt.

A weboldalnak ugyanazokat a színeket kell használnia, mint az arculat. Ez nem jelenti azt, hogy minden pixel, szöveg és fotó ugyanolyan kék legyen, de a fő színeknek meg kell egyezniük. Használhatod az árnyalatokat, kiegészítő színeket (sőt, kell is), de az alap színvilágnak konzisztensnek kell lennie. Illetve hogy kiegészítsék, erősítsék egymást, tereljék a figyelmet.

Mert a színek azok, amik tudattalanul is segítenek felismerni egy márkát. Ha mindenhol ugyanazokat látod – a weboldalon, a közösségi médiában, a nyomtatott anyagokon –, akkor megjegyzed.

A logó és weboldal kapcsolata a betűtípusok által

A betűtípusok ugyanolyan fontosak, mint a színek. Ha az arculatod elegáns, serif betűtípust használ, de a weboldalon egy modern, sans-serif betű van, az nem illik össze.

A betűtípusok hangvételt közvetítenek. Egy serif betű klasszikusabb, komolyabb. Egy sans-serif modern, letisztult. Egy kézzel írott betű személyesebb, kötetlenebb. És ha a weboldal betűtípusa nem egyezik az arculattal, az más hangulatot sugall.

A vizuális stílus konzisztenciája

Az arculat nemcsak a logó, a színek és a betűtípusok. Az is, hogy milyen képeket használsz, milyen formák jelennek meg, milyen a grafikai stílus.

Ha az arculatodban letisztult, minimál vonalvezetésű grafikák vannak, akkor a weboldalon ne használj túlzsúfolt, részletgazdag illusztrációkat. Ha az arculatod meleg, barátságos, akkor a weboldalon is legyen meleg hangulat – a képek, a színek, az elrendezés mind ezt kell tükrözze.

Ez az, amit úgy hívnak, hogy vizuális konzisztencia. És ez teszi erőssé a márkát, és ez az egyik kulcs a logó és weboldal kapcsolata között. Mert ha minden felületen ugyanazt a vizuális nyelvezetet látod, az összekapcsolódik a fejedben, és felismerhető lesz.

Mi van, ha még nincs kész arculatod?

Ha még nincs teljes arculatod, és csak a logód van meg, az sem baj. A weboldal tervezése közben kialakul az a vizuális nyelv, ami később az arculat része lesz.

De fontos, hogy akkor is gondolj arra, hogy amit a weboldalon létrehozol, az később minden más felületen is megjelenjen. Mert ha később készítesz névjegykártyát, szórólapot, vagy közösségi média grafikát, azoknak is illeszkedniük kell ahhoz, amit a weboldalon megcsináltál. Ez nem csak a logó és weboldal kapcsolata miatt fontos, hanem az arcula, brand, online és offline megjelenés közötti kapcsolatról is.

Ezért érdemes a weboldal tervezésekor már előre gondolkodni: milyen színeket, betűtípusokat, stílust akarsz hosszú távon használni. Mert a weboldal gyakran az első nagy vizuális megjelenés, és ez határozza meg, hogyan fog kinézni a márka később mindenhol máshol is.

Összefoglalva

A logó és weboldal kapcsolata kiemelkedően fontos, és az arculat, brand nem különálló dolgok a weboldaltól. A weboldal a vizuális identitás része, és tükröznie kell azokat az elemeket, amik a márkát meghatározzák: a színeket, a betűtípusokat, a stílust.

Ha a weboldal vizualitása nem egyezik az arculattal, az zavarba ejti a látogatót, és gyengíti a márka erejét. A konzisztencia az, ami felismerhetővé tesz, és hosszú távon építi a bizalmat.

Ha úgy érzed, hogy a weboldalad nem tükrözi az arculatodat, érdemes végiggondolni, hol van az eltérés. Ha pedig szeretnél egyedi megjelenést a vállalkozásodnak, ami nem csak összhangban van hanem önazonos is, akkor kérj árajánlatot!

The post Logó és weboldal kapcsolata appeared first on Szenkovits Design.

Ingyenes lehetőségek

Pexels

A Pexels egy szuper stockfotó oldal, ahol ingyenesen lehet letölteni képeket, ráadásul van magyar nyelvű keresési lehetőség is. Ami szerintem itt nagyon jó, hogy vannak videók is, amik ugyanúgy ingyenesen letölthetőek és felhasználhatóak.

Unsplash

Az Unplasht én személy szerint nagyon szeretem, hiába van máshol stockfotó előfizetésem, vissza szoktam ide térni. Azóta bővültek is, hiszen már van egy Plus lehetőségük, ami egy kedvező árú havi előfizetést jelent.

Pixabay

A Pixabay-en ugyanúgy lehet magyarul is keresni. A képek mellett vektoros rajzok, illusztrációk is megtalálhatóak és ingyenesen letölthetőek.

Előfizetéses stockfotó lehetőségek

Freepik

A Freepiknek van ingyenesen használható része is, de itt limitálva van, hogy egy nap mennyi képet lehet letölteni, illetve a kép felhasználásakor meg kell jeleníteni, hogy honnan töltötted le a képet (vagy azt, amit a jogi dokumentum ír a képhez).

A Prémium előfizetés sok lehetőséget biztosít, naponta 100 képet lehet letölteni, és rengeteg, de tényleg rengeteg stockfotó található itt. De nem csak fényképek, hanem grafikák, ikonok, mesterséges intelligenciával generált képek. Árban elég jó, viszont emiatt sokan is használják. Nekem is van itt előfizetésem, és rendszeresen használom a munkám során.

Shutterstock

Az egyik legismertebb stockfotó lelőhely a Shutterstock. Nagyon minőségi képek találhatók itt, ráadásul sok videó és zene is. Árban már drágább, van itt havi előfizetés illetve egy olyan lehetőség, hogy képenként fizetünk. Érdemes először átgondolni, hogy inkább mire van szükségünk (képek vagy videók, és mennyire), és a szerint választani a csomagok közül.

Depositphotos

A Depositphotos-nál is szuper stockfotók vannak, ráadásul van olyan előfizetési lehetőség, ahol képenként kell fizetni. Hasonlóan a többihez itt is vannak videók, zenék, grafikák stb-k. Régebben volt itt előfizetésem, és csak ajánlani tudom!

Adobe Stock Images

Az Adobe stockfotó oldala nagyon minőségi. Ha van Adobe előfizetés, érdemes lehet ezzel kiegészíteni!

Szerzői jogok

A fényképeket és videókat is szerzői jogok védik, pont mint egy könyvet vagy egy filmet. Fontos tiszteletben tartani az alkotót! Nem szabad a projekteknél, hirdetéseknél Google-ről vagy Pinterest-ről letöltött képeket használni. Mindig érdemes egy stockfotó oldalakon keresni, és onnan letölteni, és ha szükséges akkor előfizetni.

Ezeken kívül természetesen még rengeteg stockfotó letöltési lehetőség van, mind az ingyenes, mind pedig a fizetős kategóriában! Érdemes mindig megnézni a licencet, hogy az adott képeket fel lehet-e használni, ha pedig nem, inkább keressünk másik lehetőséget vagy fizessünk elő.

The post Stockfotó körkép appeared first on Szenkovits Design.

Többször találkoztam azzal, hogy az ügyfél nem szeretett volna a projekttel foglalkozni, pedig ez egy együttműködés, ahol mindkét félnek fontos szerepe és feladata van. Mik lennének ezek az ő részéről?

Árajánlat és brief

Én már árajánlatot is nehezen tudok adni anélkül, hogy legalább 15-20 percet ne beszéltem volna az érdeklődővel. Tudnom kell a pontos igényeket, hiszen egy egy mondatos kérdésre, hogy mennyiért készül el egy honlap, sajnos nem tudok pontos választ adni. Rengeteg tényezőn múlik, sok kérdést kell feltegyek. Ha az érdeklődőnek nincs ideje vagy kedve válaszolni, sajnos nem tudunk együtt dolgozni, hiszen árat sem tudok mondani. Ez az első felelőssége a leendő ügyfélnek: pontosan és világosan megadni az igényeket, illetve részletesen bemutatni a céget, célközönséget stb. Erre egyszerűen muszáj időt szánni.

Az elfogadott árajánlat és a szerződés után elkezdődik a projekt. Ilyenkor jön egy nagyon fontos feladata az ügyfélnek, mégpedig a brief elkészítése. Sok kérdés már az érdeklődés szakaszában fontos, például a célcsoport, a tevékenységi kör, igények stb. Viszont van egy két olyan részlet, amit ilyenkor kell átadni a szolgáltatóknak. A megfelelő brief segít, hogy ne legyenek a későbbiekben félreértések, és gördülékenyen haladjon a projekt.

Visszajelzések

Én a munkafolyamat során többször mutatom meg, hogy hol tartok a projekttel. Az ügyfél feladata, hogy ezt megnézze, átolvassa, véleményezze, javaslatokat vagy irányt adjon. Ha a visszajelzés nem érkezik meg, akkor van, hogy áll a projekt, hiszen nincs egy irányvonal, ami mentén lehet haladni.

Fényképek, szövegek stb

Projekt függő, hogy például a szövegeket ki írja meg. Van hogy én, van hogy egy SEO szövegíró, de van, hogy az ügyfél. Sok esetben a fényképek, illetve a logók az ügyfél birtokában vannak. Ezekre a grafikai és webes munka során mindenképp szükség van, és az ügyfél feladata ezeket biztosítani, átküldeni a szolgáltatónak.

Szolgáltató

Természetesen nem csak az ügyfélnek vannak kötelességei, hanem a szolgáltatónak is. Ez egy együttműködés, ahol a szolgálattó elvégzi a rá bízott munkát a legjobb tudása szerint. Viszont a designer szakma olyan, ahol folyamatos kommunikáció, visszajelzés, információ szükséges a projekt során! Mindkét fél részéről.

The post Az ügyfél szerepe a grafikai projektben appeared first on Szenkovits Design.

Idén a céljuk az volt, hogy egy olyan színt válasszanak, ami a közelséget, a kapcsolat irányi vágyunkat testesítse meg, melegséggel és modern eleganciával. Egy árnyalat, amely együttérzéssel rezonál, tapintható ölelést kínál, és könnyedén áthidalja a fiatalost az időtlennel. Többet ITT tudsz olvasni a színről, hogyan választják ki, kik az alkotók, és még felhasználási tippeket is adnak, főleg design területeken.

Neked hogy tetszik a Pantone 2024 barack árnyalata? Melyik tetszik a 2023-as vagy a 2024-es?

The post Pantone 2024 appeared first on Szenkovits Design.

A minimalizmus kevésbé egy vizuális stílus, mint inkább egy elv. A minimalista design csak a leglényegesebb elemeket használja. Alapformákkal és a korlátozott színpalettával valami nagyon egyszerű, mégis emlékezetes dolgot hoz létre.

Minimalista design a grafikai tervezésben

A minimalista grafikai tervezésbe csak egyszerű, letisztult betűtípusok férnek bele. Az expresszív, bizarr vagy más módon feltűnő betűtípusokat kerüljük, és a különböző betűtípusok kombinációit csak nagyon óvatosan végezzük.

A minimalista színsémák gyakran semleges alapokkal indulnak, de nem korlátozódnak a fehér és szürke árnyalataira. Ezekben a mintákban gyakran használnak olyan semleges színeket, mint a taupe, a fekete, és a fás tónusok. Megfelelő alkalmazással az olyan árnyalatok, mint a rózsaszín, a zöld és a kék, tompa akcentusszínekként szolgálhatnak.

A minimalista tervezés már évek óta trend. Az egyik leghíresebb márka, aminek ilyen a stílusa, az az Apple.

Minimalizmus a webdesignban

A minimalista dizájn, különösen egy ilyen stílusú weboldal létrehozásának egyik kihívása, hogy minden vizuálisan harmonizáljon. Mivel eleve kevesebb elem felhasználható, sokkal nyilvánvalóbbá válik, ha egy adott rész kizökkenti az oldalt az egyensúlyából. Ez különösen akkor igaz, ha a design sok negatív teret, azaz white space-t használ, hogy jobban felhívja a figyelmet bizonyos elemekre.
Emiatt sok grafikus tervező használ rácsrendszert, azaz grid rendszert. A weboldaltervezés rácsos elrendezésbe szervezése segíthet a dolgok vizuálisan kiegyensúlyozott és egyenletes elosztásában. A rácsos elrendezés használata lehetővé teszi, hogy minden létfontosságú elem olyan mintázatban sorakozzon fel, amely az emberi szem számára kielégítő.

Herkutz Hanna

The post Minimalista design appeared first on Szenkovits Design.

A white space, más néven negatív tér, egyszerűen csak az üres részeket jelöli a designban. Ez a tér az elrendezések, a bekezdések sorai, a bekezdések között és így tovább. A „fehér tér” nem szó szerint egy üres teret jelent fehér háttérrel. Lehet bármilyen színű, textúrájú, mintázatú vagy akár háttérképpel is.
A white space a dizájnkompozícióban ugyanaz, mint a csend használata egy zenei kompozícióban. Nélküle a design strukturálatlan és nehezen értelmezhető.

Miért fontos, és hogyan használjuk?

A tervezők jó okkal használják a tervezés szerves részeként. Ha jól használják, nemcsak a designt, hanem azt az üzletet is átalakíthatja, amely számára a design készült. A white space jelentősen növeli nemcsak az oldal UI (User Interface, azaz a felhasználói felület), hanem UX (User Experience, azaz a felhasználó élmény) értékét is. Ad egy befogadható, átlátható összképet, ahol a szakaszok jól elkülönülnek egymástól, és a felhasználó sokkal könnyebben eligazodik a weboldalon. A white space-nek hasonló a feladata, mint a vizuális hierarchiának.

A negatív tér, vagy annak hiánya szintén hatással van arra, hogy hogyan értjük meg az információt. Vizuális jelként hat az agyunkra, és tudatja velünk, hogy az összetevők gyűjteményét egész kompozícióként kell felfognunk.  Azzal, hogy csökkentjük a „összefüggőnek” tűnő elemek közötti negatív teret, és növeljük az egymástól eltérő objektumok közötti részt, több információt ad a felhasználóknak a kompozíció megértéséhez.Ha nincs white space, akkor a látogató nehezebben tudja befogadni az információt. Ráadásul a kellemes összkép is hiányozni fog.

A fehér tér a többi tervezési alapelvvel együtt használva minden tervező eszköztárának alapvető szerszáma. Ez a megoldás szerves része lehet a vizuális tervezésnek, összetartja az oldal különböző részeit, és elválasztja az egyedi összetevőket.

Hatékony használatának megtanulása kihívást jelenthet, de ha helyesen használják ki, ez az eszköz nagy hatással lesz bármilyen designra.

Herkutz Hanna

The post White space szerepe a webdesignban appeared first on Szenkovits Design.

Az RGB (Red, Green, Blue) a digitális képek színtere. Egy eszközön belüli fényforrás a vörös, a zöld és a kék szín keverésével és intenzitásuk változtatásával bármilyen színt létrehozhat. Minden szín fekete sötétségként kezdődik, majd a vörös, zöld és kék fényt egymáshoz adva létrehozza a kívánt színeket. Amikor a vörös, zöld és kék fényt egyenlő intenzitással keverjük össze, tiszta fehéret hoznak létre.
A tervezők a három forrásszín bármelyikének módosításával szabályozhatják az olyan szempontokat, mint a telítettség, élénkség. Mivel ez digitálisan történik, azt láthatjuk, hogy a képernyőn hogyan jelenik meg a fény a kívánt szín létrehozásához.

Mikor használunk RGB-t?

• web és alkalmazásdesign
• branding (online tartalmak)
• social media felületeken

A CMYK (Cyan, Magenta, Yellow, Key/Black) a nyomtatott anyagok színtere. A CMYK az egyes színes nyomtatásokban használt négy tintalapra utal: cián, bíborvörös, sárga és key (fekete). A nyomdagép a CMYK színek különböző mértékű festékkel történő kombinálásával hoz létre képeket. Minden szín üres fehérként indul, és minden egyes tintaréteg csökkenti a kezdeti fényerőt, hogy a kívánt színt létrehozza. Amikor az összes színt összekeverik, tiszta feketét hoznak létre.

Mikor használunk CMYK-t?

• branding (névjegykártya, papíralapú termékek, táblák)
• kereskedelmi cikkek
• reklámanyagok (szórólapok, plakátok, brossúrák)
• csomagolóanyagok

Herkutz Hanna

The post RGB vagy CMYK? appeared first on Szenkovits Design.

1. Egyszerű geometriai alakzatok

Az alapvető formák, mint például körök, háromszögek, négyzetek, vonalak és pontok felhasználásával könnyen megjegyezhető, egyszerű logót kaphatunk. A szimpla formákat ellensúlyozhatjuk élénk, kontrasztos színsémákkal, vagy éppen ellenkezőleg választhatunk fekete-fehéret, amivel fokozhatjuk a minimalista hatást.

2. Firkák és vázlatok

Ez 2023 egyik legjellegzetesebb trendje, mindez a nyers, befejezetlen megjelenést ünnepli. A gyors, néha igénytelen módon megírt, kézzel rajzolt logókat egyre több helyen fedezhetjük fel. Népszerűsége nem véletlen, a letisztult, minimalista designok kedvelői is találhatnak ebben a stílusban jól felhasználható elemeket. 

3. Egyvonalas illusztrációk

A minimalista logó trendek minden évben jönnek és mennek, de az egyetlen vonalas rajz koncepciója örökre megmarad. Ezek tömbnyomtatásra, az egyszerű körvonalakra és a semleges tónusokra összpontosítanak, klasszikusan egyszerű vonzerejüknek köszönhetően újra nagy népszerűségnek örvendenek.

4. Szimbolizmus és minimalizmus a realizmus helyett

A realisztikus logójelek meglehetősen nehézkes és kényelmetlenek, különösen, ha kisebb képernyőkön vagy kompakt névjegykártyákon helyezik el őket. Lehetővé teszik, hogy egyetlen logótervet hozzunk létre, amely mindenhol jól fog mutatni – vagy kevésbé lesz trükkös a különálló elemekre való felosztás. Ez a logótrend elsősorban nem a vizuális szépségről és stílusról, hanem a kényelemről szól. Egy szimbólumalapú logó sokkal rugalmasabb, és a finom megjelenés csak bónusz.

5. Tradicionális egy kis csavarral

Az egyik módja, ahogyan a kreatívok erre reflektálnak, a hagyományos, kulturális képek átültetése lenyűgöző kortárs logótervekbe.
Ez tehát jelentheti például a régimódi matricák esztétikájának párosítását kortárs pasztellszínű palettával és absztrakt mintákkal. Vagy azt is jelentheti, hogy egy egyedi formát vagy szimbólumot emelünk ki a hagyományos vagy kulturális képekből.

Neked melyik tetszik a legjobban az idei logó trendek közül?

Herkutz Hanna

The post 2023-as logó trendek appeared first on Szenkovits Design.

Hivatalos nevén: Viva Magenta 18-1750

Ez a szín nagyon élettel teli, erőt és bátorságot sugárzó. Örömteli és optimista. Talán pont erre van most szükségünk most.

Többet az év színéről ezen a linken tudtok olvasni: https://www.pantone.com/color-of-the-year-2023

A 2022-es Pantone színről pedig egy tavalyi blogcikkemben írtam ITT.

Neked hogy tetszik?

The post 2023-as Pantone szín appeared first on Szenkovits Design.

Szerződéskötés

Szerződés rendkívül fontos, e nélkül nem vállalok el egy projektet sem. Szerintem ez nem kihagyható, nagyban növeli a biztonság és bizalomérzetet is. Ráadásul véleményem szerint egy szolgáltató sem tűnik profinak attól, hogy nincs szerződése, sőt, ennek az ellenkezője igaz.

Brief bekérése

A jó és részletes brief megléte elengedhetetlen egy grafikai munkához. Ez lényegében egy összefoglaló, amit az ügyfél készít el a szakembernek. Mi szerepeljen benne? Például egy bemutatkozó, mivel foglalkozik a cég, mik a tervei, ki a célközönsége, milyen az ideális ügyfél vagy vásárló, ki a konkurenciája. Illetve a kreatív munkával kapcsolatos kérések, igények, ötletek, elképzelések, érzések, bármi, ami fontos és hasznos lehet egy logótervezés során.

Konkurencia kutatás és moodboard elkészítése

Egy konkurencia felmérés elengedhetetlen egy egyedi arculat kialakításához. Ennek oka, hogy megtaláljuk azt a rést, azt a színt, designt, ötletet, ami alapján el tud különülni a cég a többitől. Milyen megjelenése van a környékbelieknek? Ha mindenkinek zöld a logója, és még össze is lehet őket téveszteni, annyira egyformák, akkor érdemes teljesen más irányban gondolkodni. Így még egyedibb megjelenése tud lenni a vállalkozásnak, és az ügyfelek könnyebben meg fogják jegyezni.

Az arculati színek és stílus meghatározása után elkészítek egy hangulattáblát, ahol lényegében ezeket prezentálom. Amennyiben más színvilágot vagy stílust szeretne egy ügyfelem, akkor még ezen a ponton változtatunk rajta.

Logótervezés – Az első tervek

A tervezés először papíron zajlik, skicceket és vázlatokat készítek. Onnan beviszem a programba, és két három verziót készítek az ügyfél számára. Ezt ráteszem egy branding boardra és különféle látványtervekre, hogy még jobban elképzelhető legyen a logó és az arculat használatban.

Módosítások és javítások, majd véglegesítés

Az első tervek után jön a logó kiválasztása és csiszolása, utána pedig a véglegesítése. Mivel egy logót több felületen is használunk, ezért elküldöm színesben, egyszínű feketében és fehérben, illetve háttérnélküli png-ben és vektoros formátumban is. Így a későbbiek során nem lesz gond, legyen szó gravírozásról vagy matricázásról.

Egyéb arculati elemek és brandbook elkészítése

Egy logótervezéshez általában több arculati elem megtervezése is tartozik, például egy névjegykártya vagy egy szórólap, email aláírás stb. Ezek elkészítése és átadása után készítek egy rövid brand bookot, amiben a logó felhasználása, betűtípusok, színek szerepelnek.

Projekt lezárása

Az átadás után lezárjuk a logótervezés projektet

Bízom benne, hogy hasznosnak találod az összefoglalót! Ha szeretnél velem együtt dolgozni, keress ITT bizalommal!

The post Logótervezés folyamata appeared first on Szenkovits Design.