കാഴ്ചക്കാരന്റെ കണ്ണ് ആകർഷിക്കാൻ പ്രാധാന്യം ഉപയോഗിക്കുക
ഒരു വെബ് പേജ് ഡിസൈനിൽ പ്രാധാന്യം പേജിനുള്ള ഫോക്കൽ പോയിന്റുള്ള പ്രദേശമോ വസ്തുവോ സൃഷ്ടിക്കുന്നു. രൂപകൽപ്പനയിൽ ഒരു ഘടകം നിലനിറുത്തുന്നതിനുള്ള ഒരു മാർഗമാണിത്. രൂപകൽപ്പനയിലെ മറ്റ് മൂലകങ്ങളെക്കാളും, അല്ലെങ്കിൽ കറുത്ത നിറമുള്ളതുമായിരിക്കണം ഫോക്കൽ പോയിന്റ്. ഒരു വെബ്പേജിൽ നിങ്ങൾ രൂപകൽപ്പന ചെയ്യുമ്പോൾ, ഒരു പദമോ പദമോ തിരഞ്ഞെടുക്കുന്നതിലൂടെയും അത് വർണ്ണത്തിലോ, ഫോണ്ട് അല്ലെങ്കിൽ വലുപ്പത്തിനോ ആയി നിലനിർത്തുന്നതിന് നിങ്ങൾക്ക് പ്രാധാന്യം നൽകും, എന്നാൽ നിങ്ങളുടെ രൂപകൽപ്പനയിൽ കൂടുതൽ പ്രാധാന്യം ഉപയോഗിക്കുന്ന മറ്റു മാർഗങ്ങളുണ്ട്.
രൂപകൽപ്പനയിൽ പ്രാധാന്യം ഉപയോഗിക്കുക
ഡിസൈനിലുള്ള എല്ലാ കാര്യങ്ങളും നിർമ്മിക്കാൻ ശ്രമിക്കുന്നതാണ് ഏറ്റവും വലിയ തെറ്റ് ഡിസൈനർമാരിൽ ഒരാൾ. എല്ലാം ഒരേപോലെ പ്രാധാന്യം നൽകുമ്പോൾ, ഡിസൈൻ തിരക്കുള്ളതും ആശയക്കുഴപ്പത്തിലാകുന്നതും അല്ലെങ്കിൽ മോശമായതും ബോറടിപ്പിക്കുന്നതും അപ്രസക്തവുമാണ്. ഒരു വെബ് ഡിസൈനിലെ ഒരു ഫോക്കൽ പോയിന്റ് സൃഷ്ടിക്കുന്നതിന്, താഴെപ്പറയുന്നവ ഉപയോഗിക്കാതിരിക്കുക:
- രേഖകൾ: തീവ്രത ഉപയോഗിച്ച് പ്രാധാന്യം സൃഷ്ടിക്കുക. പല ഘടകങ്ങളും തിരശ്ചീനമാണെങ്കിൽ, ഒരു ലംബ ഘടകമായി ഫോക്കൽ പോയിന്റ് ആകും.
- നിറം: ഡിസൈനിലെ മിക്ക ഘടകങ്ങളും ഇരുണ്ട അല്ലെങ്കിൽ നിശബ്ദമാണെങ്കിൽ, നിറമുള്ള ഏത് വസ്തുവും കണ്ണുകളെ ആകർഷിക്കുന്നു.
- രൂപങ്ങൾ: മിക്ക ആകൃതികളും ക്രമരഹിതമായിരിക്കുമ്പോൾ ഒരു ജ്യാമിതീയ രൂപം മാറുന്നു.
- പ്രോക്സിമിറ്റി: നിരവധി ഇനങ്ങൾ തരംതിരിക്കുകയും ഗ്രൂപ്പിൽ നിന്ന് വേർതിരിഞ്ഞുവെയ്ക്കുകയും ചെയ്യുമ്പോൾ ഒറ്റത്തവണ പോകുന്നു.
- പ്ലെയ്സ്മെന്റ്: ഒഴിവുകളുണ്ടെങ്കിലും, ഡിസൈൻ കേന്ദ്രത്തിൽ സ്ഥാപിച്ചിരിക്കുന്ന ഒരു മൂലകം സാധാരണയായി കണ്ണ് നിറഞ്ഞുനിൽക്കുന്നു.
- ഭാരം: ഒരു വലിയ ഘടകം കാഴ്ചക്കാരന്റെ ശ്രദ്ധ ആകർഷിക്കുന്നു.
- ആവർത്തനം: എലമെൻറ് ടൈപ്പ് ചെയ്യുന്നതിനുള്ള ലളിതമായ ഗ്രാഫിക് ആവർത്തിക്കുമ്പോൾ, ഫോക്കൽ പോയിന്റിലേക്ക് ആവർത്തിച്ചുവരുന്ന മൂലകം കണ്ണ് പിന്തുടരുന്നു.
- കോൺട്രാസ്റ്റ്: വർണ്ണങ്ങളും വരികളും സൃഷ്ടിച്ച വ്യത്യാസങ്ങൾ കൂടാതെ, ദൃശ്യതീവ്രത വലുപ്പം, ഘടന അല്ലെങ്കിൽ ഫോണ്ട് മാറ്റങ്ങൾ ഉപയോഗിച്ച് സൃഷ്ടിക്കാവുന്നതാണ്. ഈ മാറ്റത്തിന് ഫോക്കൽ ഘടകം വേറിട്ടു നിൽക്കുന്നു.
- വൈറ്റ് സ്പേസ്: വെളുത്ത (അല്ലെങ്കിൽ ശൂന്യാകാശ) ചുറ്റുമുള്ള ഒരു ഘടകം ഫോക്കൽ പോയിന്റാണ്.
വെബ് ഡിസൈനിംഗിൽ ശ്രേണീയം
പ്രാധാന്യം പ്രാധാന്യം സൂചിപ്പിക്കുന്ന ഡിസൈനിലെ ഘടകങ്ങളുടെ ദൃശ്യക്രമീകരണമാണ് ശ്രേണി. ഏറ്റവും വലിയ ഘടകം ഏറ്റവും പ്രധാനപ്പെട്ടതാണ്; വളരെ പ്രധാനപ്പെട്ട ഘടകങ്ങൾ ചെറുതാണ്. നിങ്ങളുടെ വെബ് ഡിസൈനുകളിൽ ഒരു വിഷ്വൽ ഹൈറാർക്കിയിയെ സൃഷ്ടിക്കുന്നതിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുക. നിങ്ങളുടെ HTML മാർക്കപ്പിലേക്ക് ഒരു സെമാന്റിക് ഫ്ലോ സൃഷ്ടിക്കാൻ നിങ്ങൾ പ്രവർത്തിച്ചിട്ടുണ്ടെങ്കിൽ, നിങ്ങളുടെ വെബ് പേജിന് ഇതിനകം ഒരു ശ്രേണി ഉണ്ടായിരിക്കുമെന്നതിനാൽ ഇത് എളുപ്പമാണ്. നിങ്ങളുടെ എല്ലാ രൂപകൽപ്പനയും ചെയ്യേണ്ടത്, H1 ശീർഷകം പോലെയുള്ള ശരിയായ ഘടകം-പ്രധാന ഊന്നൽ നൽകുന്നതിന് ഊന്നിപ്പറയുന്നു.
മാർക്കപ്പിൽ ശ്രേണിയുടെ കൂടെ, ഒരു സന്ദർശകൻറെ കണ്ണിൽ ഒരു വെബ് പേജ് കാണാം, അത് ഒരു Z പാറ്റേൺ സ്ക്രീനിന്റെ മുകളിൽ ഇടത് മൂലയിൽ കാണുന്നു. ഒരു കമ്പനിയുടെ ലോഗോ പോലുള്ള ഒരു പ്രധാന ഇനത്തിന് പേജിന്റെ മുകൾ ഭാഗത്തെ ഒരു നല്ല സ്ഥലമാക്കി മാറ്റുന്നു. പ്രധാനപ്പെട്ട വിവരങ്ങൾക്ക് ഏറ്റവും മികച്ച രണ്ടാമത്തെ പ്ലെയ്സ്മെന്റ് സ്ഥാനമാണ് മുകളിൽ വലത് കോർണർ.
വെബ് ഡിസൈനിൽ ഊന്നൽ ഉൾപ്പെടുത്തുന്നത് എങ്ങനെ
വെബ് ഡിസൈനിന്റെ പ്രാധാന്യം പല വിധത്തിൽ നടപ്പിലാക്കാം:
- ഏതെങ്കിലും ശൈലികൾ ഇല്ലാതെപോലും പ്രാധാന്യം നൽകാൻ സെമാന്റിക്ക് മാർക്കപ്പ് ഉപയോഗിക്കുക.
- രൂപകൽപ്പനയിൽ അവ പ്രാധാന്യം നൽകാനോ അവയ്ക്ക് ഊന്നിപ്പറയാനോ ഫോണ്ടുകളുടെയോ ഇമേജുകളുടെയോ വലിപ്പം മാറ്റുക.
- പ്രാധാന്യം നൽകുന്നതിനായി വൈവിധ്യമാർന്ന നിറങ്ങൾ ഉപയോഗിക്കുക.
- വലുപ്പങ്ങളുടെ എണ്ണം. പേജ് അല്ലെങ്കിൽ സ്ക്രീനിൽ ഒരു വലിയ വാക്ക് ഉടൻ ശ്രദ്ധിക്കുന്നു.
- വൈറ്റ് സ്പേസ് ഉപയോഗിച്ച് ഫോക്കൽ പോയിന്റിൽ സറൗണ്ട് ചെയ്യുക.
- ശ്രദ്ധിക്കാൻ ഒരു വാക്കോ ചിത്രമോ ആവർത്തിക്കുക.
കീഴ്വഴക്കത്തിലേക്ക് ഫിറ്റ് എവിടുന്നു?
ഫോക്കൽ പോയിന്റ് പോപ്പ് ഉണ്ടാക്കുവാൻ നിങ്ങൾ ഒരു ഡിസൈനിൽ മറ്റ് ഘടകങ്ങളെ ടൺ ചെയ്യുമ്പോൾ കീഴ്വഴക്കമുണ്ടാകുന്നു. ഒരു ഉദാഹരണം വെളുത്തതും വെളുത്തതുമായ പശ്ചാത്തല ഫോട്ടോയ്ക്കെതിരായി നിലകൊള്ളുന്ന തിളങ്ങുന്ന നിറമുള്ള ഗ്രാഫിക് ആണ്. നിശബ്ദ നിറങ്ങൾ അല്ലെങ്കിൽ നിറങ്ങൾ ഫോക്കൽ പോയിന്റിനു പിന്നിലുള്ള പശ്ചാത്തലത്തിൽ കലർത്തി ഉപയോഗിക്കുമ്പോൾ അതേ പ്രകടനം നടക്കാറുണ്ട്.