Sznek

www.webdesigntanfolyam.com

Egy nagyiparos trsasgot hvott meg maghoz vacsorra.

Az rkez hlgyeket s urakat finom konyhai illatok fogadtk, s mr
mindenki elre rlt az nyenc falatoknak.
Amikor a vidm trsasg krllte a nagyszeren elksztett
telekkel rakott asztalt, a hzigazda vrs fnyt kapcsolt be.
Szp pirosra sznezdtt, s frissnek hatott a tnyrokra kirakott
hs, a paraj azonban feketnek tnt, a krumplik pedig pirosan
vilgtottak.
Mindenki meghkkent, de a vrs fny mris kkre vltott, s ettl a
pecsenyk mintha oszlflben, a krumplik mintha rothadtak lettek
volna.
A vendgek tvgya egyszeriben elment. Amikor erre mg srga fny
kvetkezett, s a vrsbor olyan lett, mint a stt olaj, az emberek
pedig srga flholtaknak lttk a szomszdjukat, nhny rzkeny
hlgy felllt s kisietett az ebdlbl. Senki sem volt kpes enni, br
a jelenlvk mind tudtk, hogy csak a megvilgts sznnek vltozsai okozzk e klns rzseket.
Nevetve kapcsolta be a hzigazda a fehr fnyt, s nemsokra
helyrellt a vidm hangulat az asztal krl.
Johannes Itten - A sznek mvszete

A sznek
Az, hogy milyen alapon vlasztunk szneket egy munkhoz elssorban a sajt ill.
a megrendel dntshozinak zlsvilgtl fog fggeni. Tbbnyire ez a jellemz
(sajnos).
Ez nem tl megalapozott vlaszts, gy mr a kezdet kezdetn lemondunk az egyik
legfontosabb eszkznk adta elnykrl. Ahhoz, hogy tisztban legynk vele, hogy
mik ezek, s esetleg rvelni is tudjunk mirt ezeket vlasztjuk, rdemes megvizsglni a szneket kzelebbrl.
A sznekrl egy egsz tudomnyg szl - a szntan, ill. szndinamika, amely minden terleten megvizsglja a sznek szerept, s hatst az letnkre. A sznek a
vizulis kommunikci alapkvei, amelyek rendkvli mdon hatnak az rzkekre.

Mi kze ennek a weboldalakhoz?

Nagyon is sok.
Ha egy sznt brmely oknl fogva kivlasztunk, ahhoz klnbz rtket,
jelentst, kivltott rzelmeket is kapunk egy csomagban, gyhogy egyltaln nem
mindegy mit vlasztunk.
Ahogy mindenben itt is vannak hagyomnyok un. konvencik az egyes terleteken
hasznland sznekben is.
Pldul a vllalati honlapokon jellemzen az aclkk, fehr, s grafitszrke sznek
a jellemzek, ezek stabilitst, megbzhatsgot, biztonsgot, zleti jelleget
sugroznak.
Egszsggel kapcsolatos weboldalak a termszetessg, vitalits jegyben sok
zldet, napsrgt, s gkket alkalmaznak, mg az ttermek egyik kedvence a
bord, mlyvrs, csokoldbarna, s fekete - ezeken jl mutatnak az telfotk,
kellemes, meleg, bartsgos krnyezettel, s a jllakottsg rzsvel
kecsegtetnek.
Mg csak a szneknl tartunk, de mris zeneteket kzvettnk egy non-verblis
csatornn.

A sznkr
Isaac Newton termkeny ember volt, a dinamika, s a tehetetlensg trvnynek
megalkotsa mellett a fny tulajdonsgait is vizsglta, s mg arra is volt ideje,
hogy 1666-ben elksztse a sznkrt, amelyet azta is hasznlunk, s persze kidolgozza a hozz tartoz sznelmletet.
A szneket ez alapjn 3 csoportba osztjuk:
elsdleges, msodlagos, s harmadlagos sznek.
A hrom elsdleges szn a vrs, a kk s a srga.
Ezek az alapsznek, az sszes tbbi szn ezek
keversbl jn ltre. Ha ezekbl brmely kettt
sszekeverjk, ltrejnnek a msodlagos sznek,
mint a zld, a lila, s a
narancs.
A harmadlagos sznek pedig az elsdleges s msodlagos sznek keverkei.

A sznkr egymssal szemben ll sznei (piroszld, srga-kk, lilsvrs-srgszld, narancsvrs-kkeszld, srgsnarancs-lilskk)

a komplementer sznek, amelyek nagyon jl kiegsztik egymst.
Kontrasztjuk akkor rvnyesl igazn, ha az egyik
tlslyba kerl - kiemelsekhez hasznljuk ket.

Az egymshoz kzel ll, hasonl sznek

sznprokat alkotnak.

A sznek jelentse, hatsai

A sznek mindig, mindenhol hatnak rnk - gondold csak vgig, milyen szneket
hasznlnak egy orvosi rendel vrjban, s milyeneket egy bevsrlkzpontban?
A sznek fokozhatnak, vagy akr csillapthatnak is rzseket, mint hsg, vgy,
feszltsg, nyugalom. A sznek oly mrtkben befolysoljk rzelmeinket, hangulatunkat, hogy gygytsra, kedlyllapot-javtsra is hasznljk ket.
A meleg sznek - a sznkr egyik feln - a srgtl a lilig tallhatak - pl.
vrs, barna, rzsaszn...
A hideg sznek a kr msik fele - kk, zld, cin, sttlila stb.
A fehr, szrke s fekete pedig semleges sznek.

Az egyes sznekhez klnbz rzeteket, fogalmakat trstunk:

FEHR - egyszer, tiszta, rintetlen
FEKETE - slyos, nehz, stt, titkos, elegns, drga, hall
PIROS - szerelem, szenvedly, veszly, figyelmeztets, izgalom, az lelmiszer-,
impulzus, akci, kaland
KK - megbzhatsg, siker, komolysg, nyugalom, er, szakszersg, hatalom
SRGA - a kvncsisg, jtkossg, vidmsg, szrakozs, irigysg
LILA - igazsgossg, luxus, fantzia, lmok, ktrtelmsg, bizonytalansg, regsg, vagyon
ZLD - pnz, a termszet, llatok, egszsggy, gygyts, let, harmnia, frissesg
RZSASZN - lgysg, dessg, rtatlansg, fiatalsg, gyengdsg
NARANCS - er, energia, dominancia, boldogsg, knyelem, kreativits, nnepls,
szrakozs, ifjsg, melegsg
SZRKE - ltalnossg, kznyssg, fenntarts, visszafogottsg, unalom
BARNA - fld, termszet, lgysg, termkenysg, knyelem, stabilits

Ezek a mi kultrnkra jellemzek - ha esetleg ms orszgokbl is akadnak

megrendelink, a tervezs sorn.
Egy hres eset a McDonalds ttermek Japn piacra bevezetse. Ugyanis a hres
Ronald bohc fehr arca az kultrkrkben a hallt jelkpezi, ami egy egybknt
sem az egszsgrl elhreslt tteremlncnak hatalmas baklvs.
St a zld szn is egszen furcsa jelentssel br nluk - a nlunk elfogadott
termszetessggel ellenttben a modern technolgia, a high tech termkek szne.

Keltsd fel a figyelmet sznekkel!

Figyelemfelkelts szempontjbl a sznek sorrendje
narancssrga
piros
srga
zld
kk
lila

Azonosthatsgukat tekintve a sznek sorrendje

piros
zld
srga
fehr
kk
lila

A figyelmet legjobban a tiszta sznek vonjk magukra, a kevertek kevsb

piros
kk
srga

Sznmdok - RGB, CMYK, s trsaik

A klnbz eszkzkhz klnbz sznrendszerek tartoznak - a webes tervezs
az RGB, vagyis a Red, Green, Blue rendszerre pl, mert a monitor a megjelen
kpet ebbl a 3 sznbl rakja ssze - un. additv sszeadsos mddal.
Az RGB rendszerben a sznek meghatrozsa egy un. hexadecimlis kddal
trtnik
pl. #RRGGBB
Egy-egy alapsznnek 256 fle rnyalatot adhatunk, gy sszesen ca. 16,7 milli
sznrnyalattal gazdlkodhatunk.
A sznek meghatrozsa kt karakterrel s 16-os, azaz hexadecimlis szmrendszerben trtnik gy, hogy egy karakter 0 9-ig illetve A F-ig kztt vehet fel
rtket. gy alapsznenknt a kt karakterrel kijn a 256 sznrnyalat. A 0 a legsttebb, az F a legvilgosabb rnyalatot jelli. A 00 00 00 teht a fekett, az FF FF
FF a fehret s pldul az FF 00 00 a vrset jelli.
A HTML kdban a hexadecimlis sznmeghatrozsok el mindig egy
kettskereszt # kerl.
A kk sznnk teht gy fog kinzni: #0000FF

Webes tervezs esetn csak az RGB sznmddal dolgozunk, de j ha tudsz rla,

hogy ltezik msmilyen is. A CMYK - vagyis Cian+Magenta+Yellow+blacK a nyomtatsban hasznlt 4 alapsznre bontst jelenti - un. szubszaktrv kivonsos. Ennek kvetkeztben fordulhat el, hogy a monitoron megjelentett kphez kpest
nyomtatskor ms eredmnyt kapunk.
Magyarul ami bemegy a szmtgpbe (szkenner, digitlis fnykpezgp stb.) az
RGB, ami kijn belle - nyomtats, nyomdai kivitelezs - az CMYK.

Te j g! Hogy fogom n ezeket megjegyezni?

Elszr is, nem kell megjegyezned - a gyakran hasznltak gyis rgzlnek - de az
sszes grafikai programban megnzhet az adott szn hexa kdja. Az interneten
pedig csilli helyen, a legklnflbb tblzatokban lehet megtekinteni ket.
Pl: a Wikipdia szcikkben is, ahol tovbbi infkat olvashatsz mg a tmrl,

Sznpalettk, sznprofilok
A webdesigner egyik legjobb bartja a sznpaletta, amelyeket ezekbl a
hexasznekbl llthatunk ssze. A sznpaletta hatrozza meg a megtervezend
munka - legyen az log, weboldal, vagy brmi ms alapszneit.
Ha egy projekthez megtalltuk a megfelel sznpalettt - kis tlzssal a munka
legnagyobb rszt mr elvgeztk, mert erre az alapra mr-mr magtl pl fel.
Egy tlagos paletta 3-6 sznbl ll. Ennl tbb sznnel ne tervezznk, mert a tl
sok szn hasznlata zavaros, a szemnek fraszt eredmnyre vezet. rnyalatokat termszetesen hasznlhatunk.

Mg a print designerek a mregdrga Pantone sklval rohanglnak, a webdesignereknek csak egy WebSafe paletta jutott.
Web safe, azaz webbiztos szneknek azokat a szneket nevezzk, amelyek minden
megjelent eszkzn ugyanazt a sznt mutatjk. Sajnos ez meglehetsen szks
skla, mindssze 216 sznrl tudjuk elmondani, hogy ugyangy fog megjelenni
minden monitoron, minden bngszn - fleg, gy, hogy ezek egybknt tbb mint
16 milli sznrnyalat megjelentsre kpesek.

Most akkor csak a WebSafe paletta sznei hasznlhatak?

Csnya lenne, ha gy lenne. Az emltett 16 milli szn mind a rendelkezsnkre ll,
hallgatlagos beleegyezssel az irnt, hogy nem lesz mindenhol egyformn szp,
de ugyebr a szpsgrt sok ldozatot meghozunk.
Sznpalettkat tartalmaznak a kpszerkeszt, s egyb grafikus szoftverek is, mint
az Adobe Photoshop. Munka kzben ezekbl vlogathatunk, de a sztenderd palettk mellett sajt, egynileg sszelltott palettkbl is dolgozhatunk.
Rengeteg sznpaletta kszt, generl, pakolgat weboldal, szoftver ltezik ma
mr - az Adobe sajtja a Kuler

Az elksztett palettkat letlthetjk, s beimportlhatjuk a szoftvereikbe.

A msok ltal mr ltrehozott palettk kztt is rengeteg szp kollekcit tallni.
n szemly szerint a Kuler helyet a ColourLovers weboldalt hasznlom, ez inspirl
a legjobban. Csak kivlasztom, hogy Search Palettes, s esetleg berok egy
kulcsszt pl. happy, s mris egy csom vidm sznpalettval kezdhetem a
gondolkodst, tervezgetst. Nlam mindig ez az els lps. Lementem a legjobban
tetsz palettkat, gy egy tucatot, amelyek kztt mr ott van az, ami vgl a
nyer kombinci lesz.
Ez a kevsb megalapozott, intuitv mdszer mert tisztban vagyok a sznrzkenysgemmel.
Egy rgi bartnmmel volt egy jtkunk - Milyen szn a hangulatod ma? - s
a vlaszbl a msik tudta hogy dumcsi, srs, vagy ereszdel a hajam lesz az esti
program. Sokig azt gondoltam, hogy mindenki tud sznekben, sznpalettkban
gondolkodni, de idvel rkellett jnnm, hogy ez is olyan, mint az abszolt zenei
halls. Fogalmakhoz, hangulatokhoz tudok azonnal sznkombincikat gyrtani, de
egy megasztr hanggal lehet jobban jrtam volna.

Nincs ilyen kpessged?

Cseppet se bnkdj! Ahogy az nekhang, gy a sznrzkenysg is fejleszthet, s
fejlesztened is kell!
Ha nem akarod magad a mg esetleg nem kifejldtt sznrzkedre bzni, akkor
tudomnyos alapokon is vlaszthatsz szneket. Ehhez a Color Scheme Designer
a legjobb vlaszts.
http://colorschemedesigner.com
Hasznlata pofonegyszer - a mr ismert sznkrbl vlasztja ki a kvnt
palettkat - csak jelld be, hogy Mono, azaz monokrm - egy szn tbb rnyalata vagy esetleg Complement, azaz komplementer - egymsnak szemben ll,
kontrasztos palettban gondolkodsz pldul.
A Triad - Tetrad belltsok pedig harmadols/negyedels sznsmt jelentenek, a
sznek egymstl egyenl tvolsgra vannak a sznkrn, gy hideg s meleg sznek
egyarnt vannak a palettn.

sszkp szempontjbl nagyon fontos tnyez: a kontraszt.

A szneket gy rdemes sszevlogatni, hogy ers kontrasztot hozzanak ltre, azaz
a dominns sznek a sznkr ellenttes tartomnybl - a hideg ill. meleg
tartomnybl kerljenek ki.
Ez az oldal j plda a komplementer sznek egyszer hasznlatra.
Felhvja a figyelmet a narancs sznnel, s egyben bizalmat, egyttrzst breszt a
kkkel. A sznek beszlnek, semmi extra. Egyszer ez ugye?

A Color Scheme Designer tovbbi funkciit is rdemes felfedezni - a Random

flecske vletlenszer megoldsokat knl, a Colorspace fln pedig Web Colors-ra
is tllthatjuk, gy a mr emltett webbiztos sznekbl generl csak szneket.
A tovbbi Pantone, ill. Ral belltsok webes szempontbl nem rdekesek - nyomtatsba sznt dolgoknl hasznljk ket.
Ami mg rdekes viszont a Colorblind flecske, amely a klnbz szntltsi zavarokra ajnl palettkat.

A sznvaksg s a szntveszts a sznlts zavara az emberi szervezetben.

A sznvakok s szntvesztk nem tudnak klnbsget tenni olyan sznek kztt,
amelyeket az egszsges emberek eltrknt rzkelnek. Jellemzen genetikai
okokra vezethet vissza, de elfordulhat szem-, ideg- vagy agykrosods sorn s
vegyi hatsra is - rja a Wikipdia.

Drgm, melyik fggnyt vlasszuk a ciklment, vagy a pspklilt? Esetleg a lime? Nem tl
vilgos?
H? A lime az egy gymlcs, a zld meg egy szn! - mondja erre a frfi.
Jellemzen a frfiak fogyatkossga ez, amellyel egybknt akkor is rendelkeznek, ha nincs
megllaptva rluk, hogy sznvakok.
Egyszeren kvl esik az rdekldsi terletkn, hogy ilyesmivel foglalkozzanak - ez taln
semberes hozomny is - a vadszathoz nincs szksg a sznek ilyen fok megklnbztetsre,
mg a bogyszedshez elkl (a sttpiros ehet, a narancssrgtl viszont baromi bds lesz a
barlangban jjel).

Sznkorlt
Ebbe elbb-utbb bele kell trdnk, hogy a munknk nem mindenhol ugyanolyan
nagyszer megjelenssel br, s sajnos nem ez az egyetlen korlt, a bettpusokkal
ugyanez lesz pepitban...
Ami azonban nehzkesebb sokszor, elmagyarzni a megrendelnek, mirt nz ki
mskpp az irodai s az otthoni gpn az oldala...
Mirt is?
Az internet sznmegjelentsnek szabvnya az sRGB, esetleg a szlesebb
spektum Adobe RGB. Ezek azok a sznprofilok, amelyeket a legtbb monitoron
hasznlnak, de a dologba belekavar a a monitorhoz gyrilag ksztett sznkezel
profil, st az egyes bngszk sznkezelse, a felhasznli egyni belltsok stb.
gyhogy egy kordinlatlan katyvasz az egsz.
Prbld ki, hogy egy fott kldj el msoknak, s nzd meg a bartaid gpn is - az
egyiken fak lesz, a msikon szrks, a harmadikon stt...
Hogy megfelel monitorbelltsaink legyenek (legalbb neknk), a monitor
kalibrlsra van szksg, mghozz a webes krnyezethez alkalmazkodva.
Miutn egy ilyen kalibrcis eszkz pr-sok-szzezer forintocska, egy kalibrcis
bra is megteszi - kvesd a rajta lv utastsokat.
Sosem ltott rszleteket fedezhetsz fel :)
http://fotozz.hu/fotot_megmutat?Foto_ID=88488
Termszetesen ez mg nem a tkletes megolds.
Ha bvebben rdekelnek a sznprofilok, a monitor kalibrci, olvasd el ezeket a
cikkeket:
http://www.geeks.hu/tippektrukkok/080507_tft_monitor_kalibralasa_hazilag

2. rszben kvetkezik: Sznek a webdesignban