രചയിതാവിൽ നിന്ന്:ഫോട്ടോഗ്രാഫർമാർ, കലാകാരന്മാർ, വെബ് ഡിസൈനർമാർ എന്നിവർ സംസാരിക്കാൻ ഇഷ്ടപ്പെടുന്ന വെബ് ഡിസൈനിലെ കോമ്പോസിഷൻ എന്താണെന്ന് ഇന്ന് നമ്മൾ സംസാരിക്കും. ഈ ഫീൽഡിൽ പുതുതായി വരുന്ന ഒരാൾക്ക് ഇത് തിരഞ്ഞെടുത്ത ചിലർക്ക് മാത്രം പ്രാപ്യമായ ഒരുതരം രഹസ്യ അറിവാണെന്ന് തോന്നാം. എന്നാൽ ഇന്ന് നിങ്ങൾ ഭാഗ്യവാനാണ്: ഈ പ്രശ്നം മനസിലാക്കാൻ ഞാൻ നിങ്ങളെ സഹായിക്കും, അതിനാൽ നിങ്ങൾക്ക് സൈറ്റ് സന്ദർശകരുടെ മാനസികാവസ്ഥയെ മാത്രമല്ല, അവരുടെ വാങ്ങൽ തീരുമാനത്തെയും സ്വാധീനിക്കാൻ കഴിയും. ഇവിടെ നമ്മൾ ആരംഭിക്കുന്നു?

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

അയ്യോ ഈ തലച്ചോറ്...

വിവരങ്ങൾ തൽക്ഷണം മനസ്സിലാക്കാനും വിഷ്വൽ കണക്ഷനുകൾ സൃഷ്ടിക്കാനും നമ്മുടെ തലച്ചോറിന് കഴിവുണ്ട്. ഞാൻ ഉദാഹരണങ്ങൾ സഹിതം വിശദീകരിക്കും. താഴെ രണ്ട് സർക്കിളുകൾ കാണാം.

അവരെ വേർതിരിച്ചറിയാൻ നിങ്ങൾ ഉടൻ ഒരു വഴി കണ്ടെത്തി, അല്ലേ? എന്നാൽ ഇവിടെ നിങ്ങൾക്ക് കൂടുതൽ ബുദ്ധിമുട്ടുള്ള ഒരു ജോലിയുണ്ട്.

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

വെബ്‌സൈറ്റ് ഘടകങ്ങളുടെ ഒരു പ്രത്യേക സംയോജനമാണ് രചന

മൊത്തത്തിലുള്ള ഭാഗങ്ങൾ തമ്മിലുള്ള ബന്ധത്തിലെ ഐക്യം, സൗന്ദര്യവും നിർമ്മാണത്തിന്റെ യുക്തിയും മനുഷ്യ സൃഷ്ടികളിൽ മാത്രമല്ല അന്തർലീനമാണ്. പ്രപഞ്ചത്തിന്റെ ഘടനയിലും മൃഗങ്ങളുടെയും സസ്യങ്ങളുടെയും പ്രകൃതിദത്ത രൂപങ്ങളിലും ഘടനയുടെ അടയാളങ്ങൾ കാണാം. അതിനാൽ, "കോമ്പോസിഷൻ" എന്ന പദം ഒരു വെബ്‌സൈറ്റിന്റെ ഘടന, ഒരു പുഷ്പത്തിന്റെ വിവരണം, ഒരു പ്രസംഗത്തിന്റെ സവിശേഷതകൾ എന്നിവയ്ക്ക് തുല്യമായി പ്രയോഗിക്കാൻ കഴിയും.
വെബ് ഡിസൈനിലെ കോമ്പോസിഷൻ സ്ഥലത്തില്ലാത്തപ്പോൾ സംസാരിക്കുന്നത് എളുപ്പമാണ്. നമ്മൾ ഓരോരുത്തരും അതിന്റെ സാന്നിധ്യം / അഭാവം അവബോധപൂർവ്വം അനുഭവിക്കുന്നു: ഘടകങ്ങൾ യോജിപ്പുള്ള ഇടപെടലിലാണോ, അവ സൈറ്റിന്റെ പ്രധാന ആശയം, പെയിന്റിംഗ്, ഫോട്ടോ എന്നിവയ്ക്ക് വിധേയമാണോ എന്ന്.

നിങ്ങളുടെ വെബ്‌സൈറ്റ് ഡിസൈൻ സ്വാഭാവികവും യോജിപ്പുള്ളതുമായി കാണുന്നതിന്, പ്രത്യേക ഘടകങ്ങളായി വേർപെടുത്താതെ, ഈ ലേഖനത്തിൽ ഞാൻ വിവരിക്കുന്ന അടിസ്ഥാന ഡിസൈൻ തത്വങ്ങൾ പാലിക്കുക.

ശരിയായ നിറങ്ങൾ തിരഞ്ഞെടുക്കുന്നു

നിറം തിരഞ്ഞെടുക്കുന്നത് ആളുകൾ നിങ്ങളുടെ സൈറ്റിനെയും അതേ സമയം നിങ്ങളുടെ ഉൽപ്പന്നത്തെയും എങ്ങനെ കാണുന്നു എന്ന് നിർണ്ണയിക്കുന്നു. നിശബ്ദമായ നിറങ്ങൾ നമുക്ക് ശാന്തവും ശാന്തവുമാണെന്ന് തോന്നുന്നു, അതേസമയം തിളക്കമുള്ളതും വ്യത്യസ്തവുമായ നിറങ്ങൾ പ്രസന്നവും ഊർജ്ജസ്വലവുമായി തോന്നുന്നു.

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

ശ്രദ്ധ ആകർഷിക്കാൻ വർണ്ണ ആക്സന്റ് ഉപയോഗിക്കുക. ഉദാഹരണത്തിന്, നിങ്ങൾക്ക് ഏറ്റവും പ്രധാനപ്പെട്ട ബട്ടണുകൾ രൂപകൽപ്പന ചെയ്യാൻ കഴിയും - "വാങ്ങുക", "ഞങ്ങളെ ബന്ധപ്പെടുക" - വ്യത്യസ്ത നിറങ്ങളിൽ. നിറങ്ങൾ തിരഞ്ഞെടുക്കുന്നതിനും സംയോജിപ്പിക്കുന്നതിനുമുള്ള ഏറ്റവും പ്രധാനപ്പെട്ട ചില തത്വങ്ങൾ ഞാൻ നിങ്ങളെ പരിചയപ്പെടുത്തും.

1. അധിക നിറങ്ങൾ. കളർ വീലിലെ എല്ലാ വിപരീതങ്ങളും ശക്തമായ വൈരുദ്ധ്യം സൃഷ്ടിക്കുന്നു, അതിനാൽ അവ ഉപയോഗിക്കാൻ കഴിയും, പക്ഷേ ജാഗ്രതയോടെ മാത്രം.

2. അനലോഗ് നിറങ്ങൾ. കളർ വീലിലെ അത്തരം "അയൽക്കാർക്ക്" ശക്തമായ വ്യത്യാസമില്ല.

3. ട്രയാഡ്. ഏതാണ്ട് വിൻ-വിൻ കോമ്പിനേഷൻ ഒരു ഐസോസിലിസ് ത്രികോണമാണ്.

വെബ് വികസനത്തിലെ ആധുനിക പ്രവണതകളും സമീപനങ്ങളും

വെബ്‌സൈറ്റ് നിർമ്മാണത്തിൽ ആദ്യം മുതൽ ദ്രുതഗതിയിലുള്ള വളർച്ചയ്ക്കുള്ള അൽഗോരിതം പഠിക്കുക

4. ടെട്രാഡ്. ഊഷ്മളതയിലും തണുപ്പിലും കുഴപ്പങ്ങൾ സൃഷ്ടിക്കാതിരിക്കാൻ രണ്ട് ജോഡി കോംപ്ലിമെന്ററി നിറങ്ങൾ വളരെ ശ്രദ്ധാപൂർവ്വം ഉപയോഗിക്കണം.

മൂന്നിലൊന്ന് ഭരണം - എന്ത് എവിടെ വയ്ക്കണം?

മൂന്നിലൊന്ന് നിയമം വെബ് ഡിസൈനിലെ കോമ്പോസിഷന്റെ അടിസ്ഥാനങ്ങളെ സൂചിപ്പിക്കുന്നു. സുവർണ്ണ അനുപാത നിയമത്തിന്റെ വ്യാഖ്യാനത്തിന്റെ ഫലമായാണ് ഇത് ഉടലെടുത്തത് (നിങ്ങൾ ഓർക്കുന്നുണ്ടാകാം, ലിയോനാർഡോ ഡാവിഞ്ചിയും ഇത് തന്റെ ചിത്രങ്ങളിൽ ഉപയോഗിച്ചിരുന്നു).

"ദി വിട്രൂവിയൻ മാൻ" എന്ന പെയിന്റിംഗ് ഒരു ഉദാഹരണമായി നിങ്ങൾക്ക് കാണിക്കാൻ ആദ്യം ഞാൻ ആഗ്രഹിച്ചു, പക്ഷേ അദ്ദേഹത്തിന്റെ വസ്ത്രധാരണം അല്ലെങ്കിൽ അതിന്റെ അഭാവം കാരണം ഞാൻ അത് ചെയ്യില്ലെന്ന് തീരുമാനിച്ചു. പെട്ടെന്ന്, ഇവിടെ കുട്ടികൾ ഒരു ലേഖനം വായിക്കുന്നു, അതിനാൽ, മഡോണയെ അഭിനന്ദിക്കുക:

പേജിൽ മാനസികമായി രണ്ട് ലംബവും തിരശ്ചീനവുമായ രണ്ട് വരകൾ വരയ്ക്കുക, പ്രദേശത്തെ ഒമ്പത് തുല്യ ഭാഗങ്ങളായി വിഭജിക്കുക. ഭൂരിഭാഗം ആളുകളും ഈ വരികളുടെ വിഭജന ബിന്ദുകളിലാണ് തങ്ങളുടെ നോട്ടം കൃത്യമായി കേന്ദ്രീകരിക്കുന്നതെന്ന് വിശ്വസിക്കപ്പെടുന്നു. എവിടെ സ്ഥാപിക്കണമെന്ന് നിങ്ങൾ ചിന്തിക്കുമ്പോഴെല്ലാം മൂന്നിലൊന്ന് നിയമം ഓർക്കുക, ഉദാഹരണത്തിന്, ഒരു കോൾ-ടു-ആക്ഷൻ ബട്ടൺ.

ഇത്തരമൊരു ഗണിത നിയമം വെബ് ഡിസൈൻ പോലെയുള്ള ആത്മനിഷ്ഠമായ കാര്യങ്ങളിൽ പ്രയോഗിക്കുന്നത് യഥാർത്ഥത്തിൽ വളരെ തമാശയാണ്. ഇത് ഒരുതരം സൗന്ദര്യാത്മക വിട്ടുവീഴ്ചയാണ്, അത് സ്‌ക്രീനിൽ സന്തുലിതാവസ്ഥ സൃഷ്ടിക്കുന്നു, അത് ഓവർലോഡ് ചെയ്യാതെ, പക്ഷേ അത് വളരെ നിശ്ചലമാക്കാതെ.

സ്ഥലം വൃത്തിയാക്കുന്നു

തീർച്ചയായും കുട്ടിക്കാലത്ത്, നിങ്ങളുടെ മുറി വൃത്തിയാക്കാൻ നിങ്ങളുടെ മാതാപിതാക്കൾ നിങ്ങളോട് ആവശ്യപ്പെട്ടു, കാരണം (ഞാൻ ഉദ്ധരിക്കുന്നു) "സൌജന്യ സ്ഥലമില്ല." ഓ, സുവർണ്ണ വാക്കുകൾ ... ശൂന്യമായ ഇടം, അല്ലെങ്കിൽ, ഡിസൈനർമാർ പറയുന്നതുപോലെ, "എയർ" എന്നത് വെബ് ഡിസൈനിന്റെ ഘടനയുടെ അടിസ്ഥാനമാണ്. ചിലപ്പോൾ അത് ഉള്ളടക്കത്തേക്കാൾ പ്രധാനമാണ്. അതിനാൽ, കുറച്ച് സ്ഥലമില്ലെങ്കിൽ, സ്പ്രിംഗ് ക്ലീനിംഗ് നടത്തുക, കഴിയുന്നത്ര ടെക്സ്റ്റ്, ഐക്കണുകൾ, ചിത്രങ്ങൾ മുതലായവ ചേർക്കാനുള്ള പ്രലോഭനത്തെ ചെറുക്കുക.

സൈറ്റ് ഓവർലോഡ് ചെയ്യരുത്, അല്ലാത്തപക്ഷം ആളുകളുടെ കണ്ണുകൾ മങ്ങുകയും നിങ്ങൾ അവരെ അറിയിക്കാൻ ശ്രമിക്കുന്ന ആശയം "പിടിക്കാൻ" അവർക്ക് കഴിയില്ല. വാചകം പോയിന്റിലേക്ക് കർശനമായി പരിമിതപ്പെടുത്തുക, കുറച്ച് ചിത്രങ്ങളും വ്യക്തമായി ഘടനാപരമായ മെനുവും.

ഉപയോക്താവിന്റെ നോട്ടം നിയന്ത്രിക്കുക

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

ഈ അറിവ് ഉപയോഗിച്ച്, നിങ്ങൾക്ക് പരമാവധി ലാഭവും സ്വാധീനവും നൽകുന്ന തരത്തിൽ പേജുകൾ രൂപകൽപ്പന ചെയ്യുന്നതിലൂടെ വിഷ്വൽ ശ്രേണിയുടെ പ്രയോജനം നിങ്ങൾക്ക് ഫലപ്രദമായി പ്രയോജനപ്പെടുത്താം.

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

ഒരു നിർദ്ദിഷ്‌ട ബട്ടണിലൂടെ കടന്നുപോകുന്നത് സന്ദർശകരെ തടയാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുണ്ടോ? വൈരുദ്ധ്യമുള്ള നിറത്തിൽ ഇത് ഹൈലൈറ്റ് ചെയ്ത് കണ്ണ് ഉടനടി പോകുന്നിടത്ത് വയ്ക്കുക. നിങ്ങളുടെ ഉൽപ്പന്നങ്ങൾ എത്രമാത്രം ആകർഷണീയമാണെന്ന് കാണിക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുണ്ടോ? പൊതുവായ പശ്ചാത്തലത്തിൽ നിന്ന് അവയെ തിരഞ്ഞെടുത്ത് F-Z റൂൾ അല്ലെങ്കിൽ മുകളിൽ ചർച്ച ചെയ്ത മൂന്നിലൊന്ന് റൂൾ അനുസരിച്ച് സ്ഥാപിക്കുക.

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

ഇവിടെയാണ് ഈ കൗതുകകരമായ പാഠം ഞാൻ അവസാനിപ്പിക്കുന്നത്, ഞാൻ പ്രതീക്ഷിക്കുന്നു. ഞങ്ങളുടെ ബ്ലോഗ് അപ്ഡേറ്റുകൾ സബ്സ്ക്രൈബ് ചെയ്യുക, അടുത്ത ലേഖനങ്ങളിൽ നിങ്ങളെ കാണാം!

വെബ് വികസനത്തിലെ ആധുനിക പ്രവണതകളും സമീപനങ്ങളും

വെബ്‌സൈറ്റ് നിർമ്മാണത്തിൽ ആദ്യം മുതൽ ദ്രുതഗതിയിലുള്ള വളർച്ചയ്ക്കുള്ള അൽഗോരിതം പഠിക്കുക

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

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

ബാലൻസ്

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

ബാലൻസ് സമമിതിയാകാം, അതായത് വസ്തുക്കൾ ( രണ്ട് ചാര വൃത്തങ്ങൾ) ഈ സാഹചര്യത്തിൽ ഏതെങ്കിലും മൂന്നാമത്തെ ഒബ്‌ജക്‌റ്റുമായി താരതമ്യപ്പെടുത്തുമ്പോൾ ഒരേ അകലത്തിൽ സ്ഥിതിചെയ്യുന്നു ( കറുത്ത വൃത്തം). ലളിതമായി പറഞ്ഞാൽ, സമമിതി ബാലൻസ്" എന്നതിന്റെ പര്യായപദമാണ് അതേ". ഞങ്ങളുടെ കാര്യത്തിൽ, രണ്ട് ചാരനിറത്തിലുള്ള സർക്കിളുകൾ വലിയ കറുത്ത വൃത്തവുമായി താരതമ്യപ്പെടുത്തുമ്പോൾ ഒരേ അകലത്തിലാണ് സ്ഥിതി ചെയ്യുന്നത് (ചുവടെയുള്ള ചിത്രം).

ബാലൻസ് അസമമിതിയും ആകാം. അസമമിതി- ഇത് സമമിതിയുടെ പൂർണ്ണമായ വിപരീതമാണ്. ഏതെങ്കിലുമൊരു മൂന്നാമത്തെ വസ്തുവുമായി ബന്ധപ്പെട്ട് വസ്തുക്കൾ ഒരേ അകലത്തിൽ സ്ഥിതി ചെയ്യുന്നില്ല എന്നാണ് ഇതിനർത്ഥം. ബാലൻസ് റേഡിയൽ ആകാം. ഈ സാഹചര്യത്തിൽ, വസ്തുക്കൾ ഒരു വൃത്തത്തിൽ സ്ഥിതിചെയ്യുകയും ഒരൊറ്റ പോയിന്റിൽ നിന്ന് വ്യതിചലിക്കുകയും ചെയ്യുന്നു.

കോൺട്രാസ്റ്റ്

കോൺട്രാസ്റ്റ് എന്നത് ചില വെബ് ഡിസൈൻ ഘടകങ്ങളെ സൂചിപ്പിക്കുന്നു, അത് പരസ്പരം അടുത്ത് സ്ഥാപിക്കുമ്പോൾ പരസ്പരം ഊന്നിപ്പറയുന്നു. ഉദാഹരണത്തിന്, അത് വെള്ളയും കറുപ്പും, വലുതും ചെറുതും, കട്ടിയുള്ളതും നേർത്തതും ആകാം. ചിത്രത്തിൽ, ഇടതുവശത്ത് കറുപ്പും വലതുവശത്ത് വെള്ളയും കാണുന്നു.

അവർ പരസ്പരം അടുത്ത് നിൽക്കുകയാണെങ്കിൽ, വൈരുദ്ധ്യം ശ്രദ്ധേയമാകും. തൽഫലമായി, ഏറ്റവും വലിയ ശ്രദ്ധ ഉണ്ടാകും. കൂടാതെ, നിങ്ങൾ വലുതും കട്ടിയുള്ളതുമായ എന്തെങ്കിലും എടുക്കുകയാണെങ്കിൽ ( താഴെ ഇടത് മൂലയിൽ ചതുരാകൃതിയിലുള്ള ആകൃതി), ചെറുതും നേർത്തതുമായ ഒന്ന് എടുക്കുക ( വലതുവശത്ത് വരയുടെ ആകൃതി), കൂടാതെ അവ പരസ്പരം അടുത്തിടുക - കോൺട്രാസ്റ്റും ഉണ്ടാകും.

പ്രാധാന്യവും വിധേയത്വവും

ഏതൊരു വെബ്‌സൈറ്റ് രൂപകൽപ്പനയിലും സന്ദർശകന്റെ ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്ന ഒരു പ്രത്യേക മേഖലയുണ്ടെന്നാണ് ഇതിനർത്ഥം. ഒരു വ്യക്തി സൈറ്റിൽ പ്രവേശിച്ചയുടനെ അവന്റെ നോട്ടം പതിക്കുന്ന സ്ഥലമാണിത്. സൈറ്റിലെ എല്ലാ ഒബ്‌ജക്‌റ്റുകൾക്കും പ്രാധാന്യത്തിന്റെയും കീഴ്‌വഴക്കത്തിന്റെയും ഒരു ശ്രേണി ഉണ്ടായിരിക്കണം.

മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, കൂടുതൽ പ്രധാനപ്പെട്ട വസ്തുക്കൾ വലുപ്പത്തിൽ വലുതും നിറത്തിലും ദൃശ്യതീവ്രതയിലും തിളക്കമുള്ളതുമാണ്. പൊതുവേ, അവർ ഏറ്റവും ശ്രദ്ധ ആകർഷിക്കുന്നു.

വലിപ്പം, ആകൃതി, നിറം, ഘടന, നിഴലുകളുടെ ഹൈലൈറ്റ്, വസ്തുവിനെ ഹൈലൈറ്റ് ചെയ്യാനും ശ്രദ്ധ ആകർഷിക്കാനും കഴിയുന്ന മറ്റ് ഘടകങ്ങൾ എന്നിവ മാറ്റിക്കൊണ്ട് ഇത് വളരെ ലളിതമായി ചെയ്യുന്നു.

ശ്രദ്ധയുടെ ദിശ

അടിസ്ഥാനപരമായി, വെബ് ഡിസൈനിൽ നിങ്ങൾ ഒരു പാത ഉണ്ടാക്കണം, അത് പോലെ, ഒരു വ്യക്തി നിങ്ങൾ പോകേണ്ട സ്ഥലത്തേക്ക് നടക്കണം. ഉദാഹരണത്തിന്, വെബ്സൈറ്റിൽ ഇരുമ്പ് ഓർഡർ ചെയ്യാൻ നിങ്ങൾക്ക് ഒരു വ്യക്തി ആവശ്യമാണ്:

• ആദ്യം നിങ്ങൾ അവന്റെ ശ്രദ്ധ ആകർഷിക്കേണ്ടതുണ്ട്. നിങ്ങൾ വലുതും തിളക്കമുള്ളതുമായ തലക്കെട്ട് ഉണ്ടാക്കുന്നു.
• അടുത്തതായി, ഉപശീർഷകത്തിൽ, വ്യക്തിയെ വിഷയത്തിലേക്ക് നയിക്കുക.
• ടെക്സ്റ്റിൽ, ഫോട്ടോകളും ആനുകൂല്യങ്ങളുടെ വിവരണങ്ങളും ഉപയോഗിച്ച്, ഒരു വാങ്ങൽ നടത്താൻ അവനെ നയിക്കുക.
• അവസാനം, നിങ്ങൾ ഇതിനകം തന്നെ വ്യക്തിയെ വില കാണിക്കുകയും "" എന്നതിൽ ക്ലിക്ക് ചെയ്യാൻ ക്ഷണിക്കുകയും ചെയ്യുന്നു. ഒരു ഉൽപ്പന്നം ഓർഡർ ചെയ്യുക«.

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

ഇത് അനുവദിക്കാനാവില്ല.

സന്ദർശകരുടെ ശ്രദ്ധ നിങ്ങൾ നിയന്ത്രിക്കണം. മുമ്പത്തെ ഉദാഹരണങ്ങളിലെന്നപോലെ ഇതെല്ലാം ചെയ്യുന്നു ( വലിപ്പം, ആകൃതി, ഘടന തുടങ്ങിയവ പ്രകാരം).

അനുപാതങ്ങൾ

അനുപാതങ്ങൾ പരസ്പരം ബന്ധപ്പെട്ട കണക്കുകളുടെ വലുപ്പങ്ങളുടെ അനുപാതമാണ്. അതായത്, രണ്ട് രൂപങ്ങൾ കാഴ്ചയിൽ തികച്ചും സമാനമായിരിക്കും ( ഉദാഹരണത്തിന്, ചിത്രത്തിൽ കാണുന്നത് പോലെ, താഴെയുള്ളത് കറുപ്പും മുകൾഭാഗം വെള്ളയുമാണ്), എന്നാൽ ഒന്ന് മാത്രം വലുതും മറ്റൊന്ന് ചെറുതും ആയിരിക്കും.

എല്ലാ വശങ്ങളും കോണുകളും വ്യാസങ്ങളും മറ്റ് സ്വഭാവസവിശേഷതകളും ഒരു നിശ്ചിത എണ്ണം വർദ്ധിപ്പിക്കുകയോ കുറയുകയോ ചെയ്യുന്നു.

സ്കെയിൽ

സ്കെയിൽ എന്നത് ഒരു വസ്തുവുമായി ബന്ധപ്പെട്ട് കാണുമ്പോൾ അതിന്റെ യഥാർത്ഥ വലുപ്പമാണ് ( ഉദാഹരണത്തിന്, മറ്റ് വസ്തുക്കൾ, ആളുകൾ, ഭൂമി മുതലായവയുമായി ബന്ധപ്പെട്ട്).

വഴിയിൽ, ഏതെങ്കിലും ഗ്രാഫിക് എഡിറ്ററുകളിൽ ( ഉദാഹരണത്തിന്, ഇൻ), നിങ്ങൾക്ക് ഒരു ഭൂതക്കണ്ണാടി ഉപയോഗിച്ച് വലുപ്പം കൂട്ടുകയോ കുറയ്ക്കുകയോ ചെയ്യേണ്ടിവരുമ്പോൾ, നിങ്ങൾക്ക് ഇമേജ് സ്കെയിൽ % ൽ കാണിക്കും. സ്കെയിൽ എന്താണെന്ന് നിങ്ങൾക്ക് കൂടുതൽ വ്യക്തമായതായി ഞാൻ പ്രതീക്ഷിക്കുന്നു.

ആവർത്തനവും താളവും

പലപ്പോഴും ഞങ്ങൾ എങ്ങനെയെങ്കിലും ഉപയോക്താവിന്റെ ശ്രദ്ധ ആകർഷിക്കേണ്ടതുണ്ട്, പക്ഷേ ഇതിന് ഒരു വസ്തു മതിയാകില്ല. ഈ ഒബ്ജക്റ്റ് ആവർത്തിക്കുകയോ അല്ലെങ്കിൽ കൂടുതൽ ലളിതമായി, അത് തനിപ്പകർപ്പാക്കുകയോ ചെയ്യേണ്ടത് ആവശ്യമാണ്. സന്ദർശകരുടെ ശ്രദ്ധ നിലനിർത്താനും ഇത് ഉപയോഗിക്കാം.

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

രചനയാണ്...

ഈ വാചകം ആദ്യമായി കേൾക്കുന്നവർക്കായി, ഞാൻ വിശദീകരിക്കും: ഒരു സ്ഥലത്തിനുള്ളിൽ (ഒരു ബുക്ക്‌ലെറ്റിന്റെ ഒരു പേജിൽ, ഒരു ബിസിനസ് കാർഡിന്റെ ഒരു വശത്ത്, വിവിധ ഘടകങ്ങളുടെ ശരിയായ ക്രമീകരണത്തിന്റെ വിഷയമാണ് (അല്ലെങ്കിൽ ശാസ്ത്രം) കോമ്പോസിഷൻ എന്നത്, ഒരു അവതരണ സ്ലൈഡിൽ, ഒരു ബാനറിൽ, ഒരു വെബ്‌സൈറ്റ് പേജിൽ മുതലായവ). കൂടാതെ, ഈ ഇടം എന്തായാലും (ലംബമോ തിരശ്ചീനമോ ചെറുതോ വലുതോ) രചനയുടെ നിയമങ്ങൾ ഒന്നുതന്നെയായിരിക്കും. അങ്ങനെ…

രചനയുടെ അടിസ്ഥാന നിയമങ്ങൾ

1. മൂലക ബാലൻസ് നിയമം

ദൃശ്യപരമായി എല്ലാം സന്തുലിതവും സമതുലിതവും യോജിപ്പും തോന്നിക്കുന്ന വിധത്തിൽ ഒരു സ്ഥലത്തിനുള്ളിലെ ഘടകങ്ങൾ ക്രമീകരിക്കണം. സമമിതിയും അസമത്വവുമായ സന്തുലിതാവസ്ഥയുണ്ട്. സമമിതി സന്തുലിതാവസ്ഥയിൽ:

അസമമായ സന്തുലിതാവസ്ഥയിൽ:

1. എലമെന്റ് കോൺട്രാസ്റ്റ് റൂൾ

ഒരേ സ്ഥലത്തിനുള്ളിലെ ഘടകങ്ങൾ നിറം, വലുപ്പം, ആകൃതി, ഘടന എന്നിവയിൽ തികച്ചും വിപരീതമായിരിക്കും. കോൺട്രാസ്റ്റ് റൂൾ അനുസരിച്ച് അവ സ്ഥാപിക്കണം.

1. മൂലക പ്രാധാന്യം നിയമം

ഒരേ സ്ഥലത്തിനുള്ളിലെ ഘടകങ്ങൾ പ്രാധാന്യത്തിന്റെ നിയമമനുസരിച്ച് സ്ഥാപിക്കണം: കൂടുതൽ പ്രധാനപ്പെട്ട ഘടകങ്ങൾ നിറം, വലുപ്പം, ആകൃതി, ഘടന എന്നിവയാൽ ഹൈലൈറ്റ് ചെയ്യണം. കൂടുതൽ പ്രധാനപ്പെട്ട ഒരു ചെറിയ ഘടകം മറ്റെല്ലാറ്റിനും മുകളിൽ മുൻവശത്ത് സ്ഥാപിച്ചിരിക്കുന്നു.

1. ഏകീകൃത ഭരണം

ഒരു സ്ഥലത്തിനുള്ളിലെ മൂലകങ്ങൾ സമഗ്രവും ഏകീകൃതവുമായ എന്തെങ്കിലും രൂപപ്പെടുത്തുന്ന വിധത്തിൽ ക്രമീകരിക്കാൻ കഴിയും.

1. പ്രസ്ഥാനത്തിന്റെ ഭരണം

ഒരേ സ്ഥലത്തിനുള്ളിലെ മൂലകങ്ങൾ ഒരു ചലനബോധം സൃഷ്ടിക്കുന്ന വിധത്തിൽ ക്രമീകരിക്കാം. മൂലകങ്ങളുടെ ക്രമീകരണത്തിലൂടെയും വിവിധ അധിക സവിശേഷതകളിലൂടെയും ഇത് നേടാനാകും: വരികൾ, അമ്പടയാളങ്ങൾ, നമ്പറിംഗ്.

1. ബഹിരാകാശ നിയമം

ഒരേ സ്‌പെയ്‌സിനുള്ളിലെ മൂലകങ്ങൾ സ്‌പേസ് എന്ന തോന്നൽ സൃഷ്‌ടിക്കുന്ന തരത്തിൽ ക്രമീകരിക്കാം. ചിലപ്പോൾ ഒരു ഘടകത്തെ കാഴ്ചക്കാരനോട് അടുപ്പിക്കുന്നത് ഉപയോഗപ്രദമാണ് (ഉദാഹരണത്തിന്, ഒരു മാക്രോ ഷോട്ട് എടുക്കൽ), എന്നാൽ ചിലപ്പോൾ അതേ ഘടകം കാഴ്ചക്കാരനോട് പൂർണ്ണമായും വിപരീതമായി കൊണ്ടുവരാൻ കഴിയും - അത് നീക്കി, ചുറ്റും ഇടം സൃഷ്ടിച്ച്.

1. തുറന്നതിൻറെ ഭരണം

ഒരേ സ്‌പെയ്‌സിനുള്ളിലെ മൂലകങ്ങൾ ഒരു തുറന്ന വികാരം സൃഷ്ടിക്കുന്ന വിധത്തിൽ ക്രമീകരിക്കണം. താരതമ്യം ചെയ്യുക:

ഉപസംഹാരം

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

അതിനാൽ കോമ്പോസിഷൻ വളരെ പ്രധാനമാണെന്ന് വ്യക്തമാണ്. എന്നാൽ എന്താണ് രചന? ഏകദേശം പറഞ്ഞാൽ, വ്യക്തിഗത ഘടകങ്ങൾ മൊത്തത്തിൽ രൂപാന്തരപ്പെടുത്തേണ്ട ഇടമാണിത്, കൂടാതെ ഇമേജുകൾ, വാചകം, ഗ്രാഫിക്സ്, വർണ്ണങ്ങൾ എന്നിവയെല്ലാം ഒരുമിച്ച് ചേരുന്ന ഒരൊറ്റ രൂപകൽപ്പനയായി രൂപപ്പെടുന്ന ഇടമാണിത്.

വിജയകരമായ ഒരു കോമ്പോസിഷൻ അർത്ഥമാക്കുന്നത് നിങ്ങൾ ഘടകങ്ങൾ ക്രമീകരിച്ച് അവ ശരിയായി വിതരണം ചെയ്തു എന്നാണ്, ഇത് കാഴ്ചയിൽ മനോഹരമായി കാണപ്പെടുന്നു മാത്രമല്ല, പ്രവർത്തനപരമായ വീക്ഷണകോണിൽ നിന്ന് ഫലപ്രദവുമാണ്. അതിനാൽ, ചുരുങ്ങിയ സമയത്തിനുള്ളിൽ നിങ്ങളെ ഒരു കോമ്പോസിഷൻ ഗുരു ആക്കുന്ന അത്യാവശ്യ നുറുങ്ങുകൾ, തന്ത്രങ്ങൾ, ടെക്നിക്കുകൾ എന്നിവയിലൂടെ നമുക്ക് നോക്കാം.

1. പ്രധാന കാര്യത്തിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുക

ഞങ്ങൾ ഒരിക്കൽ സ്കൂളിൽ പറഞ്ഞതുപോലെ, ഉച്ചാരണ വിതരണം വളരെ പ്രധാനമാണ്. ഏതൊരു നല്ല രചനയുടെയും പ്രധാന ഘടകം ഫോക്കസാണ്, കാരണം ഡിസൈനിന്റെ ഏറ്റവും പ്രധാനപ്പെട്ട വിശദാംശങ്ങളിൽ ആദ്യം ശ്രദ്ധ കേന്ദ്രീകരിക്കാൻ ഇത് കാഴ്ചക്കാരനെ സഹായിക്കുന്നു.

ശ്രദ്ധ പിടിച്ചുപറ്റുന്ന ചില ടെക്‌നിക്കുകളിൽ സ്കെയിൽ, കോൺട്രാസ്റ്റ്, സൈനേജ് എന്നിവ ഉൾപ്പെടുന്നു, അതിനെ കുറിച്ച് ഞങ്ങൾ പിന്നീട് കൂടുതൽ വിശദമായി സംസാരിക്കും. ഇപ്പോൾ നൽകിയിരിക്കുന്ന ഉദാഹരണം വിശകലനം ചെയ്യാം.

2. സൈനേജ് ഉപയോഗിച്ച് വായനക്കാരന്റെ കണ്ണ് നയിക്കുക

നിങ്ങൾ ആരെയെങ്കിലും കാണാൻ ആഗ്രഹിക്കുന്ന കാര്യത്തിലേക്ക് അവരെ ചൂണ്ടിക്കാണിക്കുന്നതുപോലെ, പ്രത്യേക ലൈൻ പ്ലെയ്‌സ്‌മെന്റുകളും വ്യത്യസ്ത ആകൃതികളും ഉപയോഗിച്ച് കാഴ്ചക്കാരന്റെ കണ്ണുകളെ നയിക്കുക. ഇതുവഴി നിങ്ങളുടെ ഡിസൈനിന്റെ ശരിയായ ധാരണ നേടാൻ കഴിയും.

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

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

ഡിസൈൻ ബൈ ഡേയിൽ നിന്നുള്ള ഈ പോസ്റ്റർ നോക്കാം, ഉദാഹരണത്തിന്, നിങ്ങളെ ആദ്യം പ്രധാന ഘടകത്തിലേക്കും (ശീർഷകം) വാചകത്തിന്റെ വിവിധ ഭാഗങ്ങളിലേക്കും നയിക്കാൻ വ്യക്തമായ ദിശാസൂചന ലൈനുകൾ ഉപയോഗിക്കുന്നു.

തീർച്ചയായും, എല്ലാ രൂപകൽപ്പനയിലും അത്തരം വ്യക്തമായ പോയിന്ററുകൾ ഉപയോഗിക്കുന്നത് അർത്ഥമാക്കുന്നില്ല, എന്നാൽ മറ്റൊരു ഓപ്ഷനും ഇല്ലെന്ന് ഇതിനർത്ഥമില്ല. ഉപയോഗിച്ച ചിത്രങ്ങളിലും ഗ്രാഫിക് ഘടകങ്ങളിലും ചില രൂപങ്ങളും വരകളും കണ്ടെത്തി കാഴ്ചക്കാരന്റെ നോട്ടത്തിന് ദിശ നൽകാൻ അവ ഉപയോഗിക്കുക.

1 ട്രിക്ക് പോണി പോസ്റ്ററിൽ ഇത് കാണാൻ കഴിയും, അവിടെ മനുഷ്യന്റെ വലതു കൈ ചിത്രത്തിൽ നിന്ന് ലോഗോയിലേക്കും തുടർന്ന് ചിത്രത്തിന്റെ അടിയിലേക്കും അവന്റെ നോട്ടം "ഡയറക്റ്റ്" ചെയ്യാൻ ഉപയോഗിക്കുന്നു. ഈ രീതിയിൽ, ചിത്ര രൂപങ്ങൾക്ക് സൂചനാ ബോർഡുകളായി വർത്തിക്കാൻ കഴിയും.

3. സ്കെയിലും ശ്രേണിയും

സ്കെയിലും വിഷ്വൽ ശ്രേണിയും നിങ്ങളുടെ രൂപകല്പനയെ നശിപ്പിക്കാനോ കണ്ണ് മിഠായി പോലെയാക്കാനോ കഴിയുന്ന ക്രിയേറ്റീവ് അടിസ്ഥാനങ്ങളിൽ ഒന്നാണ്. അതിനാൽ, വിജയകരമായ ഒരു രചന സൃഷ്ടിക്കുന്നതിന് അവ ശരിയായി ഉപയോഗിക്കുന്നത് വളരെ പ്രധാനമാണ്.

ചുരുക്കത്തിൽ, പ്രാധാന്യത്തിന്റെ ക്രമത്തിൽ മൂലകങ്ങളുടെ ഘടനയാണ് ശ്രേണി. അതിനാൽ, നിങ്ങളുടെ ഡിസൈനിന്റെ കൂടുതൽ പ്രധാനപ്പെട്ട ഒബ്ജക്റ്റ് വലുതും തിളക്കവുമുള്ളതാക്കാൻ നിങ്ങൾക്ക് കഴിയും, കൂടാതെ ദ്വിതീയ ഘടകങ്ങൾ ചെറുതും ഇളം നിറവും.

വാചകം എഴുതുമ്പോൾ ശ്രേണി പരിഗണിക്കേണ്ടത് പ്രധാനമാണ്. ടൈപ്പോഗ്രാഫിയിലെ ശ്രേണി എന്ന വിഷയത്തെക്കുറിച്ചുള്ള കൂടുതൽ വിവരങ്ങൾക്ക്, "എല്ലാ ഡിസൈനുകൾക്കും ടൈപ്പോഗ്രാഫിക് ശ്രേണിയുടെ മൂന്ന് തലങ്ങൾ ആവശ്യമായിരിക്കുന്നത് എന്തുകൊണ്ട്" എന്ന ലേഖനം നിങ്ങൾക്ക് റഫർ ചെയ്യാം.

ഒരു ശ്രേണിയുടെ ഘടകങ്ങളെ സമന്വയിപ്പിക്കാൻ സ്കെയിൽ പലപ്പോഴും ഉപയോഗിക്കുന്നു. വലിയ സ്കെയിൽ ചില വസ്തുക്കളിലേക്ക് ശ്രദ്ധ ആകർഷിക്കുന്നു, ശരിയായ ആശയവിനിമയത്തിനുള്ള അവയുടെ പ്രാധാന്യം ഊന്നിപ്പറയുന്നു.

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

അനുപാതങ്ങളും വലിപ്പവും സൃഷ്ടിക്കുമ്പോൾ സ്കെയിൽ അവിശ്വസനീയമാംവിധം ഉപയോഗപ്രദമായ ഒരു ഉപകരണമാണ്. നിങ്ങൾക്ക് ചില കാര്യങ്ങൾ വളരെ വിശദവും സങ്കീർണ്ണവും ചെറുതും ആക്കാം, അല്ലെങ്കിൽ നിങ്ങൾക്ക് അവയെ വലുതും വലുതും ആക്കാം.

ഒരു കോമ്പോസിഷനിൽ ചെറുതും വലുതുമായ ഘടകങ്ങൾ തമ്മിലുള്ള വ്യത്യാസം സൃഷ്ടിക്കുന്നതിലൂടെ, നിങ്ങൾക്ക് വൈവിധ്യമാർന്ന ഇഫക്റ്റുകൾ നേടാൻ കഴിയും.

4. മൂലകങ്ങൾക്കിടയിൽ ഒരു ബാലൻസ് നിലനിർത്തുക

പല തരത്തിൽ ബാലൻസ് വളരെ പ്രധാനപ്പെട്ട ഒരു കാര്യമാണ്. തീർച്ചയായും, നിങ്ങളുടെ ഡിസൈൻ ഒരു അപവാദമല്ല.

എന്നാൽ നിങ്ങളുടെ സ്വന്തം രൂപകൽപ്പനയിൽ ഈ ബാലൻസ് എങ്ങനെ നിലനിർത്താം? രണ്ട് പ്രധാന തരം ബാലൻസുകളെക്കുറിച്ചും അത് എങ്ങനെ നേടാമെന്നതിനെക്കുറിച്ചും നമുക്ക് വേഗത്തിൽ പോകാം.

ആദ്യം, ഒരു സമമിതി ബാലൻസ് ഉണ്ട്. അതിന്റെ സാരാംശം വ്യക്തമാണ് - ഡിസൈൻ ബാലൻസ് സമമിതിയിലൂടെ കൈവരിക്കുന്നു. ഇരുവശത്തും (വലത്-ഇടത്, മുകളിൽ-താഴെ) ചില ഘടകങ്ങൾ പ്രതിഫലിപ്പിക്കുന്നതിലൂടെ, നിങ്ങൾ സമ്പൂർണ്ണ ബാലൻസ് നേടുന്നു.

സമമിതി ബാലൻസിന്റെ ഒരു ഉദാഹരണം ഇതാ. അവളുടെ വിവാഹ ക്ഷണക്കത്തിൽ, ജെന്നിഫർ വിക്ക് ടെക്സ്റ്റും ഗ്രാഫിക്സും പ്രതിഫലിപ്പിക്കുന്ന ഒരു സമമിതി കോമ്പോസിഷൻ ഉപയോഗിക്കുന്നു. സമമിതി ക്ഷണത്തെ ഗംഭീരവും വൃത്തിയും സമതുലിതവുമാക്കുന്നു.

ജെന്നിഫർ വിക്ക്

രണ്ടാമത്തെ തരം, ഒരുപക്ഷേ വളരെ സാധാരണമാണ്, അസമമായ ബാലൻസ് ആണ്. അതിന്റെ പേരും സ്വയം സംസാരിക്കുന്നു - മൂലകങ്ങളുടെ അസമമായ ക്രമീകരണത്തിലൂടെ ബാലൻസ് കൈവരിക്കുന്നു.

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

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

അസമമായ ബാലൻസ് സൃഷ്ടിക്കുന്നതിനുള്ള കഴിവുകൾ വികസിപ്പിക്കുന്നതിന്, ഓരോ മൂലകവും അതിന്റേതായ "ഭാരം" ഉള്ള ഒരു യൂണിറ്റായി നിങ്ങൾ ചിന്തിക്കേണ്ടതുണ്ട്. ചെറിയ വസ്തുക്കൾ, അതനുസരിച്ച്, "ഭാരം" കുറവായിരിക്കണം, കൂടാതെ ടെക്സ്ചർ സമ്പന്നമായ ഘടകങ്ങൾ ഏകതാനമായവയേക്കാൾ "ഭാരം" ആയിരിക്കണം. നിങ്ങളുടെ രൂപകൽപ്പനയുടെ ലക്ഷ്യം എന്തുതന്നെയായാലും, നിങ്ങൾ ഉപയോഗിക്കുന്ന വസ്തുക്കൾക്കിടയിൽ നിങ്ങൾ എല്ലായ്പ്പോഴും ബാലൻസ് നേടണം.

5. പരസ്പരം പൂരകമാകുന്ന ഘടകങ്ങൾ ഉപയോഗിക്കുക

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

ഒരു കോമ്പോസിഷൻ സൃഷ്ടിക്കുമ്പോൾ ഒരു സാധാരണ തെറ്റ് പരസ്പരം പൂരകമല്ലാത്ത ചിത്രങ്ങൾ ഉപയോഗിക്കുന്നു എന്നതാണ്. അതിനാൽ, നിങ്ങൾ ഒന്നിലധികം ചിത്രങ്ങൾ ഉപയോഗിക്കാൻ തീരുമാനിക്കുമ്പോൾ, അവ കാഴ്ചക്കാരനിൽ ശരിയായ സ്വാധീനം ചെലുത്തുന്നുണ്ടോ എന്നും അവയ്ക്കിടയിൽ ആവശ്യമായ കണക്ഷൻ ഉണ്ടോ എന്നും എപ്പോഴും പരിശോധിക്കുക. ഈ പ്രഭാവം നേടുന്നതിനുള്ള ചില വഴികൾ ഇതാ.

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

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

എ എന്നത് ഒരു പേരാണ്

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

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

6. കോൺട്രാസ്റ്റ് വർദ്ധിപ്പിക്കുക (അല്ലെങ്കിൽ കുറയ്ക്കുക).

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

മുമ്പത്തെ ഡിസൈൻ ശ്രദ്ധ ആകർഷിക്കാൻ ഒരു അനുരണന നിറം ഉപയോഗിക്കുമ്പോൾ, ഇനിപ്പറയുന്ന ഉദാഹരണത്തിൽ ഇത് ഒരു പ്രത്യേക ഘടകം മറയ്ക്കാൻ സഹായിക്കുന്നു.

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

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

8. വൈറ്റ് സ്പേസിനെക്കുറിച്ച് മറക്കരുത്

വൈറ്റ് സ്പേസ് വ്രണപ്പെടുത്താൻ, അതിനെ "ശൂന്യമായ ഇടം" എന്ന് വിളിച്ചാൽ മതി. ശൂന്യത അത് എന്തെങ്കിലും കൊണ്ട് നിറയ്ക്കേണ്ടതുണ്ടെന്ന് അനുമാനിക്കുന്നു, അതിനാൽ അത് "അതിന്റെ ജോലി" ശരിയായി ചെയ്യുന്നില്ല. എന്നാൽ അത് ഒരേ കാര്യമല്ല.

വൈറ്റ് സ്പേസ് ഉദ്ദേശ്യത്തോടെ ഉപയോഗിക്കുമ്പോൾ, അത് നിങ്ങളുടെ ഡിസൈനിന്റെ നിർവചനവും വ്യക്തതയും വർദ്ധിപ്പിക്കാൻ സഹായിക്കുന്നു: തിരക്കേറിയതും കൂടുതൽ സങ്കീർണ്ണവുമായ ഭാഗങ്ങൾ വൈറ്റ് സ്പേസ് ഉപയോഗിച്ച് സമതുലിതമാക്കുമ്പോൾ, നിങ്ങളുടെ ഡിസൈൻ ശ്വസിക്കാൻ തുടങ്ങുന്നു.

ഉദാഹരണത്തിന്, Cocorrina നിർമ്മിച്ച ഡിസൈൻ നോക്കുക. ഇമേജ്, ടെക്സ്ചർ, ടെക്സ്റ്റ് എന്നിവയ്ക്കിടയിൽ സന്തുലിതാവസ്ഥ കൈവരിക്കാൻ വൈറ്റ് സ്പേസ് സഹായിക്കുന്നു, ഇത് ഡിസൈനിന് സങ്കീർണ്ണവും വൃത്തിയുള്ളതുമായ രൂപം നൽകുന്നു.

അപ്പോൾ വൈറ്റ് സ്പേസ് ഉപയോഗിക്കാനുള്ള ഏറ്റവും നല്ല മാർഗം ഏതാണ്?

ഗ്രാഫിക് ഘടകങ്ങളുടെ സ്കെയിൽ കുറയ്ക്കുക.നിങ്ങളുടെ ഒറിജിനൽ ഡിസൈനിൽ അതിരുകടക്കാതെ നിങ്ങളുടെ മധ്യഭാഗങ്ങൾക്ക് ചുറ്റും കൂടുതൽ വൈറ്റ് സ്പേസ് സൃഷ്ടിക്കാൻ ഇത് നിങ്ങളെ അനുവദിക്കുന്നു. വ്യക്തതയ്ക്കായി, സെറാഫിനി ക്രിയേറ്റീവിൽ നിന്നുള്ള ഈ പാചകക്കുറിപ്പ് കാർഡ് ഡിസൈൻ നോക്കുക, ഇവിടെ പ്രധാന ഘടകങ്ങൾ മനഃപൂർവ്വം സ്കെയിൽ ചെയ്ത് വൈറ്റ് സ്പേസിന്റെ മനോഹരമായ ഫ്രെയിം സൃഷ്ടിക്കുന്നു.

എല്ലാ വെള്ളയും നിറയ്ക്കാൻ ശ്രമിക്കരുത്.പറഞ്ഞതുപോലെ, വൈറ്റ് സ്പേസ് ശൂന്യമായ ഇടമല്ല, അത് ഒരു ഉദ്ദേശ്യം നിറവേറ്റുന്നു, അതിനാൽ ഓരോ ബിറ്റും പൂരിപ്പിക്കാൻ ശ്രമിക്കരുത്.

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

ഒരു ഡിസൈൻ സൃഷ്ടിക്കുമ്പോൾ, എല്ലാ ഘടകങ്ങളും 100% ആവശ്യമാണോ എന്ന് എപ്പോഴും സ്വയം ചോദിക്കുക. എല്ലാ ടെക്‌സ്‌റ്റുകളും ആവശ്യമാണോ, ഒരു നീലനിറത്തിലുള്ള തലക്കെട്ട് ആവശ്യമാണോ, എല്ലാ 3 ചിത്രങ്ങളും ആവശ്യമാണോ? നിങ്ങളുടെ ലേഔട്ടിൽ നിന്ന് അധിക ബിറ്റുകൾ നീക്കം ചെയ്യുന്നതിലൂടെ, വൈറ്റ് സ്പേസ് പ്രയോജനപ്പെടുത്തുന്ന കൂടുതൽ കൃത്യമായ ഡിസൈൻ നിങ്ങൾക്ക് സൃഷ്ടിക്കാൻ കഴിയും.

9. ഡിസൈൻ ഘടകങ്ങൾ ക്രമീകരിക്കുക

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

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

ഹക്ക് സൃഷ്‌ടിച്ച ഒരു മാസികയിൽ നിന്ന് തികച്ചും വരയുള്ള ഈ ഡിസൈൻ പരിശോധിക്കുക. മൂലകങ്ങളുടെ വ്യക്തമായ നിർമ്മാണത്തിന് നന്ദി, ഡിസൈൻ വ്യതിരിക്തവും കൃത്യവുമായി കാണപ്പെടുന്നു, ഇത് വായിക്കാൻ വളരെ എളുപ്പവും സൗന്ദര്യാത്മകവുമാണ്.

മൂലകങ്ങളുടെ സ്ഥിരവും വ്യക്തവുമായ വിന്യാസം നിരവധി വസ്തുക്കൾക്കിടയിൽ ഒരു നിശ്ചിത ക്രമം സൃഷ്ടിക്കാൻ നിങ്ങളെ സഹായിക്കും. അതിനാൽ, നിങ്ങൾ ധാരാളം ചിത്രങ്ങളും വാചകവും കൂടാതെ/അല്ലെങ്കിൽ ഗ്രാഫിക് ഘടകങ്ങളും ഉപയോഗിക്കുകയാണെങ്കിൽ, വിന്യാസം നിങ്ങളുടെ ഉറ്റ ചങ്ങാതിയായിരിക്കണം.

ടെക്സ്റ്റുമായി പ്രവർത്തിക്കുമ്പോൾ വിന്യാസം ഉപയോഗിക്കാനുള്ള കഴിവ് വളരെ പ്രധാനമാണ്. ഇത് ചെയ്യുന്നതിന് നിരവധി മാർഗങ്ങളുണ്ട്, എന്നാൽ ഏറ്റവും മികച്ചത് ഇടത് വിന്യാസമാണ്, കാരണം മിക്ക കാഴ്ചക്കാർക്കും ഈ ഓപ്ഷൻ വായിക്കാനും മനസ്സിലാക്കാനും ഏറ്റവും സൗകര്യപ്രദമാണ്.

10. ഡിസൈൻ മൂന്നിലൊന്നായി വിഭജിക്കുക

ഒരു ലേഔട്ട് 9 തുല്യ ഭാഗങ്ങളായി വിഭജിക്കാൻ ഡിസൈനർമാർക്ക് ഉപയോഗിക്കാവുന്ന ലളിതമായ ഒരു രീതിയാണ് റൂൾ ഓഫ് തേർഡ്സ്. ലംബവും തിരശ്ചീനവുമായ വരികൾ വിഭജിക്കുന്നിടത്താണ് ഫോക്കസ് പോയിന്റുകൾ.

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

മൂന്നിലൊന്ന് റൂൾ ഉപയോഗിക്കുന്നത് നിങ്ങളുടെ ഡിസൈനിന്റെ ഘടന മെച്ചപ്പെടുത്താൻ സഹായിക്കും, കാരണം മൂലകങ്ങൾ സ്ഥാപിക്കുന്നതിനും രൂപപ്പെടുത്തുന്നതിനുമുള്ള ഏറ്റവും വേഗതയേറിയതും എളുപ്പവുമായ മാർഗ്ഗമാണിത്.

നിങ്ങളുടെ ഡിസൈനിൽ മൂന്നിലൊന്ന് നിയമം ഉപയോഗിക്കണമെങ്കിൽ, ഒരു ഗ്രിഡ് ഉപയോഗിച്ച് ആരംഭിക്കുന്നതാണ് ഉചിതം. മൂലകങ്ങൾ കൂടുതൽ സ്ഥിരതയോടെ ക്രമീകരിക്കാനും ലേഔട്ടിൽ ഫോക്കൽ പോയിന്റുകൾ എവിടെയാണെന്ന് കാണാനും ഗ്രിഡ് നിങ്ങളെ അനുവദിക്കും. നിങ്ങളുടെ ഡിസൈൻ രൂപപ്പെടുത്താനും ഓർഗനൈസുചെയ്യാനും സഹായിക്കുന്നതിന് Canva's markup ടൂൾ എങ്ങനെ ഉപയോഗിക്കാമെന്ന് നിങ്ങളെ പഠിപ്പിക്കുന്ന ഒരു ട്യൂട്ടോറിയൽ നിങ്ങൾക്ക് കാണാൻ കഴിയും.

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

വായനക്കാരന്റെ വിലാസം

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

കോമ്പോസിഷനുമായി പ്രവർത്തിക്കുന്നതിന് നിങ്ങൾക്ക് എന്തെങ്കിലും തന്ത്രങ്ങൾ ഉണ്ടോ? അല്ലെങ്കിൽ വളരെ ഫലപ്രദമായ ഘടനയുള്ള ഡിസൈനുകളുടെ ചില ഉദാഹരണങ്ങൾ നിങ്ങൾക്ക് അറിയാമോ? എന്തായാലും, ഇതിനെക്കുറിച്ചുള്ള നിങ്ങളുടെ ചിന്തകളും ആശയങ്ങളും അഭിപ്രായങ്ങളിൽ പങ്കിടാൻ മടിക്കേണ്ടതില്ല!

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

ഈ പ്രതിഭാസത്തെ സാധാരണയായി "വിഷ്വൽ വെയ്റ്റ്" എന്ന് വിളിക്കുന്നു, ഈ ശക്തി സജ്ജമാക്കുന്ന ദിശ "വിഷ്വൽ ദിശ" ആണ്. നിങ്ങളുടെ ലാൻഡിംഗ് പേജ് ഡിസൈനിൽ ശ്രേണി, ഒഴുക്ക്, താളം, ബാലൻസ്, ആത്യന്തികമായി പരിവർത്തനം എന്നിവ ഉൾപ്പെടുത്തണമെങ്കിൽ ഈ ആശയങ്ങൾ മനസ്സിലാക്കുന്നത് വളരെ പ്രധാനമാണ്.

വിഷ്വൽ ഭാരം

മുമ്പ്, വെബ് പേജ് ഘടകങ്ങളുടെ വലുപ്പം, നിറം, ആകൃതി എന്നിവ പോലുള്ള അടിസ്ഥാന സവിശേഷതകളെക്കുറിച്ചും ഘടകങ്ങളുടെ സമാനത (സമാനത) അല്ലെങ്കിൽ വ്യത്യാസം (തീവ്രത) കാണിക്കാൻ അവ എങ്ങനെ ഉപയോഗിക്കാമെന്നും ഞങ്ങൾ എഴുതിയിരുന്നു.

ഉദാഹരണത്തിന്, ഒരു ഘടകം വലുതും മറ്റൊന്ന് വളരെ ചെറുതും ആക്കി നിങ്ങൾക്ക് കോൺട്രാസ്റ്റ് സൃഷ്ടിക്കാൻ കഴിയും. ഈ സാങ്കേതികത മൂലകങ്ങളുടെ അസമത്വവും സന്ദർശകന് അവയുടെ പ്രാധാന്യവും തികച്ചും പ്രകടമാക്കും.

ഈ പാരാമീറ്ററുകളുടെ സംയോജനം മാറ്റുന്നതിലൂടെ, നിങ്ങൾ ദൃശ്യ ഭാരം മാറ്റുന്നു. ചുവപ്പ് നീലയേക്കാൾ കൂടുതൽ ശ്രദ്ധ ആകർഷിക്കുന്നു, വലിയ മൂലകങ്ങൾ ചെറിയവയേക്കാൾ ശ്രദ്ധേയമാണ്. അതിനാൽ, ഒരു വലിയ ചുവന്ന വസ്തുവിന് ഒരു മിനിയേച്ചർ നീല വസ്തുവിനേക്കാൾ കൂടുതൽ ദൃശ്യഭാരമുണ്ട്.

ഈ എല്ലാ അടിസ്ഥാന സ്വഭാവസവിശേഷതകളുടെയും സംയോജനമാണ് ഒരു വസ്തുവിന്റെ ദൃശ്യഭാരം നിർണ്ണയിക്കുന്നത്. ഇത് കോമ്പിനേഷനിലേക്ക് വരുന്നു - ചില കോമ്പിനേഷനുകൾ മറ്റുള്ളവയേക്കാൾ കൂടുതൽ കണ്ണുകളെ ആകർഷിക്കും. വ്യത്യസ്ത വിഷ്വൽ വെയ്റ്റുകളുള്ള ഘടകങ്ങൾ സൃഷ്ടിക്കുന്നതിന്, അടിസ്ഥാന സ്വഭാവസവിശേഷതകളുടെ വ്യത്യസ്ത കോമ്പിനേഷനുകൾ ആവശ്യമാണ്.

വിഷ്വൽ ഭാരം അളക്കുന്നത് എങ്ങനെ?

ഒരു ഗ്രാഫിക് മൂലകത്തിന്റെ ദൃശ്യഭാരം അളക്കാൻ കൃത്യമായ മാർഗമില്ല. എന്നിരുന്നാലും, സാമാന്യബുദ്ധിയും അനുഭവവും നമ്മോട് പറയുന്നത്, കണ്ണിനെ ആകർഷിക്കുന്ന രചനയുടെ ഭാഗങ്ങൾക്ക് നമ്മൾ രണ്ടാമതായി അല്ലെങ്കിൽ മൂന്നാമതായി നോക്കുന്നതിനേക്കാൾ വലിയ ദൃശ്യ ഭാരമുണ്ടെന്ന് വ്യക്തമാണ്. നിങ്ങളുടെ കണ്ണുകളെയും വികാരങ്ങളെയും വിശ്വസിക്കാൻ ഭയപ്പെടരുത്.

എന്നിരുന്നാലും, ഇത് ഒരേയൊരു മാർഗ്ഗമല്ല. നിങ്ങൾ ചില സവിശേഷതകൾ ഹൈലൈറ്റ് ചെയ്യുകയും അവയെ സംബന്ധിച്ച സ്റ്റാൻഡേർഡ് നിയമങ്ങളും പ്രസ്താവനകളും ഓർമ്മിക്കുകയും ചെയ്താൽ, ഡിസൈനിൽ പ്രവർത്തിക്കുന്നത് വളരെ എളുപ്പവും വേഗമേറിയതുമായിരിക്കും. 2D ഒബ്‌ജക്‌റ്റുകളുടെ ചില പാരാമീറ്ററുകൾ ഇതിനകം പഠിച്ചിട്ടുള്ളവയാണ്, അവ എങ്ങനെ മാറ്റുന്നു എന്നതിന്റെ വിവരണത്തോടൊപ്പം വിഷ്വൽ വെയ്റ്റ് കൂടുകയോ കുറയുകയോ ചെയ്യുന്നു.

ഒന്നാമതായി, മുമ്പ് സൂചിപ്പിച്ച അടിസ്ഥാന സവിശേഷതകൾ പരിഗണിക്കുന്നത് മൂല്യവത്താണ്: വലുപ്പം, നിറം, നിഴൽ, ഘടന, ബഹിരാകാശത്തെ ഓറിയന്റേഷൻ മുതലായവ.

വലിപ്പം
വലിയ മൂലകങ്ങൾക്ക് ചെറിയവയേക്കാൾ കൂടുതൽ ദൃശ്യഭാരമുണ്ട്.

നിറം
കൂൾ ടോണുകളേക്കാൾ ഊഷ്മള ടോണുകൾ സാധാരണയായി "ഭാരമുള്ളതായി" തോന്നുന്നു, അത് ദൃശ്യപരമായി പശ്ചാത്തലത്തിലേക്ക് മങ്ങുന്നു. അതേ സമയം, ചുവപ്പ് "ഏറ്റവും ഭാരം കൂടിയ" നിറമായി കണക്കാക്കപ്പെടുന്നു, മഞ്ഞ നിറം "ഏറ്റവും ഭാരം കുറഞ്ഞ" നിറമായി കണക്കാക്കപ്പെടുന്നു.

നിറം
ഇരുണ്ട മൂലകങ്ങൾക്ക് ഭാരം കുറഞ്ഞതിനേക്കാൾ കൂടുതൽ ദൃശ്യഭാരമുണ്ട്.

സ്ഥാനം
കോമ്പോസിഷന്റെ മുകളിൽ സ്ഥിതിചെയ്യുന്ന ഘടകങ്ങൾ താഴെയുള്ളതിനേക്കാൾ "ഭാരം" തോന്നുന്നു. മുൻവശത്തുള്ള വസ്തുക്കൾക്ക് പശ്ചാത്തലത്തിലുള്ള ഘടകങ്ങളേക്കാൾ കൂടുതൽ "ഭാരം" ഉണ്ട്.

ടെക്സ്ചർ
ടെക്സ്ചർ ഉള്ള ഒബ്ജക്റ്റുകൾ മിനുസമാർന്നതിനേക്കാൾ "ഭാരം" ആയി കാണപ്പെടുന്നു. ടെക്‌സ്‌ചർ ഒരു വസ്തുവിന്റെ ത്രിമാനതയുടെ മിഥ്യ സൃഷ്ടിക്കുന്നു, അതിന് പിണ്ഡവും ഭൗതിക ഭാരവും നൽകുന്നതുപോലെ.

ഫോം
ക്രമരഹിതമായ ആകൃതിയിലുള്ള മൂലകങ്ങളെ അപേക്ഷിച്ച് ക്രമമായ ആകൃതിയിലുള്ള വസ്തുക്കൾ "ഭാരമുള്ളതായി" തോന്നുന്നു, കാരണം രണ്ടാമത്തേത് ഉപബോധമനസ്സിൽ ശരിയായതും എന്നാൽ അവയുടെ പിണ്ഡത്തിന്റെ അഭാവവുമാണ്.

ഓറിയന്റേഷൻ
ലംബമായ വസ്തുക്കൾ തിരശ്ചീനമായി സ്ഥിതിചെയ്യുന്നതിനേക്കാൾ "ഭാരം" ദൃശ്യമാകുന്നു. ഡയഗണലായി സ്ഥിതി ചെയ്യുന്ന മൂലകങ്ങൾക്ക് ഏറ്റവും വലിയ "ഭാരം" ഉണ്ട്.

എന്നിരുന്നാലും, മുകളിൽ അവതരിപ്പിച്ച അടിസ്ഥാന സവിശേഷതകളിലേക്ക് സ്വയം പരിമിതപ്പെടുത്തേണ്ട ആവശ്യമില്ല. വിഷ്വൽ ഭാരം നിയന്ത്രിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്ന നിരവധി അധിക സവിശേഷതകൾ ഉണ്ട്.

സാന്ദ്രത
ഒരു നിശ്ചിത സ്ഥലത്ത് നിരവധി മൂലകങ്ങളുടെ ക്രമീകരണം ആ സ്ഥലത്തിന് കൂടുതൽ "ഭാരം" നൽകുന്നു. ഉപയോക്താവ് നിരവധി ചെറിയ, "വെളിച്ചമുള്ള" ഘടകങ്ങളെ ഒരു "കനത്ത" ഒന്നായി കാണും.

വെളുത്ത പ്രദേശങ്ങൾ
ശൂന്യമായ ഇടം ദൃശ്യഭാരം വഹിക്കുന്നില്ല, അതിനാൽ ആ സ്ഥലത്ത് സ്ഥാപിച്ചിരിക്കുന്ന ഏതൊരു വസ്തുവും അതിന്റെ പശ്ചാത്തലത്തിൽ "ഭാരം" ദൃശ്യമാകും.

സെമാന്റിക് ഉള്ളടക്കം
ചില കാര്യങ്ങൾ മറ്റുള്ളവയേക്കാൾ രസകരമാണ്. സങ്കീർണ്ണവും സങ്കീർണ്ണവുമായ ആകൃതിയിലുള്ള വസ്തുക്കൾ കൂടുതൽ ശ്രദ്ധ ആകർഷിക്കുന്നു. ഉപയോക്താവിന്റെ വ്യക്തിഗത താൽപ്പര്യങ്ങളും ഒരു വലിയ പങ്ക് വഹിക്കുന്നു: നിങ്ങൾ ഒരു കാർ പ്രേമിയാണെങ്കിൽ, നിങ്ങൾ പ്രാഥമികമായി ഒരു കാറിന്റെ ഫോട്ടോയിലും തുടർന്ന് ഒരു വിമാനത്തിന്റെ ചിത്രത്തിലും താൽപ്പര്യപ്പെടാൻ സാധ്യതയുണ്ട്.

ആഴം
ഒരു വിഷയത്തിൽ ഫോക്കസ് ചെയ്യുമ്പോൾ ഡെപ്ത് ഓഫ് ഫീൽഡിന്റെ ശക്തമായ ഇഫക്റ്റ്, വിഷയവും പശ്ചാത്തലവും തമ്മിലുള്ള വ്യത്യാസം മൂലമാകാം, മൂലകത്തിന് കൂടുതൽ ദൃശ്യഭാരം നൽകുന്നു.

സാച്ചുറേഷൻ
പൂരിത നിറങ്ങൾ "ഭാരം" ദൃശ്യമാകുന്നു.

ശാരീരിക ഭാരം പ്രതിനിധീകരിക്കുന്നു
ഒരു വീടിന് ഒരു ഷൂവിനേക്കാൾ ഭാരമുണ്ടെന്ന് നമുക്കെല്ലാവർക്കും അറിയാം: മുൻ ചിത്രത്തിന് കൂടുതൽ "ഭാരം" ഉണ്ടായിരിക്കും, കാരണം അത് യഥാർത്ഥ വസ്തുവിന്റെ ഗുണങ്ങളെക്കുറിച്ചുള്ള നമ്മുടെ ആശയങ്ങളുമായി പൊരുത്തപ്പെടുന്നു.

കോൺട്രാസ്റ്റും സമാനതയും എന്ന മുൻ പോസ്റ്റിൽ, കോൺട്രാസ്റ്റ് എങ്ങനെ ശ്രദ്ധ ആകർഷിക്കുന്നു എന്നതിനെക്കുറിച്ച് ഞങ്ങൾ സംസാരിച്ചു. മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, ഒരു മൂലകം അതിനെ ചുറ്റിപ്പറ്റിയുള്ള വസ്തുക്കളിൽ നിന്ന് വളരെ വ്യത്യസ്തമാണെങ്കിൽ, അത് അവയുടെ പശ്ചാത്തലത്തിൽ "ഭാരം" ദൃശ്യമാകും. ഉദാഹരണത്തിന്, വെബ് പേജുകളിൽ, ഒരു വൃത്തം ഒരു ദീർഘചതുരത്തേക്കാൾ "ഭാരം" ആയി കാണപ്പെടുന്നു, കാരണം വെബ് പേജ് ഘടകങ്ങൾ പ്രധാനമായും ചതുരാകൃതിയിലാണ്.

വിഷ്വൽ ഭാരവും പെർസെപ്ച്വൽ സമഗ്രതയും

മാനുഷിക ധാരണയുടെ സമഗ്രതയെക്കുറിച്ചുള്ള ഗെസ്റ്റാൾട്ട് മനഃശാസ്ത്രത്തിന്റെ ആശയങ്ങൾ വെബ് ഡിസൈനിന്റെ തത്വങ്ങളുമായി എത്രത്തോളം ബന്ധപ്പെട്ടിരിക്കുന്നുവെന്ന് കാണിക്കാൻ ഉദ്ദേശിച്ചുള്ളതാണ് ഈ പട്ടിക.

ചിത്രം-നിലം
ഒരു ചിത്രത്തെ അതിന്റെ പശ്ചാത്തലത്തിൽ നിന്ന് വേർതിരിക്കാൻ വിഷ്വൽ വെയ്റ്റ് ഉപയോഗിക്കാം, ഇത് പശ്ചാത്തലത്തേക്കാൾ ചിത്രത്തിന് കൂടുതൽ ഭാരം നൽകുന്നു.

സമാനതകളും വ്യത്യാസങ്ങളും
ദൃശ്യഭാരം നിയന്ത്രിക്കുന്നത് രണ്ടും നേടാൻ നിങ്ങളെ അനുവദിക്കുന്നു: വസ്തുക്കളുടെ ദൃശ്യഭാരത്തിലെ വ്യത്യാസങ്ങൾ വൈരുദ്ധ്യം സൃഷ്ടിക്കുന്നു, സമാന ഭാരമുള്ള വസ്തുക്കൾ ദൃശ്യപരമായി സമാനമായി ദൃശ്യമാകും.

ഫോക്കസ് ചെയ്യുക
ഫോക്കസിലുള്ള വസ്തുക്കൾക്ക് ബാക്കിയുള്ള രചനകളേക്കാൾ കൂടുതൽ "ഭാരം" ഉണ്ട്.

കഴിഞ്ഞ അനുഭവം
നിരീക്ഷകന്റെ അനുഭവവും ചില വസ്തുക്കളോടുള്ള അവന്റെ താൽപ്പര്യത്തിന്റെ ശക്തിയെ സ്വാധീനിക്കും.

വിഷ്വൽ ദിശ

വിഷ്വൽ വെയ്റ്റ് കണ്ണിനെ ഒരു പ്രത്യേക മേഖലയിലേക്ക് ആകർഷിക്കുമ്പോൾ, വിഷ്വൽ ദിശ നിരീക്ഷകന്റെ കണ്ണിനോട് അടുത്തതായി എവിടെ പോകണമെന്ന് പറയുന്നു.

ഇത് വിഷ്വൽ വെയ്റ്റിന്റെ അതേ ഫംഗ്ഷൻ നൽകുന്നു, രചനയുടെ ചില ഘടകങ്ങളിലേക്ക് നിങ്ങളുടെ ശ്രദ്ധയെ നയിക്കുന്നു. എന്നിരുന്നാലും, "ഭാരം" ഉപയോക്താവിനോട്: "എന്നെ നോക്കൂ!" എന്ന് പറയുമ്പോൾ, വിഷ്വൽ ദിശ ആജ്ഞാപിക്കുന്നു: "അവിടെ നോക്കൂ!"

"ഭാരത്തിന്റെ" കാര്യത്തിലെന്നപോലെ, മൂലകങ്ങളുടെ പാരാമീറ്ററുകൾ മാറ്റിക്കൊണ്ട് നിങ്ങൾക്ക് വിഷ്വൽ ദിശ മാറ്റാൻ കഴിയും, അവയുടെ സ്വഭാവസവിശേഷതകൾ, നിർഭാഗ്യവശാൽ, ഇവിടെ ചെറിയ അളവിലുള്ള ക്രമമാണ്.

മൂലകത്തിന്റെ ആകൃതി
മൂലകത്തിന്റെ ആകാരം മൂലകത്തിന്റെ ദിശ നിർണ്ണയിക്കുന്ന ഒരു അക്ഷത്തെ നിർവചിക്കാൻ കഴിയും. ഒരു വസ്തുവിന്റെ പ്രധാന അച്ചുതണ്ട് സാധാരണയായി അതിന്റെ ദൃശ്യ ദിശയ്ക്ക് സമാന്തരമാണ്.

മൂലകത്തിന്റെ സ്ഥാനം
വിഷ്വൽ ഭാരം അടുത്തുള്ള വസ്തുക്കളുടെ ആകർഷണം അല്ലെങ്കിൽ നിരസിക്കൽ മിഥ്യ സൃഷ്ടിക്കുന്നു. രണ്ട് വസ്തുക്കൾ തമ്മിലുള്ള ആകർഷണ രേഖയ്ക്ക് ദൃശ്യ ദിശ ക്രമീകരിക്കാൻ കഴിയും.

മൂലകത്തിന്റെ സെമാന്റിക് ഉള്ളടക്കം
ഒരു അമ്പടയാളത്തിന്റെ ചിത്രങ്ങൾ, ഒരു ചൂണ്ടുവിരൽ, ചില ഘട്ടങ്ങളിൽ ഒരു നോട്ടം - ഈ ഘടകങ്ങളെല്ലാം തുടക്കത്തിൽ നിരീക്ഷകന്റെ നോട്ടത്തെ ഒരു നിശ്ചിത ദിശയിലേക്ക് നയിക്കുന്നു.

പ്രസ്ഥാനം
ഡൈനാമിക് പേജുകളുടെ കാര്യത്തിൽ, ഒരു ഘടകത്തിന് അക്ഷരാർത്ഥത്തിൽ സ്‌ക്രീനിലുടനീളം നീങ്ങാൻ കഴിയും, ഇത് ഉപയോക്താവിന്റെ നോട്ടത്തെ നിയന്ത്രിക്കുന്നു.

ഓരോ കോമ്പോസിഷനും അതിന്റേതായ ഘടനാപരമായ അടിത്തറയുണ്ട്, അതിനൊപ്പം, അതിന്റെ വിവിധ അക്ഷങ്ങളിലൂടെ, നിരീക്ഷകന്റെ ശ്രദ്ധയെ നിയന്ത്രിക്കുന്ന ശക്തികൾ നീങ്ങുന്നു.

ഈ സ്വഭാവം കുറച്ചുകൂടി വിശദമായി നോക്കാം.

ആർട്ട് ആൻഡ് വിഷ്വൽ പെർസെപ്ഷൻ: എ സൈക്കോളജി ഓഫ് ദ ക്രിയേറ്റീവ് ഐ എന്ന തന്റെ പുസ്തകത്തിൽ, റുഡോൾഫ് ആർൻഹൈം ഓരോ രചനയ്ക്കും അതിന്റേതായ ഘടനാപരമായ അടിത്തറയുണ്ടെന്ന ആശയം പ്രകടിപ്പിച്ചു, അതിനാൽ ക്യാൻവാസ് ശൂന്യമാണെങ്കിലും, നമ്മുടെ നോട്ടം ഒരു കൂട്ടം ശക്തികളുടെ സ്വാധീനത്തിലാണ്. ചുവടെയുള്ള ചിത്രത്തിൽ കാണിച്ചിരിക്കുന്നത്, അതിന്റെ ചില ഭാഗങ്ങളിലേക്ക് ആകർഷിക്കപ്പെടും.

റുഡോൾഫ് ആർൺഹൈമിന്റെ "സ്ട്രക്ചറൽ നെറ്റ്‌വർക്ക്"

ചതുരാകൃതിയിലുള്ള ക്യാൻവാസിന്റെ മധ്യവും നാല് കോണുകളും കണ്ണുകളെ ആകർഷിക്കുന്ന ഒരുതരം കാന്തങ്ങളാണ്. അവയിൽ ഏറ്റവും ശക്തമായത് ഒപ്റ്റിക്കൽ സെന്ററിലാണ്, അത് ക്യാൻവാസിന്റെ ജ്യാമിതീയ കേന്ദ്രവുമായി കൃത്യമായി പൊരുത്തപ്പെടുന്നില്ല, പക്ഷേ അൽപ്പം ഉയരത്തിൽ സ്ഥിതിചെയ്യുന്നു.

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

നിങ്ങൾക്ക് ഇപ്പോൾ ഘടനാപരമായ നെറ്റ്‌വർക്ക് ഉപയോഗിക്കാനും സ്വാഭാവികമായും ഉപയോക്താക്കളുടെ ശ്രദ്ധ ആകർഷിക്കുന്ന മേഖലകളിൽ നിങ്ങളുടെ ലാൻഡിംഗ് പേജിൽ ഘടകങ്ങൾ സ്ഥാപിക്കാൻ ശ്രമിക്കാനും കഴിയും.

വിഷ്വൽ ദിശയും പെർസെപ്ച്വൽ സമഗ്രതയും

വിഷ്വൽ ദിശയെ ഒരു മൂലകത്തിൽ നിന്ന് മറ്റൊന്നിലേക്കുള്ള ദിശയെ സൂചിപ്പിക്കുന്നു അല്ലെങ്കിൽ ഘടകങ്ങളെ ഒരുമിച്ച് ബന്ധിപ്പിക്കുന്ന യഥാർത്ഥ അല്ലെങ്കിൽ സാങ്കൽപ്പിക ലൈനുകളായി കണക്കാക്കാം. ഈ വരികൾ ദൃശ്യമാകണമെന്നില്ല.

ഏകീകൃത കണക്റ്റിവിറ്റി
മൂലകങ്ങളെ ബന്ധിപ്പിക്കുന്ന വരികൾക്ക് ഒരു ദിശയുണ്ട്. നോട്ടം നിരീക്ഷകന്റെ കണ്ണിനും നിരീക്ഷണ വസ്തുവിനുമിടയിൽ ഒരു സാങ്കൽപ്പിക രേഖ സൃഷ്ടിക്കുന്നു.

തുടർച്ച
ഈ മൂലകങ്ങൾ ചലിക്കുന്നതായി തോന്നുന്ന ഒരു രേഖയിലോ വക്രത്തിലോ സ്ഥിതിചെയ്യുന്ന മൂലകങ്ങളുമായി ഈ തത്വം ബന്ധപ്പെട്ടിരിക്കുന്നു.

ഏക ഉദ്ദേശം
ഒരേ ദിശയിൽ ചലിക്കുന്ന മൂലകങ്ങൾക്ക് ഒരൊറ്റ ഉദ്ദേശ്യമുണ്ടെന്ന് മനസ്സിലാക്കുന്നു.

സമാന്തരവാദം
ഘടകങ്ങൾ സമാന്തരമായി മനസ്സിലാക്കാൻ, അവയ്ക്ക് ആന്തരിക അക്ഷങ്ങൾ (ദിശ നൽകുന്നവ) ഉണ്ടായിരിക്കണം.

പൊതുവായ കോമ്പോസിഷൻ ഓറിയന്റേഷൻ

വിഷ്വൽ ദിശയുടെ മറ്റൊരു ആശയം, ഓരോ കോമ്പോസിഷനിലും ഒരു ദിശ അല്ലെങ്കിൽ മറ്റൊന്ന് (തിരശ്ചീന, ലംബ അല്ലെങ്കിൽ ഡയഗണൽ) പ്രബലമാണ്.

• പ്രബലമായ തിരശ്ചീന ദിശ കോമ്പോസിഷന് ശാന്തതയും സ്ഥിരതയും നൽകുന്നു.
• പ്രബലമായ ലംബ ദിശ ഔപചാരികത, തീവ്രമായ ശ്രദ്ധ, ബാലൻസ് എന്നിവ നൽകുന്നു.
• പ്രബലമായ ഡയഗണൽ ദിശ ചലനത്തിന്റെയും പ്രവർത്തനത്തിന്റെയും ഒരു ബോധം സൃഷ്ടിക്കുന്നു.

ഒരു കോമ്പോസിഷന്റെ പ്രബലമായ ദിശ നിർണ്ണയിക്കുന്നത് അതിലെ മിക്ക അല്ലെങ്കിൽ പല പ്രധാന ഘടകങ്ങളുടെയും ദിശയാണ്. കോമ്പോസിഷന്റെ ദിശ മാറ്റുന്നതിലൂടെ, നിങ്ങൾക്ക് ഒരു പ്രത്യേക മാനസികാവസ്ഥ നൽകാൻ കഴിയും.

രചനയ്ക്ക് ഒരു പ്രധാന ദിശയും ഉണ്ടാകണമെന്നില്ല, ഉദാഹരണത്തിന്, തിരശ്ചീനമായും ലംബമായും സ്ഥിതിചെയ്യുന്ന മൂലകങ്ങളുടെ എണ്ണം തുല്യമാണെങ്കിൽ. ഈ സാഹചര്യത്തിൽ, വിഷ്വൽ ദിശ നിർണ്ണയിക്കുന്നത് വ്യക്തിഗത നിരീക്ഷകന്റെ ആത്മനിഷ്ഠതയാണ്.

ഉദാഹരണങ്ങൾ

ഉദാഹരണങ്ങളായി, നമുക്ക് നിരവധി യഥാർത്ഥ ജീവിത വെബ് പേജുകൾ എടുത്ത് അവയിലെ "ഭാരത്തിന്റെ" വിതരണം വിശകലനം ചെയ്യാം.

ചുവടെ അവതരിപ്പിച്ചിരിക്കുന്ന ഫലങ്ങൾ നിങ്ങളുടെ ആത്മനിഷ്ഠമായ വിലയിരുത്തലുമായി പൊരുത്തപ്പെടണമെന്നില്ല, ഇത് തികച്ചും സാധാരണമാണ്. ഒരു രചനയുടെ ഒരു പ്രത്യേക ഘടകത്തിന്റെ ദൃശ്യഭാരം വസ്തുനിഷ്ഠമായി അളക്കുന്നത് അസാധ്യമാണ്, കാരണം വ്യത്യസ്ത ആളുകൾ വ്യത്യസ്ത കാര്യങ്ങളിലേക്ക് ആകർഷിക്കപ്പെടുന്നു, ആത്മനിഷ്ഠതയുടെ പങ്ക് എല്ലായ്പ്പോഴും ഒരു പ്രധാന പങ്ക് വഹിക്കും.

സ്ക്വിന്റ് ടെസ്റ്റ് എന്ന് വിളിക്കപ്പെടുന്നവ പ്രധാന മൂല്യനിർണ്ണയ ഉപകരണമായി ഉപയോഗിക്കും - ഇതിനായി നിങ്ങൾ നിങ്ങളുടെ കണ്ണുകൾ കണ്ണടയ്ക്കേണ്ടതുണ്ട്, അങ്ങനെ രചനയുടെ ചില ഘടകങ്ങൾ ശ്രദ്ധാകേന്ദ്രത്തിൽ നിന്ന് അപ്രത്യക്ഷമാകും. അവശേഷിക്കുന്നവരെ ഏറ്റവും "കനത്ത" എന്ന് വിളിക്കാം.

ടെക്സ്റ്റ് ഫോക്കസിൽ

കുറിപ്പ്. 1280 പിക്സലിൽ താഴെ വീതിയുള്ള ഒരു സ്ക്രീനിൽ നിങ്ങൾ സൈറ്റ് തുറക്കുകയാണെങ്കിൽ, സ്ക്രീൻഷോട്ടിൽ കാണിച്ചിരിക്കുന്ന രണ്ട് നിരകൾ ഒന്നായി മാറുന്നു.

bureau.tsailly.net എന്ന വെബ്‌സൈറ്റിലെ ലേഖന പേജ്

ഇന്റർഫേസുകൾ സൃഷ്ടിക്കുന്നതിനുള്ള വിഷയത്തിനായി സമർപ്പിച്ചിരിക്കുന്ന ബ്യൂറോ ബ്ലോഗിന്റെ ഈ പേജിൽ ഏതാണ്ട് പൂർണ്ണമായും ടെക്‌സ്‌റ്റ് അടങ്ങിയിരിക്കുന്നു. പ്രധാന തലക്കെട്ടിന് ഏറ്റവും വലിയ "ഭാരം" ഉണ്ട് - വലിയ വാചകം ആവശ്യത്തിന് ശൂന്യമായ ഇടത്താൽ ചുറ്റപ്പെട്ടിരിക്കുന്നു. ഒരുപക്ഷേ ഉപയോക്താവ് പേജിൽ എത്തുമ്പോൾ കാണേണ്ട ഏറ്റവും പ്രധാനപ്പെട്ട വിവരമാണിത്, അതിനാൽ അത്തരമൊരു രചനാപരമായ നീക്കം ഇവിടെ ന്യായീകരിക്കപ്പെടുന്നു.

ഏറ്റവും കുറഞ്ഞ ദൃശ്യഭാരമുള്ള ഘടകം വലത് നിരയിലെ വാചകമാണ്. ഇത് ന്യായീകരിക്കപ്പെടുന്നു: ലേഖനത്തിന്റെ പ്രധാന വാചകം, നിർവചനം അനുസരിച്ച്, സൈഡ്ബാറിലെ എന്തിനേക്കാളും കൂടുതൽ ശ്രദ്ധ ആകർഷിക്കണം.

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

നിങ്ങൾ സ്‌ക്വിന്റ് ടെസ്റ്റ് ഉപയോഗിക്കുകയാണെങ്കിൽ, മുഴുവൻ വലത് കോളവും അപ്രത്യക്ഷമാകും, ലേഖനത്തിന്റെ തലക്കെട്ടും വാചകവും മാത്രമേ നിങ്ങൾക്ക് ലഭിക്കൂ.

ഇവിടെ കോമ്പോസിഷന്റെ പ്രധാന ദിശ ലംബമാണ് - പേജിനൊപ്പം പ്രവർത്തിക്കുന്ന രണ്ട് നീണ്ട നിരകൾ. ഈ രണ്ട് നിരകളുടെ പശ്ചാത്തലങ്ങൾക്കിടയിലുള്ള ജംഗ്ഷൻ ഒരു ലംബ രേഖ സൃഷ്ടിക്കുന്നു, ഇത് പ്രഭാവം വർദ്ധിപ്പിക്കുന്നു.

ബ്രൈറ്റ് ഹോം പേജ്

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

കുറിപ്പ്.ഈ മെറ്റീരിയൽ പ്രസിദ്ധീകരിക്കപ്പെടുമ്പോഴേക്കും ക്രിയേറ്റ് ഡിജിറ്റൽ മീഡിയ പ്രവർത്തനം അവസാനിപ്പിച്ചിരുന്നു.

ഡിജിറ്റൽ മീഡിയ കമ്പനി ഹോംപേജ് സൃഷ്ടിക്കുക

അടുത്തതായി, പേജിന്റെ ചുവടെയുള്ള ഗ്രാഫിക്സ് നിങ്ങൾ ശ്രദ്ധിച്ചേക്കാം. ഇവ ഇരുണ്ടതും വലുതും സങ്കീർണ്ണവുമായ ആകൃതികളാണ്, ചിത്രങ്ങളേക്കാൾ തലക്കെട്ടിന് ഭാരം കുറവുള്ള മൂന്ന് വിഭാഗങ്ങളിലേക്ക് ശ്രദ്ധ ആകർഷിക്കുന്നു.

പ്രധാന തലക്കെട്ട് വലുതും ഇരുണ്ടതുമായ ഫോണ്ടിലാണ് നിർമ്മിച്ചിരിക്കുന്നത് കൂടാതെ ബാക്കിയുള്ള വാചകത്തിന്റെ പശ്ചാത്തലത്തിൽ തികച്ചും വേറിട്ടുനിൽക്കുന്നു. "ഭാരം" ഉള്ള മറ്റ് പേജ് ഘടകങ്ങൾ തലക്കെട്ടിലെ കമ്പനിയുടെ പേരും അടിക്കുറിപ്പിലെ ലോഗോയുമാണ്.

നിങ്ങൾ കണ്ണടച്ചാൽ, മിക്ക ഘടകങ്ങളും ദൃശ്യമാകാത്തപ്പോൾ പോലും, പേജിന്റെ ചുവടെയുള്ള നിറമുള്ള ഗിയറുകളും ടെക്‌സ്‌റ്റും ഗ്രാഫിക്‌സും നിലനിൽക്കും.

ഡിവിഡിംഗ് ലൈനുകളുടെ ഓറിയന്റേഷൻ, നാവിഗേഷൻ, ഹെഡർ മെനുകൾ, ഹൈലൈറ്റ് ചെയ്‌ത ടെക്‌സ്‌റ്റ് എന്നിവ ഈ കേസിൽ തിരശ്ചീനത്തെ പ്രധാന ദിശയാക്കുന്നു.

പേജിന്റെ നടുവിലുള്ള മൂന്ന് ഗിയറുകൾ ഒരു പരമ്പരാഗത ത്രികോണ വസ്തുവായി കണക്കാക്കാം, ഇത് കോമ്പോസിഷന് ഒരു ഡയഗണൽ ദിശ നൽകുന്നു. എന്നിരുന്നാലും, പേജിലെ ഒരേയൊരു ഡയഗണലുകൾ ഇവയായിരിക്കും, അത് നിരവധി തിരശ്ചീന ഗൈഡുകളെ മറികടക്കുന്നില്ല.

വെബ് ഡിസൈനർമാരായ ഹാവിയറിന്റെയും മാർട്ടയുടെയും വിവാഹത്തിനായുള്ള ലാൻഡിംഗ് പേജിൽ, മൂന്ന് ഘടകങ്ങൾ "ഭാരം" ക്കായി മത്സരിക്കുന്നു: ചിത്രങ്ങൾ, പച്ച വിഭജനരേഖകൾ, മെനു ഘടകങ്ങൾ - അവയ്‌ക്കെല്ലാം പ്രാഥമിക ശ്രദ്ധ ആവശ്യമാണ്.

ഹാവിയർ ആൻഡ് മാർട്ടയുടെ വെബ്സൈറ്റ്

ഗ്രാഫിക് ആർട്ട്സ്
ശൂന്യമായ ഇടത്താൽ ചുറ്റപ്പെട്ട വലിയ, ഇരുണ്ട നിറമുള്ള ചിത്രങ്ങൾ. ഓരോ ചിത്രവും അർത്ഥപൂർണ്ണവും താൽപ്പര്യമുണർത്തുന്നതുമാണ്.

ഗ്രീൻ ഡിവൈഡറുകൾ
അവയ്ക്ക് വ്യക്തമായ നിറമുണ്ട്, വളരെ വലുതാണ്, ഗ്രാഫിക് ഇമേജുകൾ പോലെ, ശൂന്യമായ ഇടത്താൽ ചുറ്റപ്പെട്ടിരിക്കുന്നു.

മെനു ഇനങ്ങൾ
ഇരുണ്ടതും വലുതും കൂടാതെ ശൂന്യമായ ഇടത്താൽ ചുറ്റപ്പെട്ടതും.

ഒറ്റനോട്ടത്തിൽ ലോഗോ പ്രധാന വാചകത്തേക്കാൾ "ഭാരമുള്ളതായി" തോന്നുന്നു, പക്ഷേ വാസ്തവത്തിൽ ഇത് മെനു ഘടകങ്ങളേക്കാൾ "ഭാരം കുറഞ്ഞതാണ്", എന്നിരുന്നാലും ഇപ്പോഴും ശ്രദ്ധേയമാണ്. ഇവിടെ നിങ്ങൾ ധാരണയുടെ ആത്മനിഷ്ഠതയെക്കുറിച്ച് മറക്കരുത് - നിങ്ങൾ വ്യത്യസ്തമായി ചിന്തിച്ചേക്കാം.

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

ഓറിയന്റേഷനെ സംബന്ധിച്ചിടത്തോളം, മുകളിലെ ഭാഗം മാത്രം സ്ക്രീനിൽ ദൃശ്യമാകുമ്പോൾ - El Evento - വിഭജന രേഖ പേജിന് ഒരു തിരശ്ചീന രൂപം നൽകുന്നു. എന്നിരുന്നാലും, മൊത്തത്തിൽ 4 വിഭാഗങ്ങളുണ്ട്, നിങ്ങൾ മുഴുവൻ പേജും നോക്കുകയാണെങ്കിൽ, ഇതിനകം ഒരു നിരയിൽ നിരത്തി, ഈ തിരശ്ചീന വരികൾ രചനയ്ക്ക് ഒരു ലംബ ദിശ നൽകുന്നു.

വഴിയിൽ, സ്‌ക്രീൻഷോട്ടിലെ വാചകത്തിന്റെ അരികുകളിൽ കാണുന്ന രണ്ട് ചിത്രങ്ങൾ സ്വാപ്പ് ചെയ്യുന്നതാണ് നല്ലതെന്ന് നമുക്ക് അനുമാനിക്കാം. ആദ്യത്തെ ചിത്രം ക്യാമറ വലതുവശത്തേക്ക് നോക്കുന്നതായി കാണിക്കുന്നു - ഉപയോക്താവിന്റെ നോട്ടം ആ ദിശയിലേക്ക് പോകും. രണ്ടാമത്തെ ചിത്രത്തിലെ പെൺകുട്ടിയുടെ കുടയും വലത്തോട്ട് ചൂണ്ടിക്കാണിക്കുന്നു, പക്ഷേ പെൺകുട്ടി ഇടത്തോട്ട് പോകുന്നു, അവിടെയാണ് ഞങ്ങളുടെ നോട്ടം പിന്തുടരാൻ സാധ്യത. രണ്ട് ചിത്രങ്ങളും ടെക്‌സ്‌റ്റിലേക്ക് നയിക്കാൻ കഴിയുമ്പോൾ അതിൽ നിന്ന് കണ്ണ് അകറ്റുന്നു.

സ്റ്റാൻഫോർഡിലെ കല

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

കുറിപ്പ്.സൈറ്റിന്റെ മുകളിലുള്ള ചിത്രം യഥാർത്ഥത്തിൽ ഒരു ചലനാത്മക ഘടകമാണ്, അവിടെ നിരവധി ചിത്രങ്ങൾ ഇടയ്ക്കിടെ പരസ്പരം മാറ്റിസ്ഥാപിക്കുന്നു. അതിനാൽ നിങ്ങൾ സ്വന്തമായി സൈറ്റ് കാണുകയാണെങ്കിൽ, നിങ്ങൾ മറ്റൊരു ചിത്രം കാണാനിടയുണ്ട്, ഇത് ഡിസൈനിന്റെയും ദൃശ്യ ഭാരത്തിന്റെയും വ്യത്യസ്തമായ വിലയിരുത്തലിലേക്ക് നയിച്ചേക്കാം.

ചതുരാകൃതിയിലുള്ള വസ്തുക്കളുടെ പശ്ചാത്തലത്തിലുള്ള ത്രികോണ ചിത്രങ്ങളാണ് അടുത്ത പ്രധാന ഘടകം. തുടർന്ന് ഹെഡറും അടിക്കുറിപ്പും പിന്തുടരുക - കടും ചുവപ്പ് നിറത്തിലുള്ള വലിയ ബ്ലോക്കുകൾ.

നിങ്ങൾ ഒരു സ്ക്വിന്റ് ടെസ്റ്റ് നടത്തുകയാണെങ്കിൽ, എല്ലാ ഘടകങ്ങളും നിങ്ങൾ പ്രതീക്ഷിക്കുന്നതിലും കൂടുതൽ സമയം ദൃശ്യമാകും. ഓരോ മൂലകങ്ങളിലും വെളിച്ചത്തിന്റെയും ഇരുണ്ട ടോണുകളുടെയും വലിയ വൈരുദ്ധ്യത്തിന്റെ സാന്നിധ്യമാണ് ഇതിന് കാരണം.

അവസാനം, ദൃശ്യമായി അവശേഷിക്കുന്നത് ചെറുതായി മങ്ങിയ മുകളിലെ ചിത്രവും അവയ്ക്ക് താഴെ ഇതിനകം പൂർണ്ണമായും മങ്ങിയ ത്രികോണങ്ങളുമാണ്.

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

വലത് ത്രികോണത്തിലുള്ള സ്ത്രീയും മധ്യഭാഗത്തുള്ള ക്യാമറയും വലത്തേക്ക് നോക്കുന്നത് രസകരമാണ്, അതേസമയം പെൺകുട്ടിയുടെ നോട്ടം പേജിന്റെ മധ്യഭാഗത്തേക്ക് തിരശ്ചീനമായി തിരശ്ചീനമായി ഫ്ലിപ്പുചെയ്യുന്നതാണ് നല്ലത്, കൂടാതെ അതേ കാരണങ്ങളാൽ ക്യാമറ ഇമേജ് ഇടത് ബ്ലോക്കിലേക്ക് മാറ്റുന്നതാണ് നല്ലത്.

ബ്ലോക്കുകളിലെ വ്യത്യസ്ത ലിങ്കുകളിൽ ഹോവർ ചെയ്യുമ്പോൾ ത്രികോണങ്ങളിലെ ചിത്രങ്ങൾ മാറുന്നുവെന്നതും ശ്രദ്ധിക്കേണ്ടതാണ്. എന്നിട്ടും, ചില കാരണങ്ങളാൽ, അവരിൽ ഭൂരിഭാഗവും ഉപയോക്താവിന്റെ നോട്ടം വാചകത്തിലേക്ക് തിരിച്ചുവിടുന്നതിനുപകരം പുറത്തേക്ക് അഭിമുഖീകരിക്കുന്നു.

ഉപസംഹാരം

ഒരു മൂലകം നിരീക്ഷകന്റെ കണ്ണുകളെ ആകർഷിക്കുന്ന ശക്തിയാണ് വിഷ്വൽ വെയ്റ്റ്. മൂലകങ്ങളിൽ പ്രവർത്തിക്കുന്ന ശക്തികളുടെ ദിശയാണ് ദൃശ്യ ദിശ, അല്ലെങ്കിൽ മൂലകങ്ങൾ തന്നെ ചെലുത്തുന്ന സ്വാധീന ശക്തികൾ. അടുത്തതായി എവിടെയാണ് നീങ്ങേണ്ടതെന്ന് അവർ ഉപയോക്താവിന്റെ കണ്ണിലേക്ക് സൂചിപ്പിക്കുന്നു.

വസ്തുക്കളുടെ പല ആന്തരിക സ്വഭാവങ്ങളും മാറ്റാൻ കഴിയും, മൂലകങ്ങളെ "ഭാരം" അല്ലെങ്കിൽ "ഇളം" ഉണ്ടാക്കുന്നു. ചില സവിശേഷതകൾ മൂലകങ്ങളുടെ ദൃശ്യ ദിശയും മുഴുവൻ രചനയും മാറ്റാനും നിങ്ങളെ അനുവദിക്കുന്നു.

ഉപയോക്താവിന്റെ ശ്രദ്ധ നിയന്ത്രിക്കുന്നതും നിങ്ങൾക്ക് പ്രയോജനപ്രദമായ ഒരു ദിശയിലേക്ക് നിങ്ങളുടെ ലാൻഡിംഗ് പേജിലൂടെ അവന്റെ നോട്ടം നീക്കുന്നതും എത്ര എളുപ്പമാണെന്ന് ഇപ്പോൾ നിങ്ങൾക്കറിയാം.