ലേഔട്ട് ഡിസൈൻ എങ്ങനെ മാസ്റ്റർ ചെയ്യാം

വിഷ്വൽ ഡിസൈനിന്റെ അടിസ്ഥാനകാര്യങ്ങൾ പഠിക്കാനുള്ള ഒരു പൂർണ്ണ ഗൈഡ്.

ദശലക്ഷക്കണക്കിന് ഡോളർ ചോദ്യം: നല്ല ഡിസൈനിന്റെ രഹസ്യം എന്താണ്?

നമുക്ക് ഇതിനെ കുറിച്ച് തത്വശാസ്ത്രത്തിലേക്ക് പോകാം. , എന്നാൽ പൊതുവായി പറഞ്ഞാൽ, നല്ല രൂപകൽപനയുടെ 'രഹസ്യം' എന്ന പഴഞ്ചൊല്ല് നിങ്ങളുടെ ക്യാൻവാസുമായി ബന്ധപ്പെട്ട്, നിങ്ങളുടെ വിഷ്വൽ ഘടകങ്ങൾ ക്രമീകരിക്കുന്ന രീതിയിലാണ്. അടിസ്ഥാനപരമായി, ഞങ്ങൾ ലേഔട്ട് ഡിസൈൻ വിവരിച്ചിരിക്കുന്നു. നിങ്ങൾ അത് ചിന്തിക്കുമ്പോൾ, നിങ്ങൾ എവിടെ നോക്കിയാലും.

ഉദാഹരണത്തിന് ഒരു മാസികയുടെ ലേഔട്ട് എടുക്കുക. അവരുടെ ഡിസൈൻ ഒരു ക്ലാസിക് ഗ്രിഡ് സിസ്റ്റം പിന്തുടരുന്നു (ഞങ്ങൾ ഒരു മിനിറ്റിനുള്ളിൽ ഗ്രിഡുകളെ കുറിച്ച് പഠിക്കാൻ പോകുന്നു). എല്ലാം സാധാരണയായി ഇടത്തോട്ടും വലത്തോട്ടും താഴെയുമായി വിന്യസിച്ചിരിക്കുന്നു. കോളങ്ങൾക്ക് പ്രത്യേകമായി ഒരു വ്യതിരിക്തമായ വിന്യാസം ഉണ്ട്, അത് പേജിനെ ദൃശ്യപരമായി ആകർഷകമാക്കുക മാത്രമല്ല, വായിക്കാൻ എളുപ്പവും ആധികാരികവുമാക്കുന്നു. വലിയ തലക്കെട്ടുകൾ കാഴ്ചക്കാരന്റെ ശ്രദ്ധ ആകർഷിക്കുന്നു, അതേസമയം ഉപശീർഷകം വിവരങ്ങളുടെ വിഷ്വൽ ശ്രേണി സൃഷ്‌ടിക്കുന്നതിന് വലുപ്പത്തിൽ വൈരുദ്ധ്യമായി വരുന്നു.

ലിൻഡ ഗാം, ബെഹൻസ്

ഈ ഗുണങ്ങളെല്ലാം പേജിനെ നിർമ്മിക്കുന്നു വൃത്തിയുള്ളതും ഘടനാപരമായതും വായിക്കാൻ എളുപ്പമുള്ളതുമായ ഡിസൈൻ, ഞങ്ങൾ അടുത്തതായി സംസാരിക്കാൻ പോകുന്ന നുറുങ്ങുകളുമായി അവ പൊരുത്തപ്പെടുന്നു. എന്നാൽ ആദ്യം, ലേഔട്ട് ഡിസൈനിനെക്കുറിച്ച് കൂടുതൽ മനസ്സിലാക്കാം.

ലേഔട്ട് ഡിസൈൻ എന്താണ്?

വായനക്കാരന്റെ ശ്രദ്ധ ആകർഷിക്കുന്നതിനും ഒരു പ്രത്യേക സന്ദേശം ദൃശ്യപരമായി ആകർഷകമാക്കുന്നതിനും വേണ്ടിയുള്ള ഗ്രാഫിക്കൽ ഘടകങ്ങളുടെ ക്രമീകരണത്തെയാണ് ലേഔട്ട് ഡിസൈൻ പരിഗണിക്കുന്നത്. .

അതിനാൽ ഞങ്ങൾ സംസാരിക്കുന്നില്ലവിശ്രമസ്ഥലം, മറ്റ് ഘടകങ്ങൾ ദിശാബോധം നൽകുന്നു.

ഇത് മനസ്സിലാക്കാനുള്ള ഒരു ലളിതമായ മാർഗ്ഗം ഉദാഹരണമായി ഞങ്ങളുടെ വെബ്‌സൈറ്റിന്റെ ഉദാഹരണം എടുക്കുക എന്നതാണ്. ഗ്രാഫിക്‌സ് ടെക്‌സ്‌റ്റിൽ നിന്ന് വ്യക്തമായി വേർതിരിക്കപ്പെടുന്നു, അതുപോലെ തന്നെ പ്രവർത്തനത്തിലേക്കുള്ള കോളുകളും, അതിനാൽ കാഴ്ചക്കാരന്റെ ശ്രദ്ധ ഒരു വിവരശേഖരത്തിൽ നിന്ന് അടുത്തതിലേക്ക് നാവിഗേറ്റ് ചെയ്യുന്നു.

തത്വം #5. കോൺട്രാസ്റ്റ് ഉപയോഗിക്കുക

നിങ്ങളുടെ ഡിസൈനിൽ മതിയായ കോൺട്രാസ്റ്റ് ഉണ്ടെന്ന് ഉറപ്പാക്കുക.

കോൺട്രാസ്റ്റ് നിങ്ങളുടെ ഡിസൈനിനെ ക്രമീകരിക്കാൻ സഹായിക്കുകയും വളരെ ആവശ്യമുള്ള ഒരു ശ്രേണി സ്ഥാപിക്കുകയും പ്രധാനപ്പെട്ടവയ്ക്ക് ഊന്നൽ നൽകുകയും ചെയ്യും.

അതിനപ്പുറം, കോൺട്രാസ്റ്റിന്റെ നല്ല ഉപയോഗം നിങ്ങളുടെ ഡിസൈനിലുടനീളം ദൃശ്യ താൽപ്പര്യം കൂട്ടുന്നു. നമുക്ക് ഇതിനെ അഭിമുഖീകരിക്കാം, എല്ലാം ഒരേ വലിപ്പമോ ആകൃതിയോ നിറമോ ഉള്ള ഒരു ലേഔട്ട് വിരസമായി തോന്നും. ദൃശ്യതീവ്രത മസാലകൾ വർദ്ധിപ്പിക്കുന്നു.

നിങ്ങളുടെ ആദ്യ ചിന്ത ഊഷ്മളവും തണുപ്പും, ഇരുണ്ടതും വെളിച്ചവും, നീലയും ഓറഞ്ചും പോലെയുള്ള വർണ്ണ തീവ്രതയായിരിക്കാം. എന്നാൽ വർണ്ണം കോൺട്രാസ്റ്റിന്റെ അത്യന്താപേക്ഷിതമായ ഒരു തത്വമാണെങ്കിലും, തരം, വിന്യാസം, വലിപ്പം എന്നിവയുടെ വൈരുദ്ധ്യങ്ങളും ഉണ്ട്. ഓർക്കുക, കോൺട്രാസ്റ്റും ആപേക്ഷികമാണ്. മറ്റ് ഘടകങ്ങളുമായി സംയോജിപ്പിക്കുമ്പോൾ മാത്രമേ ഇതിന് അർത്ഥമുള്ളൂ.

ഈ നിയമം മികച്ചതും മനോഹരവുമായ രീതിയിൽ ഉപയോഗിക്കുന്ന ലേഔട്ടുകളുടെ ചില ഉദാഹരണങ്ങൾ ഇതാ. ടൈപ്പോഗ്രാഫി, വർണ്ണം, മൂലകങ്ങൾ തമ്മിലുള്ള വലിപ്പത്തിലുള്ള വ്യത്യാസം എന്നിവയിലെ വൈരുദ്ധ്യം ശ്രദ്ധിക്കുക.

ഉറവിടം: IAG അനുരഞ്ജന പ്രവർത്തന പദ്ധതി

തത്ത്വം #6. ആവർത്തനം, പാറ്റേൺ, താളം

ആവർത്തനത്തെക്കുറിച്ച് ചിന്തിക്കുമ്പോൾ, നമ്മൾ ചിന്തിക്കുന്നുവീണ്ടും വീണ്ടും ഒരേ മൂലകത്തിന്റെ.

എന്നാൽ ഡിസൈനിൽ ഇത് വ്യത്യസ്തമാണ്. ഇത് തീർച്ചയായും അത്ര വിരസമല്ല. ശരിയായി ഉപയോഗിക്കുമ്പോൾ, ആവർത്തനത്തിന് യഥാർത്ഥത്തിൽ നിങ്ങളുടെ ഡിസൈനിനെ ശാക്തീകരിക്കാൻ കഴിയും.

നിങ്ങളുടെ ലേഔട്ടിലുടനീളം ഒരു മോട്ടിഫ് തിരിച്ചറിയാനും വീണ്ടും ഉപയോഗിക്കാനും ശ്രമിക്കുക, അതുവഴി വിവിധ മേഖലകൾ ഒരേ കോമ്പോസിഷന്റെ ഭാഗമാണെന്ന് തോന്നുന്നു. നിങ്ങളുടെ ഡിസൈനിന് ഒരു തീം ഉണ്ടാക്കാൻ ഇത് സഹായിക്കും. ഘടകങ്ങൾ ആവർത്തിക്കുന്നതിലൂടെ, നിങ്ങളുടെ പ്രേക്ഷകരുടെ പ്രതീക്ഷകൾക്കനുസരിച്ച് നിങ്ങൾ വിതരണം ചെയ്യുക മാത്രമല്ല, ഉപയോക്തൃ അനുഭവം മെച്ചപ്പെടുത്തുകയും ചെയ്യും. സ്ഥിരത പുലർത്തുന്നത് ഉപയോക്താക്കൾക്ക് കൂടുതൽ സുഖകരമാക്കുന്നു.

ആകാരങ്ങളോ ചിഹ്നങ്ങളോ ആവർത്തിച്ച് നിങ്ങൾക്ക് ഇത് ചെയ്യാൻ കഴിയും. അല്ലെങ്കിൽ ഒരു വർണ്ണ സ്കീം, ഒരു ടൈപ്പ്ഫേസ്, പൊതുവെ ഒരേ ശൈലി.

ഒരു വലിയ കുടുംബത്തോടൊപ്പം ഒരു ടൈപ്പ്ഫേസ് ഉപയോഗിക്കുന്നത് ഒരു നല്ല ശീലമാണ്. വ്യത്യസ്ത എണ്ണം പാറ്റേണുകൾ, ലൈൻ വെയ്റ്റുകൾ/ശൈലികൾ, നിറങ്ങൾ എന്നിവ പരിമിതപ്പെടുത്തുക, കൂടാതെ ഉടനീളം ആവർത്തിക്കുക. കൂടാതെ, ചിത്രങ്ങളുടെയും ഗ്രാഫിക്സുകളുടെയും ശൈലി അതേപടി നിലനിർത്താൻ ശ്രമിക്കുക. ഉദാഹരണത്തിന്, അതേ കലാകാരന്റെ ചിത്രീകരണങ്ങൾ ഉപയോഗിക്കുക.

ഉറവിടം: Thepentool.co

അത്രമാത്രം. നിങ്ങളുടെ ഡിസൈൻ ഓർഗനൈസുചെയ്യാനും വൃത്തിയുള്ളതും കൂടുതൽ പ്രൊഫഷണലായതും സമതുലിതമായതുമായ ലേഔട്ട് നേടാൻ സഹായിക്കുന്ന ആറ് തത്വങ്ങളാണിവ.

എന്നാൽ നിങ്ങളുടെ യാത്ര ഇവിടെ അവസാനിക്കുന്നില്ല. ഗ്രാഫിക് ഡിസൈൻ ഒരു കൃത്യമായ ശാസ്ത്രമല്ല, അത് നുറുങ്ങുകളിലും തത്വങ്ങളിലും പരിമിതപ്പെടുത്തരുത്. സൃഷ്ടിയുടെ എല്ലാ മേഖലകളിലും സത്യമെന്നപോലെ, കഠിനമായ നിയമങ്ങളൊന്നുമില്ല. ഈ നുറുങ്ങുകളിൽ നിന്ന് സൂക്ഷ്മമായ വഴികളിൽ നിന്ന് പുറത്തുകടക്കുന്നത് ആഴവും വൈവിധ്യവും വർദ്ധിപ്പിക്കുംനിങ്ങളുടെ ഡിസൈനുകൾ.

എന്നിരുന്നാലും, അവ ഒരു മികച്ച തുടക്കമാണ്, അവ പരീക്ഷിച്ചുനോക്കാൻ ഞങ്ങൾ നിങ്ങളെ പ്രോത്സാഹിപ്പിക്കുന്നു. അവ എങ്ങനെ പ്രവർത്തിച്ചുവെന്ന് ഞങ്ങളെ അറിയിക്കൂ!

ആരംഭിക്കാൻ വെക്‌ടോർനേറ്റർ ഡൗൺലോഡ് ചെയ്യുക

നിങ്ങളുടെ ഡിസൈനുകൾ അടുത്ത ഘട്ടത്തിലേക്ക് കൊണ്ടുപോകുക.

ഫയൽ ഡൗൺലോഡ് ചെയ്യുക ലോഗോ ഡിസൈനിനെക്കുറിച്ച് ഇവിടെ. എന്നാൽ പത്രങ്ങൾ, മാഗസിനുകൾ, പോസ്റ്ററുകൾ, അവയുടെ ഡിജിറ്റൽ എതിരാളികൾ, വെബ്, ആപ്പ് അല്ലെങ്കിൽ UX/UI ഡിസൈൻ എന്നിവ പോലെയുള്ള പ്രിന്റ് മെറ്റീരിയലിന്റെ ഡിസൈൻ.

'ലേഔട്ട്' എന്ന വാക്ക് നമുക്ക് ധാരാളം സൂചനകൾ നൽകുന്നു. ഒരു പേജിൽ മുൻകൂട്ടി നിശ്ചയിച്ച ഘടകങ്ങളുടെ ക്രമീകരണം എന്നാണ് ഇത് അർത്ഥമാക്കുന്നത്.

ഒരു ലേഔട്ട് ഫലപ്രദമാകുമ്പോൾ, അത് മനോഹരമായി കാണപ്പെടും, ഡിസൈൻ നൽകാൻ ശ്രമിക്കുന്ന സന്ദേശം മനസ്സിലാക്കാൻ ഇത് കാഴ്ചക്കാരനെ നയിക്കുന്നു. ആകസ്മികവും ഫലപ്രദവും ഉപയോക്തൃ-സൗഹൃദവും ആഹ്ലാദകരവുമായ കോമ്പോസിഷനുകൾ സൃഷ്ടിക്കുന്നതിൽ ലേഔട്ട് മനസ്സിലാക്കുന്നത് പ്രധാനമാണ്.

ഒരു ലേഔട്ട് അതിന്റെ സന്ദേശം പ്രേക്ഷകരിലേക്ക് നന്നായി എത്തിക്കുന്നില്ലെങ്കിൽ അല്ലെങ്കിൽ മറ്റൊരു രീതിയിൽ പറഞ്ഞാൽ, അത് "നന്നായി വായിക്കുന്നില്ല" ", ഡിസൈൻ എത്ര ട്രെൻഡിയായി കാണപ്പെട്ടാലും അത് ഫലപ്രദമല്ല. ലേഔട്ട് ഡിസൈനിന്റെ മണ്ഡലത്തിൽ, ഉള്ളടക്കം ട്രെൻഡുകളെയും ഗിമ്മിക്കുകളേയും അസാധുവാക്കുന്നു.

ലേഔട്ട് ഡിസൈനിന്റെ ഉദ്ദേശ്യം

ഒരു സന്ദേശം വേഗത്തിൽ കൈമാറാൻ

ഇത് പ്രധാനമാണ്. പരമാവധി ഫലപ്രാപ്തിക്കും ആഘാതത്തിനുമായി കണ്ണിന്റെ ചലനത്തിന്റെ സുഗമമായ ഒഴുക്ക് കൈവരിക്കുന്നതിന് ഗ്രാഫിക് അസറ്റുകൾ തമ്മിലുള്ള ബന്ധം സ്ഥാപിക്കാൻ ലേഔട്ട് ഡിസൈൻ സഹായിക്കുന്നു.

ബാലൻസ് സൃഷ്‌ടിക്കുന്നതിന്

ലേഔട്ട് ഡിസൈനിന്റെ തത്വങ്ങൾ ഉപയോഗിക്കുന്നത് സൃഷ്‌ടിക്കുന്നതിനുള്ള ഏറ്റവും ലളിതമായ മാർഗമാണ്. നിങ്ങളുടെ ഡിസൈൻ പ്രോജക്‌ടുകളിൽ ബോറടിപ്പിക്കാതെ സന്തുലിതാവസ്ഥയും സമമിതിയും.

ഒത്തൊരുമ സൃഷ്ടിക്കാൻ

നിങ്ങളുടെ ഡിസൈനിലെ പല ഘടകങ്ങളും എളുപ്പത്തിൽ ദഹിപ്പിക്കാവുന്നതും യോജിച്ചതും യുക്തിസഹവുമായ രീതിയിൽ ക്രമീകരിക്കാൻ ലേഔട്ട് നിങ്ങളെ സഹായിക്കുന്നു.

സൗന്ദര്യം സൃഷ്ടിക്കാൻ

സന്തുലനവും ഘടനയും സ്വാഭാവികമായും സൗന്ദര്യം സൃഷ്ടിക്കുന്നു.നിങ്ങളുടെ ലേഔട്ട് ഡിസൈൻ ശരിയായി ചെയ്താൽ, അത് യാന്ത്രികമായി കാഴ്ചക്കാരനെ ആകർഷിക്കും. ഒരു സന്ദേശം മനസ്സിലാക്കാൻ കാഴ്ചക്കാർ കുറച്ച് പരിശ്രമിക്കേണ്ടതുണ്ട്, നിങ്ങളുടെ ഡിസൈൻ കൂടുതൽ ആകർഷകമായി തോന്നും.

'I Used to Be a Design Student' എന്ന പുസ്തകത്തിനായി ഫ്രാങ്ക് ഫിലിപ്പിന്റെ ഡിസൈനർ: പിന്നെ - ഇപ്പോൾ.' ഉറവിടം: DesignBoom

ലേഔട്ട് ഡിസൈനിന്റെ ഘടകങ്ങൾ

ടെക്‌സ്‌റ്റ്

ഇതിൽ ടെക്‌സ്‌റ്റ് ബോഡി അല്ലെങ്കിൽ ഖണ്ഡികകൾ മാത്രമല്ല, തലക്കെട്ടുകൾ, ഉപശീർഷകങ്ങൾ, തലക്കെട്ടുകൾ, അടിക്കുറിപ്പുകൾ എന്നിവയും ഉൾപ്പെടുന്നു. നിങ്ങളുടെ ടൈപ്പോഗ്രാഫി, വർണ്ണം, വലുപ്പം എന്നിവയുടെ തിരഞ്ഞെടുപ്പ് നിങ്ങളുടെ ലേഔട്ട് നിങ്ങളുടെ പ്രേക്ഷകരിലേക്ക് എങ്ങനെ വിവർത്തനം ചെയ്യും എന്നതിൽ വ്യത്യസ്‌ത ഫലങ്ങൾ കൈവരിക്കും.

ചിത്രം

ഫോട്ടോഗ്രാഫുകൾ, ചിത്രീകരണങ്ങൾ അല്ലെങ്കിൽ ഇൻഫോഗ്രാഫിക്‌സ് എന്നിവയാണ് ചിത്രങ്ങളുടെ ഏറ്റവും സാധാരണമായ തരം.

ആകൃതികൾ

ആകൃതികൾ ജ്യാമിതീയമാകാം, അവ വളരെ കോണാകാം, അല്ലെങ്കിൽ അവ പ്രകൃതി ലോകത്തെ അനുകരിക്കുന്ന ഓർഗാനിക് ആകാം. അവ അമൂർത്തവും ആകാം. അമൂർത്ത രൂപങ്ങൾ കഴിഞ്ഞ വർഷം വളരെ ട്രെൻഡി ആയിരുന്നു, കാരണം വെബ് ഡിസൈനർമാർ അവയെ സങ്കീർണ്ണവും വിശാലവുമായ കോമ്പോസിഷനുകളിൽ ഉൾപ്പെടുത്തുന്നത് ഞങ്ങൾ കണ്ടു.

ആകൃതികൾക്ക് ഒരു ഇമേജ് മാറ്റിസ്ഥാപിക്കാൻ കഴിയും. അല്ലെങ്കിൽ ഒരു പേജിലേക്ക് ഗ്രാഫിക് ഘടകങ്ങൾ ചേർക്കുന്നതിനോ ടെക്‌സ്‌റ്റ് ഹൈലൈറ്റ് ചെയ്യുന്നതിനോ മറ്റ് വിഷ്വൽ എലമെന്റുകൾക്കിടയിലുള്ള സ്‌പെയ്‌സ് നിർവചിക്കുന്നതിനോ അവ ഉപയോഗിക്കാം.

വൈറ്റ് സ്‌പെയ്‌സ്

ഏത് ലേഔട്ട് ഡിസൈനിനും ഒരു നിശ്ചിത അളവിൽ വൈറ്റ് സ്‌പെയ്‌സ് ഉണ്ടായിരിക്കും. അത് നിങ്ങളുടെ മൂലകങ്ങളെ ശ്വസിക്കാനും സ്വയം വേറിട്ടുനിൽക്കാനും അനുവദിക്കും.

ലേഔട്ട് ഡിസൈനിന്റെ സുവർണ്ണ തത്ത്വങ്ങൾ

തത്ത്വങ്ങൾ നിങ്ങൾ ശ്രദ്ധിക്കും.ലേഔട്ട് ഡിസൈൻ ഡിസൈനിന്റെ അടിസ്ഥാന തത്വങ്ങൾ ഒരുപാട് പിന്തുടരുന്നു. ഒരു പ്രത്യേക രീതിയിൽ നിറം ഉപയോഗിക്കുന്നത് പോലെ, ടൈപ്പോഗ്രാഫി, ആവർത്തനം, ദൃശ്യതീവ്രത, ശ്രേണി, ബാലൻസ്.

ഇതും കാണുക: പ്രചോദനാത്മകമായ ടാറ്റൂ ഡിസൈൻ ആശയങ്ങൾ

തത്ത്വം #1. ഗ്രിഡുകൾ ഉപയോഗിക്കുക

ടെക്‌സ്‌റ്റും ഇമേജുകളും പോലുള്ള വിവിധ ഡിസൈൻ ഘടകങ്ങളെ യോജിച്ചതും പിന്തുടരാൻ എളുപ്പമുള്ളതുമായ രീതിയിൽ സ്ഥാപിക്കാൻ ഗ്രിഡുകൾ ഡിസൈനർമാരെ സഹായിക്കുന്നു.

അവ ക്രമബോധം പ്രദാനം ചെയ്യുന്നു, ഘടകങ്ങളെ പരസ്‌പരം കീഴടക്കുന്നതിൽ നിന്ന് അവ നിലനിർത്തുന്നു. , ഏറ്റവും പ്രധാനമായി, ഗ്രിഡുകൾ നിങ്ങളുടെ വിന്യാസവും ശരിയാക്കും. നിങ്ങളുടെ ജോലി വൃത്തിയുള്ളതും കൂടുതൽ പ്രൊഫഷണലായതുമാക്കുന്നു.

ഉറവിടം: hgmlegal.com

ഗ്രിഡുകളുടെ ശരീരഘടന

ഇത് ലംബവും തിരശ്ചീനവുമായ വരികൾ മാത്രമാണെന്ന് നിങ്ങൾ കരുതിയേക്കാം, പക്ഷേ ഒരു ഗ്രിഡ് നിരവധി ഭാഗങ്ങൾ ചേർന്നതാണ്. പലതും, വാസ്തവത്തിൽ. ഒരു അടിസ്ഥാന ഗ്രിഡിൽ നിങ്ങൾ അറിഞ്ഞിരിക്കേണ്ട ഏറ്റവും പ്രധാനപ്പെട്ട പദാവലി ഇതാ:

• Format ആണ് നിങ്ങളുടെ അന്തിമ രൂപകൽപ്പനയുടെ മുഴുവൻ മേഖലയും. അതിനാൽ നിങ്ങൾ പ്രിന്റിനായി എന്തെങ്കിലും രൂപകൽപ്പന ചെയ്താൽ, ഫോർമാറ്റ് പേജാണ്, നിങ്ങൾ ഒരു വെബ് ഡിസൈനറാണെങ്കിൽ, ഫോർമാറ്റ് വെബ് പേജോ ബ്രൗസർ വിൻഡോയോ ആണ്.
• മാർജിൻസ് എന്നത് ഫോർമാറ്റിനും ഡിസൈനിനും ഇടയിലുള്ള മനഃപൂർവമായ ശൂന്യമായ ഇടങ്ങളാണ്.
• Flowlines നിങ്ങളുടെ ലേഔട്ടിനെ സമാന്തര വിഭാഗങ്ങളായി വേർതിരിക്കുന്ന തിരശ്ചീന വരകളാണ്. ഫ്ലോലൈനുകൾ നിങ്ങളുടെ ഡിസൈനിന്റെ വായനാക്ഷമതയെ സഹായിക്കുകയും ഉള്ളടക്കം ശരിയായി പിന്തുടരാൻ വായനക്കാരനെ നയിക്കുകയും ചെയ്യുന്നു.
• മൊഡ്യൂളുകൾ തിരശ്ചീനമായ വരകളും ലംബവും ചേർന്ന് രൂപപ്പെടുന്ന ബ്ലോക്കുകളാണ്.ഏതെങ്കിലും ഗ്രിഡിന്റെ ഫ്ലോ ലൈനുകൾ. നിങ്ങൾ അതിനെക്കുറിച്ച് ചിന്തിക്കുകയാണെങ്കിൽ, അവ ഏതൊരു ഗ്രിഡിന്റെയും നിർമ്മാണ ബ്ലോക്കുകളാണ്. നിങ്ങളുടെ എല്ലാ ലംബ മൊഡ്യൂളുകളും നിങ്ങളുടെ നിരകൾ സൃഷ്‌ടിക്കുന്നു, അതേസമയം നിങ്ങളുടെ എല്ലാ തിരശ്ചീന ഗ്രിഡുകളും നിങ്ങളുടെ വരികൾ സൃഷ്‌ടിക്കുന്നു.
• പ്രദേശങ്ങൾ ലംബമായോ തിരശ്ചീനമായോ ബന്ധിപ്പിച്ച മൊഡ്യൂളുകളുടെ ഗ്രൂപ്പുകളാണ്. ഇവ എങ്ങനെ സംഘടിപ്പിക്കണമെന്ന് നിങ്ങൾ തീരുമാനിക്കുന്നു എന്നതിന് നിയമങ്ങളൊന്നുമില്ല.

ഉറവിടം: റാഡ്‌വേർസിറ്റി

ഗ്രിഡുകളുടെ തരങ്ങൾ

ലേഔട്ട് ഗ്രിഡുകൾ ക്രമീകരിക്കാൻ ആദ്യം ഉപയോഗിച്ചു. കടലാസിൽ കൈയക്ഷരം.

13-ആം നൂറ്റാണ്ടിൽ ഫ്രഞ്ച് കലാകാരനായ വില്ലാർഡ് ഡി ഗ്രിഡ് സിസ്റ്റത്തെ സുവർണ്ണ അനുപാതത്തിൽ ലയിപ്പിച്ച് മാർജിനുകളുള്ള അച്ചടിച്ച പേജ് ലേഔട്ടുകൾ നിർമ്മിക്കുന്നത് വരെ പഴക്കമുള്ളതാണ്. അച്ചടിച്ച പുസ്തകങ്ങളുടെയും മാഗസിൻ ലേഔട്ടുകളുടെയും ഭൂരിഭാഗവും തെളിയിക്കുന്നതുപോലെ, ഈ ഗ്രിഡ് സംവിധാനം നിങ്ങൾക്ക് ഇന്നും കാണാൻ കഴിയും. പ്രസാധകരും എഡിറ്റർമാരും ഡിസൈനർമാരും സ്റ്റാൻഡേർഡ് ഗ്രിഡുകൾ ഉപയോഗിക്കാൻ ഇഷ്ടപ്പെടുന്നത് അവ ഭംഗിയുള്ളതുകൊണ്ടല്ല, മറിച്ച് ചില ഡിസൈൻ ഘടകങ്ങൾ ഒരു പ്രത്യേക സ്ഥലത്തായിരിക്കുമെന്ന് വായനക്കാർ പ്രതീക്ഷിക്കുന്നതിനാലാണ്.

ഗ്രിഡുകൾ രണ്ട് തരത്തിൽ രൂപകൽപ്പന ചെയ്യാൻ കഴിയും: സമമിതി അല്ലെങ്കിൽ അസമമിതി. സമമിതി ഗ്രിഡുകൾ ഒരു മധ്യരേഖ പിന്തുടരുന്നു, അവിടെ ലംബവും തിരശ്ചീനവുമായ മേഖലകൾ പരസ്പരം തുല്യമാണ്; കൂടാതെ നിരകൾക്ക് ഒരേ വീതിയുണ്ട്.

ഒരു അസിമട്രിക് ഗ്രിഡിൽ , പേര് സൂചിപ്പിക്കുന്നത് പോലെ, അരികുകളും നിരകളും എല്ലാം ഒരുപോലെയല്ല.

>ഈ വർഗ്ഗീകരണത്തെ അടിസ്ഥാനമാക്കി, നിങ്ങൾക്ക് ആശ്രയിക്കാൻ കഴിയുന്ന അഞ്ച് പ്രധാന തരം ലേഔട്ട് ഗ്രിഡുകൾ ലോകമെമ്പാടും ഉപയോഗിക്കുന്നു:

കൈയെഴുത്തുപ്രതിഗ്രിഡുകൾ എന്നത് പ്രമാണങ്ങൾക്കായുള്ള ഏറ്റവും സാധാരണമായ ഗ്രിഡാണ്. അവർ തലക്കെട്ട്, അടിക്കുറിപ്പ്, മാർജിനുകൾ എന്നിവ വേർതിരിക്കുന്നു, അടിസ്ഥാനപരമായി നിങ്ങളുടെ വാചകത്തിന് അതിരുകൾ നൽകുന്ന ഫോർമാറ്റിനുള്ളിൽ (അല്ലെങ്കിൽ പേജ്) ഒരു ദീർഘചതുരം സൃഷ്ടിക്കുന്നു. മാസികകൾ, പത്രങ്ങൾ, പുസ്തകങ്ങൾ എന്നിവയുടെ അടിസ്ഥാനം അവയാണ്. അതിനാൽ ഇത് നിങ്ങൾക്ക് ഏറ്റവും പരിചിതമായ ലേഔട്ടായിരിക്കാം.

ഉറവിടം: UXplanet

ഉറവിടം: Radversity

കോളം ഗ്രിഡുകൾ മാഗസിൻ പ്രസിദ്ധീകരണത്തിലെ മറ്റൊരു പ്രിയപ്പെട്ടവയാണ്. ഒരു സാധാരണ മാഗസിൻ ലേഔട്ട്, എളുപ്പത്തിൽ വായിക്കാൻ കഴിയുന്ന വിഭാഗങ്ങളായി വാചകം വേർതിരിക്കാൻ കോളം ഗ്രിഡുകൾ ഉപയോഗിക്കുന്നു. എന്നാൽ അവ വെബ്‌സൈറ്റുകൾക്കും വളരെ ജനപ്രിയമാണ്. നിങ്ങൾക്ക് രണ്ട് മുതൽ ആറ് ഗ്രിഡുകൾ വരെ ഉപയോഗിക്കാം. കൂടുതൽ സാധ്യമാണ്, എന്നിരുന്നാലും സാധാരണമല്ല. കോളം ഗ്രിഡുകളെ സംബന്ധിച്ച് വളരെ പ്രധാനപ്പെട്ട ഒരു കാര്യം, നിരകൾ അല്ലെങ്കിൽ ഗട്ടറുകൾ തമ്മിലുള്ള അകലം പരസ്പരം തുല്യമായി അകലെയാണ് എന്നതാണ്.

സിമെട്രിക് കോളം ഗ്രിഡുകൾ പത്രങ്ങൾ ഉപയോഗിക്കുന്നു, ഉദാഹരണത്തിന്, വെബ് ഡിസൈനിൽ ഒരു അസമമായ കോളം ഗ്രിഡ് തിരഞ്ഞെടുക്കപ്പെടുന്നു. .

ഉറവിടം: UX Planet

ഉറവിടം: Radversity

Modular grids കോളം ഗ്രിഡിന് സമാനമാണ്, പക്ഷേ അവ തിരശ്ചീനമായ ഫ്ലോലൈനുകളും കണക്കിലെടുക്കുന്നു. നിങ്ങളുടെ ലേഔട്ടിൽ വിവിധ ഘടകങ്ങൾ ക്രമീകരിക്കേണ്ടിവരുമ്പോൾ ഈ തരത്തിലുള്ള ഗ്രിഡ് ആവശ്യമാണ്, കൂടാതെ നിര ഗ്രിഡുകൾ പര്യാപ്തമല്ല.

ഇതും കാണുക: ഡ്രോപ്പ് ഷാഡോ: ദി ഇല്ലസ്ട്രേറ്റർ ഇൻ-ഡെപ്ത്ത് ഗൈഡ്മോഡുലാർ ഗ്രിഡുകൾക്ക് തുല്യ വലുപ്പമുള്ള മൊഡ്യൂളുകൾ ഉണ്ട്, അത് നിങ്ങളുടെ സ്പേഷ്യൽ സോണുകൾ വ്യത്യസ്ത രീതികളിൽ ദൃശ്യവൽക്കരിക്കുന്നത് വളരെ എളുപ്പമാക്കുന്നു.

ഉറവിടം: UXPlanet

Source: Radversity

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

അടിസ്ഥാന ഗ്രിഡുകൾ നിങ്ങളുടെ വാചകത്തിന് ഒഴുകുന്ന താളം നൽകാൻ ഇവിടെയുണ്ട്.

ഉറവിടം: UX പ്ലാനറ്റ്

ഉറവിടം: Fragaria

ശ്രേണീകൃത ഗ്രിഡുകൾ ഒരു ഗ്രിഡ് പോലെ കാണപ്പെടുന്നു എതിരാളികൾ. എന്നിരുന്നാലും, ഡിസൈൻ ഘടകങ്ങൾ അവയുടെ പ്രാധാന്യത്തിന്റെ ക്രമത്തിൽ ക്രമീകരിക്കുമ്പോൾ അവ വളരെ ഉപയോഗപ്രദമാണ്. ഹൈറാർക്കിക്കൽ ഗ്രിഡുകൾ മോഡുലാർ ഗ്രിഡുകളെ അടിസ്ഥാനമാക്കിയുള്ളതാകാം, അല്ലെങ്കിൽ നിങ്ങൾക്ക് സ്വന്തമായി സൃഷ്ടിക്കാൻ പോലും കഴിയും. വെബ്‌സൈറ്റുകൾ ഈ ഗ്രിഡ് ധാരാളമായി ഉപയോഗിക്കുന്നു, പ്രത്യേകിച്ചും ഡിജിറ്റൽ മാഗസിനുകളും പത്രങ്ങളും കോളം ഗ്രിഡുകളേക്കാൾ ഹൈറാർക്കിക്കൽ ഗ്രിഡുകളെ ആശ്രയിക്കുന്ന പ്രവണത കാണിക്കുന്നു.

ഉറവിടം: UX പ്ലാൻ

തത്വം #2. നെഗറ്റീവ് സ്പേസ് ഉപയോഗിക്കുക

ശൂന്യത, നിശബ്ദത, അല്ലെങ്കിൽ നിറമില്ലായ്മ എന്നിവ ഒരു മോശം കാര്യമാണെന്ന് ഞങ്ങൾ പലപ്പോഴും കരുതുന്നു. എന്നാൽ അവ എങ്ങനെ കോൺട്രാസ്റ്റിന്റെ ദൃഢമായ അടിത്തറയാണെന്ന് ഞങ്ങൾ പരിഗണിക്കുന്നില്ല.

വൈറ്റ് സ്‌പെയ്‌സ് എന്നും വിളിക്കപ്പെടുന്നു, നെഗറ്റീവ് സ്‌പെയ്‌സ് നിങ്ങളുടെ ഡിസൈനിലെ യഥാർത്ഥ ഘടകങ്ങളൊന്നും ഇല്ലാത്ത മേഖലയാണ്. ശൂന്യമായി അവശേഷിക്കുന്ന പ്രദേശമാണിത്. ഇത് നിങ്ങളുടെ ആസ്തികളെ ചുറ്റുക മാത്രമല്ല, അവയ്ക്കിടയിൽ ആവശ്യമായ ബന്ധങ്ങൾ സൃഷ്ടിക്കുകയും ചെയ്യുന്നു. ഇക്കാരണത്താൽ, നെഗറ്റീവ് സ്പേസ് ശരിയായ ഡിസൈൻ ഘടകമാണ് കൂടാതെ നിങ്ങളുടെ ലേഔട്ട് എത്രത്തോളം ഫലപ്രദമാണ് എന്നതിൽ വലിയ സ്വാധീനം ചെലുത്തുന്നുഡിസൈൻ ആണ്.

നല്ലതും മോശം നെഗറ്റീവ് സ്‌പെയ്‌സും

നെഗറ്റീവ് സ്‌പെയ്‌സ് നിങ്ങളുടെ ഡിസൈനിലെ വിവിധ മേഖലകളെ വേർതിരിക്കാൻ സഹായിക്കും, അതേസമയം നിങ്ങളുടെ ലേഔട്ടിനെ ശ്വസിക്കാൻ അനുവദിക്കുകയും ചെയ്യും. ഇത് വിഷ്വൽ ശ്രേണിയും വിഷ്വൽ ബാലൻസും സഹായിക്കുന്നു; ഇത് പ്രധാന ഘടകങ്ങളിൽ ഉപയോക്താവിന്റെ ശ്രദ്ധ സജ്ജീകരിക്കുന്നു; അത് വ്യതിചലനത്തിന്റെ തോത് കുറയ്ക്കുന്നു; അവസാനമായി, ഇത് നിങ്ങളുടെ ഡിസൈനിന് ശൈലിയും ചാരുതയും നൽകുന്നു.

അനുഭവപരിചയമില്ലാത്ത ഡിസൈനർമാർക്ക് അവരുടെ ക്യാൻവാസിൽ പരമാവധി ടെക്‌സ്‌റ്റ് സ്കെയിൽ ചെയ്‌ത് അല്ലെങ്കിൽ ഒരു ലോഗോ അല്ലെങ്കിൽ ഒരു ഇമേജ് പൊട്ടിച്ച് പൂരിപ്പിക്കാനുള്ള പ്രവണത ഉണ്ടായിരിക്കാം. എന്നാൽ നിങ്ങളുടെ എലമെന്റ്‌സ് റൂം നൽകുന്നത് കാഴ്ചക്കാരനെ ചില വിവര സൂചകങ്ങൾ വേഗത്തിലും കൂടുതൽ സൗകര്യപ്രദമായും തിരഞ്ഞെടുക്കാൻ അനുവദിക്കുന്നു.

എല്ലാം നിങ്ങളുടെ കാഴ്ചക്കാരന്റെ ശ്രദ്ധയ്‌ക്കായി അലറുകയാണെങ്കിൽ, ഒന്നും കേൾക്കില്ല.

– ആരോൺ വാൾട്ടർ, 'ഡിസൈൻ ചെയ്യുക വികാരം'

ഒരു മോഡുലാർ ഗ്രിഡ് ഉപയോഗിച്ചാണ് നിങ്ങളുടെ നെഗറ്റീവ് സ്പേസ് നിർണ്ണയിക്കാനുള്ള എളുപ്പവഴി. നിങ്ങളുടെ ഡിസൈനിന് മുകളിൽ അത് സ്ഥാപിക്കുന്നതിലൂടെ, ഏതൊക്കെ മൊഡ്യൂളുകളാണ് ശൂന്യമായി തുടരേണ്ടതെന്നും ഏതൊക്കെ പൂരിപ്പിക്കണമെന്നും നിങ്ങൾക്ക് എളുപ്പത്തിൽ ദൃശ്യവൽക്കരിക്കാൻ കഴിയും.

Brunswicker-ന്റെ ഡിസൈനർ, ഉറവിടം: Codesignmag.com

തത്വം #3. ഒരൊറ്റ ഫോക്കൽ പോയിന്റ് തിരഞ്ഞെടുക്കുക

ലോഗോ വലുതാക്കാൻ ഒരു ക്ലയന്റ് എപ്പോഴെങ്കിലും നിങ്ങളോട് ആവശ്യപ്പെട്ടിട്ടുണ്ടോ? എന്നിട്ട് തലക്കെട്ട് വലുതാക്കണോ?

എല്ലാത്തിനും ഊന്നൽ കൊടുക്കാൻ പറ്റില്ല. ഇത് നല്ല ഡിസൈനിന്റെ പോയിന്റിനെ പരാജയപ്പെടുത്തുന്നു. സമയം പോലെ, ശ്രദ്ധ ആപേക്ഷികമാണ്. ഒരു ഘടകം വേറിട്ടുനിൽക്കണമെങ്കിൽ മറ്റൊന്ന് പശ്ചാത്തലമായി പ്രവർത്തിക്കണം. നിങ്ങളുടെ ഡിസൈൻ പ്രദർശിപ്പിക്കുന്നതിന് ചില ഘടകങ്ങൾ മറ്റുള്ളവയിൽ ആധിപത്യം സ്ഥാപിക്കേണ്ടതുണ്ട്ഒരു വിഷ്വൽ ശ്രേണി.

ഒരു ഡിസൈനിലെ ഫോക്കൽ പോയിന്റ് ഏറ്റവും വലിയ ദൃശ്യഭാരമുള്ള ഒരു ഘടകമാണ്. നിങ്ങളുടെ ലേഔട്ടിലെ മറ്റെന്തിനേക്കാളും കണ്ണുകളെ ആദ്യം ആകർഷിക്കുന്ന ഘടകമാണിത്.

ഒരു ഫോക്കൽ പോയിന്റ് നിങ്ങളുടെ ഡിസൈനിൽ അവരുടെ കാഴ്ചാ യാത്ര എവിടെ തുടങ്ങുമെന്ന് നിങ്ങളുടെ പ്രേക്ഷകരെ അറിയിക്കും. അതിനാൽ നിങ്ങൾ പറയുന്ന കഥയുടെ തുടക്കമാണിത്.

ഒരു വലിയ ഇമേജ് ഉപയോഗിച്ചോ അല്ലെങ്കിൽ വലിയൊരു ടൈപ്പോഗ്രാഫിയുടെ ഉറവിടം ഉപയോഗിച്ചോ ഇത് സാധാരണയായി നേടാനാകും. താഴെ കൊടുത്തിരിക്കുന്ന ഫോക്കൽ പോയിന്റ് എത്രത്തോളം ഫലപ്രദമാണെന്ന് ശ്രദ്ധിക്കുക

Bloomberg Businessweek-നായി Braulio Amado രൂപകൽപ്പന ചെയ്‌തത്, ഉറവിടം: ഇത് സന്തോഷകരമാണ്

എന്നാൽ ഒരു ഫോക്കൽ പോയിന്റ് നിങ്ങളുടെ പ്രേക്ഷകരുടെ ശ്രദ്ധ ആകർഷിക്കും, അടുത്ത നിയമം അതിനെ നയിക്കാൻ സഹായിക്കും.

തത്ത്വം #4. സാമീപ്യത്തെയും ഒഴുക്കിനെയും കുറിച്ച് ചിന്തിക്കുക

പ്രോക്‌സിമിറ്റിയുടെ തത്വം ലളിതമാണ്. പരസ്പരം ബന്ധപ്പെട്ടിരിക്കുന്ന ഘടകങ്ങൾ ഒരുമിച്ച് സ്ഥാപിച്ചിട്ടുണ്ടെന്ന് ഉറപ്പാക്കുക.

വിഷ്വൽ അസറ്റുകൾ ബന്ധിപ്പിച്ചിട്ടുണ്ടെന്നും നിങ്ങളുടെ ലേഔട്ട് ക്രമീകരിക്കാൻ സഹായിക്കുന്ന ഒരു വിഷ്വൽ യൂണിറ്റായി മാറുമെന്നും അടുത്ത സാമീപ്യം സൂചിപ്പിക്കുന്നു.

അതിനാൽ പരസ്‌പരം ബന്ധമുള്ള ക്ലസ്റ്റർ ഡിസൈൻ അസറ്റുകൾ മാത്രം, നിങ്ങളുടെ പ്രേക്ഷകർക്ക് അവർ ഉപയോഗിക്കേണ്ട പ്രസക്തമായ ഉള്ളടക്കത്തിലേക്ക് നയിക്കാൻ നിങ്ങളുടെ ഡിസൈനിലെ വിവരങ്ങളുടെ പോക്കറ്റുകൾ ഉപയോഗിക്കുക. ഇതിനെ ഫ്ലോ തത്ത്വം എന്നും വിളിക്കുന്നു.

ഉറവിടം: സറ്റോറി ഗ്രാഫിക്‌സ്

നല്ല ഒഴുക്കുള്ള ഒരു ഡിസൈൻ കാഴ്ചക്കാരുടെ കണ്ണുകളെ ലേഔട്ടിലുടനീളം, മൂലകത്തിൽ നിന്ന് ഘടകത്തിലേക്ക്, എളുപ്പത്തിൽ നയിക്കും. നിങ്ങളുടെ ഫോക്കൽ പോയിന്റുകൾ കണ്ണ് വലിച്ചെടുക്കുകയും ആകുകയും ചെയ്യും