May 4, 2008

അധ്യായം 4. ഗ്രാഫിക് ഡിസൈന്‍ ബേസിക്സ്

ഇനി ഏതാനും അദ്ധ്യായങ്ങളില്‍ ഗ്രാഫിക് ഡിസൈനിന്റെ അടിസ്ഥാന കാര്യങ്ങളെക്കുറിച്ചാണ് പ്രതിപാദിക്കുന്നത്. വൈവിധ്യമാ‍ര്‍ന്ന നിരവധി പ്രോജക്റ്റുകളുടെ ആവിഷ്‌കാരം ഗ്രാഫിക് ഡിസൈനിന്റെ പരിധിയില്‍ വരുമെങ്കിലും ഡെസ്ക് ടോപ്പ് പബ്ലിഷിംഗ് വഴി ലോഗോ, പരസ്യങ്ങള്‍, ബ്രോഷറുകള്‍, ബിസിനസ് കാര്‍ഡ്, ന്യൂസ് ലെറ്റര്‍, പോസ്റ്ററുകള്‍, മാഗസിന്‍, പുസ്തകങ്ങള്‍ മുതലായവ നിര്‍മ്മിക്കുന്നതില്‍ ഡിസൈന്‍ എലമെന്റുകളും ഡിസൈന്‍ പ്രമാണങ്ങളും പ്രയോഗിക്കുന്നതിനെപ്പറ്റിയാണ് നാം ഈ പാഠങ്ങളില്‍ കൂടുതല്‍ ശ്രദ്ധയൂന്നുന്നത്.

പൊതുവേ നാം ആവിഷ്‌കരിക്കുന്ന ഏതൊരു ഡിസൈനിനും ഡിസൈന്‍ പ്രമാണങ്ങള്‍ ബാധകമായിരിക്കും. നാം എങ്ങനെയാണോ ഈ ഡിസൈന്‍ പ്രമാണങ്ങള്‍ പ്രയോഗിക്കുന്നത് അതിനനുസരിച്ചായിരിക്കും നമ്മുടെ ഡിസൈന്‍ ആകര്‍ഷണീയമാവുന്നതും ആ ഡിസൈന്‍ കൊണ്ട് നാം ഉദ്ദേശിക്കുന്ന ആശയം മറ്റുള്ളവരിലേക്ക് എത്തപ്പെടുന്നതും. എന്നാല്‍ ഓരോ പ്രമാണവും പ്രയോഗിക്കാന്‍ ശരിയായ വഴി ഒന്നുമാത്രമേ ഉള്ളൂ എന്നില്ല. അടിസ്ഥാന സിദ്ധാന്തങ്ങളിലൂന്നിക്കൊണ്ട് വിവിധങ്ങളായ പരിഷ്‌കാരങ്ങള്‍ വരുത്തുവാനുള്ള സ്വാതന്ത്ര്യം ഡിസൈനറുടെ സര്‍ഗ്ഗാത്മകതെയെ ആശ്രയിച്ചിരിക്കുന്നു.

എല്ലാ ഡിസൈനുകളിലും ആ ഡിസൈന്‍ കൊണ്ടുദ്ദേശിക്കുന്ന സന്ദേശം പ്രചരിപ്പിക്കുന്നതിനായി അതില്‍ ഉപയോഗിച്ചിട്ടുള്ള വാചകങ്ങള്‍ക്കും ചിത്രങ്ങള്‍ക്കും പുറമേ ഡിസൈന്‍ എലമെന്റ്സ് അഥവാ ഡിസൈന്‍ ബ്ലോക്കുകള്‍ കൂടി ഉണ്ടാവും. ഒരു ഡിസൈനിന്റെ ഘടനയേയും മൊത്തത്തിലുള്ള പാരായണക്ഷമതയേയും നമ്മുടെ ഡിസൈന്‍ എത്രനന്നായി നമ്മുടെ ആശയത്തെ വിനിമയം ചെയ്യുന്നു എന്നതിനേയും നിര്‍ണ്ണയിക്കുന്ന പ്രധാന ഘടകം ഈ ബില്‍ഡിംഗ് ബ്ലോക്കുകള്‍ അഥവാ എലമെന്റുകള്‍ നാം എങ്ങനെ ഡിസൈനില്‍ പ്രതിഷ്‌ഠിച്ചിരിക്കുന്നു എന്നതാണ്. ഡിസൈനിന്റെ അടിസ്ഥാന പ്രമാണങ്ങള്‍ അഥവാ പ്രിന്‍സിപ്പിള്‍സ് ഓഫ് ഡിസൈന്‍ ഡിസൈന്‍ എലമെന്റുകളുടെ പരിപാലനത്തെ നിയന്ത്രിക്കുന്നു.

ഈ അധ്യായത്തില്‍ ഡിസൈന്‍ എലമെന്റുകള്‍, ഡിസൈന്‍ അടിസ്ഥാന പ്രമാണങ്ങള്‍ എന്നിവയെക്കുറിച്ച് ഒരാമുഖം മാത്രം പറയുന്നു. തുടര്‍ന്നുള്ള പാഠങ്ങളില്‍ ചിത്രങ്ങളുടെയും മറ്റുദാഹരങ്ങളുടെയും സഹായത്താല്‍ ഓരോന്നും വിശദമാ‍യി പ്രതിപാദിക്കുന്നതാണ്.

ഡിസൈന്‍ എലമെന്റുകള്‍ ഒരാമുഖം. (Design Elements)

ഡിസൈന്‍ എലമെന്റുകളെക്കുറിച്ച് വളരെ ലഘുവായി ഒന്നു സൂചിപ്പിക്കാം. വിശദമായി പിന്നീട് മനസ്സിലാക്കാവുന്നതാണ്.

പ്രധാനമായും അഞ്ച് എലമെന്റുകളാണുള്ളത്.

1)ലൈന്‍സ് അഥവാ വരകള്‍ (Lines) :- വരകളെന്താണെന്ന് എല്ലാവര്‍ക്കുമറിയാം. നേര്‍വര, വളഞ്ഞ വര, മുറിഞ്ഞ വര, കനം കൂടിയത്, കനം കുറഞ്ഞത്, അസ്ത്രാഗ്രം (Arrow Head) തുടങ്ങി പലതരം തരം തലപ്പുകളുള്ള വര, ഉള്ളു പൊള്ളയായ വര അങ്ങനെ നിരവധി വരകള്‍.

2)ഷേപ്‌സ് അഥവാ രൂപങ്ങള്‍ (Shapes) :- സമചതുരവും ദീര്‍ഘചതുരവും, വൃത്തം, ത്രികോണം ഇവയാണ് മൂന്ന് അടിസ്ഥാന ഷേപ്പുകള്‍.

3)മാസ്സ് അഥവാ പിണ്ഡം (Mass) :- അക്ഷരങ്ങളുടെയും ഗ്രാഫിക്കുകളുടെയും കടലാസ്സിന്റെയും വലിപ്പം, അളവ്, ഘനം ഇതെല്ലാം മാസ്സില്‍പ്പെടും.

4)റ്റെക്സ്ചര്‍ അഥവാ പ്രതല രൂപം:- (മലയാളത്തിലുള്ള നല്ല ഒറ്റവാ‍ക്കറിയാവുന്നവര്‍ സഹായിക്കുക) (Texture) :- പ്രിന്റുചെയ്യുന്നതിനുള്ള പേപ്പറില്‍ കാണപ്പെടുന്ന റ്റെക്സ്ച്ചറുകള്‍ അല്ലാതെ ഗ്രാഫിക്സ് ടെക്‍നിക്കുകള്‍ ഉപയൊഗിച്ച് റ്റെക്സ്ച്ചറുകള്‍ നിര്‍മ്മിക്കുന്നതിനെക്കുറിച്ച് ഈ വിഭാഗത്തില്‍ പ്രതിപാദിക്കുന്നു.

5)കളര്‍ അഥവാ നിറം (Colour) :- ചുവപ്പു നിറത്തിന്റെ അര്‍ത്ഥമെന്താണ്? ഏതൊക്കെ നിറങ്ങളാണ് തമ്മില്‍ച്ചേരുക? പിങ്ക് എന്തു കൊണ്ട് പെണ്‍‌കളറായി? :)...കളര്‍ സിംബോളിസവും കളര്‍ അസോസിയേഷനും Colour Meanings എന്ന പാഠത്തില്‍ പിന്നാലെ നമുക്ക് പഠിക്കാം.

മേല്‍പ്പറഞ്ഞ ഡിസൈന്‍ എലമെന്റുകള്‍ക്കൊപ്പം ബേസിക് ബിള്‍ഡിംഗ് ബ്ലോക്കുകളുടെ ഗണത്തില്‍പ്പെടുത്തി മറ്റു ചില എലമെന്റുകളും ഉപയോഗിക്കാറുണ്ട്.

ഡിസൈന്‍ അടിസ്ഥാന പ്രമാണങ്ങള്‍ (The Principles of Design)

വ്യത്യസ്ഥ ഡിസൈന്‍ അധ്യാപകര്‍ക്കും ഡിസൈനേഴ്‌സിനും ഡിസൈന്‍ ഡിസൈന്‍ പ്രമാണങ്ങളെക്കുറിച്ച് അവരുടേതായ കാഴ്ച്ചപ്പാടുകളുണ്ടെങ്കിലും ഏറ്റവും പ്രധാനപ്പെട്ടതും സാധാരണവുമായ ഡിസൈന്‍ പ്രമാണങ്ങള്‍ ആറെണ്ണമാണ്.
1)ബാലന്‍സ് (Balance) -തുലനം.
2)പ്രോക്സിമിറ്റി / യൂനിറ്റി (Proximity / Unity) – സാമീപ്യവും ഐക്യവും
3)അലൈന്മെന്റ് (Alignment) – സ്ഥാന നിര്‍ണ്ണയം
4)റെപറ്റീഷന്‍ / കണ്‍സിസ്റ്റന്‍സി (Repetition / Consistency) – ആവര്‍ത്തനം / സ്ഥിരത
5)കോണ്‍‌ട്രാസ്റ്റ് (Contrast) – വ്യതിരിക്തത
6)വൈറ്റ് സ്പേയ്‌സ് (white Space)- ശൂന്യസ്ഥലം.

ബാലന്‍സ് (Balance) -തുലനം.

ഒരുകയ്യില്‍ അഞ്ചു കിലോ പാറക്കഷണങ്ങളുടെ ഒരു സഞ്ചിയും മറുകയ്യില്‍ പത്തു കിലോ മാര്‍ബിള്‍ കഷണങ്ങളുടെ ഒരു സഞ്ചിയുമായി നിങ്ങള്‍ കുറേ ദൂരം നടക്കുകയാണെന്നിരിക്കട്ടെ. കുറേ ചെല്ലുമ്പൊഴേക്കും ഒരു കൈ വല്ലാതെ കഴയ്ക്കും. നടക്കാനിമ്മിണി പ്രയാസം. നിങ്ങളെന്നാ ചെയ്യും? രണ്ടു സഞ്ചിയും താഴെവെച്ചിട്ട് കുറേ മാര്‍ബിള്‍‍ കഷണങ്ങളെടുത്ത് പാറക്കഷണങ്ങളുടെ സഞ്ചിയിലേക്കിടും. വെയ്‌റ്റ് ഏകദേശം തുല്യമാക്കുന്നതിനായി. അങ്ങനെയായാല്‍ നടപ്പ് അല്‍പ്പം കൂടി എളുപ്പമാകും.
ഇതേ ധര്‍മ്മം തന്നെയാണ് ഡിസൈനില്‍ ബാലന്‍സ് ചെയ്യുന്നത്. ഡിസൈനിന്റെ ഏതെങ്കിലുമൊരു ഭാഗം മറ്റു ഭാഗത്തേക്കാള്‍ ഒത്തിരി ഘനമുള്ളതോ അഥവാ വലിപ്പമുള്ളതോ വലിപ്പം കുറഞ്ഞതോ ആകാ‍തെ ഡിസൈന്‍ എലമെന്റുകള്‍ അറേഞ്ച് ചെയ്ത് വിഷ്വല്‍ ബാലന്‍സ് കൈവരുത്തുന്ന പ്രമാണങ്ങളാണ് ബാലന്‍സില്‍ ഉള്ളത്.

പ്രോക്സിമിറ്റി / യൂനിറ്റി (Proximity / Unity) – സാമീപ്യവും ഐക്യവും

ഒരു ഹാളിലിരിക്കുന്ന ഒരു കൂട്ടം ആളുകളെ വീക്ഷിക്കുക. ആര് ആരെയൊക്കെയാണ് ശ്രദ്ധിക്കുന്നതെന്നും ആര് ആരെയൊക്കെയാണ് ഗൌനിക്കാതിരിക്കുന്നതെന്നും മന്‍സ്സിലാക്കാന്‍ ആരൊക്കെ അടുത്തടുത്തിരിക്കുന്നത് എന്നു നോക്കിയാല്‍ മതിയല്ലോ. അപ്പോള്‍ അകന്നു നില്‍ക്കുന്നവര്‍ അപരിചിതരായിരിക്കുമെന്നും മറ്റും നമുക്ക് മനസ്സിലാകും.
ഡിസൈനില്‍ പ്രോക്സിമിറ്റി അഥവാ സാമീപ്യം അതിലെ എലമെന്റുകള്‍ തമ്മിലുള്ള സാമീപ്യത്തെ- അടുപ്പമോ അകല്‍ച്ചയോ- നിര്‍ണ്ണയിക്കുന്നു. ഇതിലൂടെ ഡിസൈനിന്റെ ഭാഗങ്ങള്‍ വ്യത്യസ്ഥമാക്കുകയോ സാദൃശ്യമുള്ളതാക്കുകയോ ചെയ്യാം. അകല‍മുള്ള ഭാഗങ്ങളെ യോജിപ്പിക്കുന്നതിനായി മൂന്നാമതൊരു എലമെന്റു കൂടി ചേര്‍ത്തും നമുക്ക് ഡിസൈനിനൊരു യൂനിറ്റി അഥവാ കൈവരുത്താനുമാകും.

അലൈന്മെന്റ് (Alignment) – സ്ഥാന നിര്‍ണ്ണയം

നഗരത്തിലെ തിരക്കേറിയ പാര്‍ക്കിംഗ് സ്ഥലത്ത് വാഹനം പാര്‍ക്കു ചെയ്യാന്‍ ശ്രമിക്കുകയാണ് നിങ്ങള്‍. നോക്കുമ്പോള്‍ യാതൊരു ലക്കും ലഗാനുമില്ലാതെ ധാരാളം വാഹനങ്ങള്‍ അലക്ഷ്യമായി പാര്‍ക്ക് ചെയ്യപ്പെട്ടിരിക്കുന്നു. വശങ്ങളും സ്ഥലവുമൊന്നും നോക്കാതെ അവിടെയിമിവിടെയുമായി വാഹനങ്ങള്‍ കുത്തിനിറച്ചിട്ടിരിക്കുന്ന അവിടെ നിന്നും നിങ്ങള്‍ ജീവനും കൊണ്ടോടുന്നതൊന്നു ആലോചിച്ചു നോക്കൂ…

കുഴപ്പം പിടിച്ച ഈ അവസ്ഥ അലൈന്മെന്റിലൂടെ പരിഹരിക്കാം. പാര്‍ക്കിംഗിന്റെ കാ‍ര്യത്തിലാണെങ്കില്‍ പാര്‍ക്കിംഗിനായി പ്രത്യേക സ്ഥലം നിര്‍ണ്ണയിച്ച് പാര്‍ക്കിംഗ് വരകളും മറ്റുമിട്ടാല്‍ മതി. ഡിസൈനിലാണെങ്കിലോ? എങ്ങനെയാണ് നാം റ്റെക്സ്റ്റുകളും ഗ്രാഫിക്കുകളും അലൈന്‍ ചെയ്യുക? നമ്മുടെ ലേഔട്ട് വായിക്കാന്‍ സുഖമുള്ളതും കാണുന്നവരില്‍ ആശ്ചര്യം ജനിപ്പിക്കുന്ന രീതിയിലുമാനോ അതോ വായന പ്രയാസമാക്കുന്നതും ചിരപരിചിതമായ ഡിസൈനെന്നു മറ്റുള്ളവര്‍ക്ക തോന്നുന്ന രീതിയിലുമാണോ. അലൈന്മെന്റ് വളരെ പ്രധാനപ്പെട്ടതാണ്. നമുക്ക് വിശദമായി വഴിയേ പഠിക്കാം.

റെപറ്റീഷന്‍ / കണ്‍സിസ്റ്റന്‍സി (Repetition / Consistency) – ആവര്‍ത്തനം / സ്ഥിരത

തിരുവനന്തപുരത്തു നിന്നും കാസര്‍ഗോട്ടേക്ക് ഹൈവേയിലൂടെ യാത്ര ചെയ്യുകയാണ് നിങ്ങള്‍. ജില്ല മാറുന്നതിനനുസരിച്ച് ട്രാഫിക് സൈനുകളുടെ നിറവും രൂപവും മാറിയാലോ? സ്റ്റോപ് സൈനിന് തിരുവനന്തപുരത്തു ചുവപ്പു നിറം, വൃത്താകൃതി. കൊല്ലത്ത് പച്ച നിറം, ചതുരത്തില്‍. ആലപ്പുഴയില്‍ മഞ്ഞ നിറം, സിലിണ്ടര്‍ രൂപത്തില്‍…! നല്ല രസമായിരിക്കുമല്ലേ? ഇടി എവിടെച്ചെന്നു നില്‍ക്കും. ട്രാഫിക് ജാമുകള്‍ എപ്പോള്‍ത്തീരും…ഈയവസ്ഥ ഒഴിവാക്കാനല്ലേ ഇന്ത്യയിലെവിടെയും ട്രാഫിക് സൈനുകള്‍ക്ക് ഒരേ നിറം, ഒരേ ആകൃതി.

ഡിസൈനില്‍ ആവര്‍ത്തിക്കപ്പെടുന്ന ഡിസൈന്‍ എലമെന്റുകളും ഡോകുമെന്റിനുള്ളിലെ സ്ഥിരതയുള്ള റ്റെക്സ്റ്റ്, ഗ്രാഫിക് സ്റ്റൈലുകളും വായനക്കാരനെ ഡിസൈനിലൂടെ ‘സുരക്ഷിതമായി’ കറങ്ങിത്തിരിയാന്‍ സഹായിക്കും. ഒരു കമ്പനിയുടെ വിവിധ ഡിസൈനുകളില്‍ ഒരേ എലമെന്റുകളും സ്റ്റൈലുമാണെങ്കില്‍ ആ കമ്പനിയുടെ ഏതു ഡിസൈന്‍ കണ്ടാലും ജനം പെട്ടെന്നു തിരിച്ചറിയും.

കോണ്‍‌ട്രാസ്റ്റ് (Contrast) – വ്യതിരിക്തത

നിങ്ങളുടെ നാ‍ട്ടില്‍ ഒരുവോളിബോള്‍ ടൂര്‍ണ്ണമെന്റ്. മിക്ക റ്റീമുകളിലും ശരാശരി ഉയരക്കാര്‍. എന്നാല്‍ നിങ്ങളുടെ ക്ലബ്ബ് ആറരയടി പൊക്കമുള്ള മൂന്നാലെണ്ണത്തിനെ എങ്ങാണ്ടൂന്നോ വാടകക്കെടുക്കുന്നു. നിങ്ങളുടെ ടീം കളത്തിലിറങ്ങിയാല്‍ കാണികള്‍ ആരെ ശ്രദ്ധിക്കും?
ഇതു തന്നെയാണ് കോണ്‍‌ട്രാസ്റ്റ്. വലുതും ചെറുതുമായ എലമെന്റ്സ്, കറുപ്പും വെളുപ്പും ടെക്സ്റ്റുകള്‍, ചതുരങ്ങളും വൃത്തങ്ങളും ഇവക്കെല്ലാം ഡിസൈനില്‍ കോണ്‍‌ട്രാസ്റ്റ് സൃഷ്‌ടിക്കുവാന്‍ കഴിയും.

വൈറ്റ് സ്പേയ്‌സ് (white Space)- ശൂന്യസ്ഥലം.

നമ്മുടെ നാട്ടിലെ നാലര മണി നേരത്തെ ഒരു പ്രൈവറ്റ് ബസ്സിലേക്ക് നിങ്ങളുടെ ശ്രദ്ധയെ ഞാന്‍ ക്ഷണിക്കുന്നു. ഓഫീസ് ജീവനക്കാര്‍, അധ്യാപകര്‍, സ്കൂള്‍ കോളജ് വിദ്യാര്‍ത്ഥികള്‍, കച്ചവടക്കാര്‍…എല്ലാരേം കുത്തിനിറച്ചൊരു കൊച്ചു ബസ്സ്. ഒരുത്തന്‍ ഫുട്ബോഡില്‍ തൂങ്ങി അകത്തേക്കു തള്ളിക്കയറാന്‍ ശ്രമിക്കുമ്പോള്‍ മറ്റൊരുത്തന്‍ ശ്വാ‍സം മുട്ടി അകത്തു നിന്നും പുറത്തേക്കു ചാടാന്‍ ശ്രമിക്കുന്നു. എത്ര നേരം നമ്മളതില്‍ യാത്ര ചെയ്യും?

കൂടുതല്‍ ടെക്സ്റ്റുകളും ഗ്രാഫിക്കുകളും കുത്തിനിറച്ചൊരു ഡിസൈന്‍ അതുപോലെ തന്നെ ശ്വാസം മുട്ടിക്കും. വായനയൊന്നും സാധ്യമല്ല തന്നെ. വൈറ്റ് സ്പേയ്‌സ് ഡിസൈനിലെ ‘ബ്രീത്തിംഗ് റൂമാ‘ണ്. വൈറ്റ്‌സ്പേയ്‌സ് കൈവരുത്താനുള്ള പാഠങ്ങളും പിന്നാലെ വരുന്നുണ്ട്.

5 comments:

Ziya said...

മൂര്‍ത്തി,
ഈ പാഠങ്ങള്‍ പതിവായി വായിക്കുകയും അഭിപ്രായം പറയുകയും ചെയ്യുന്നതില്‍ വളരെ സന്തോഷം..നന്ദി

നന്ദു said...

ഗുരോ, വളരെ ആകാംക്ഷാ പൂര്‍വ്വം വിശദമായ പാഠങ്ങള്‍ക്ക് കാത്തിരിക്കുന്നു.. അറിവുകള്‍ മറ്റുള്ളവരിലേക്ക് പകരാന്‍ ഇല്ലാത്ത സമയം കണ്ടെത്തുന്നതിന്‍ പ്രത്യേകം നന്ദി.. ഗ്രാഫിക്സിലും ഡിസൈനിങിലുമൊക്കെ ബിഗ് സീറോ ആയ എന്നെപ്പോലുള്ളവര്‍ക്ക് തീര്‍ച്ചയായും ഇത് ഉപകാരപ്രദമാണ്‍.

ഇടയ്ക്ക് വച്ച് നിര്‍ത്തി മുങ്ങരുത് തുടരണം..!

Ziya said...

നന്ദുവേട്ടാ,
സമയമാണ്‌ പ്രശ്‌‌നം. എന്നാലും മുടക്കാതിരിക്കാന്‍ ശ്രമിക്കാം...
(ആക്കരുത് ട്ടാ :))

Unknown said...

Thanks for this lessons in malayalam. I suggest you add the following links to learn them more:

http://desktoppub.about.com/cs/graphicdesign/a/designbasics_2.htm
http://desktoppub.about.com/
http://www.freepsd.com/article_view/15/46
http://www.graphic-design.com/Photoshop/tutorials/index.html

Unknown said...

സിയ ചേട്ടാ

വളരെ പ്രതീക്ഷയോടെ കാത്തിരിക്കുന്നു .

Settings =>Site Feed => Allow Blog Feeds = "Full" ആക്കിയിരുന്നെങ്കില് ഉപകാരമായിരുന്നു RSS reader ഉപയോഗിച്ചു വായിക്കാന്

വളരെ നന്ദി