ഈ വർഷത്തെ ഫ്ലാറ്റ് ഡിസൈൻ ട്രെൻഡുകൾ. Google ഫോണ്ടുകളിൽ നിന്നുള്ള ഫോണ്ടുകൾ. കൈകൊണ്ട് വരച്ച ചിത്രങ്ങളും ഐക്കണുകളും


എല്ലാ വർഷവും ഞങ്ങൾ ഡിസൈനിനെക്കുറിച്ച് പുതിയ എന്തെങ്കിലും പഠിക്കുന്നു, 2016 ഒരു അപവാദമല്ല. കഴിഞ്ഞ വർഷം ഞങ്ങൾ എഴുതിയ ലേഖനം വളരെ വിജയകരമായിരുന്നു, 2017-ലെ ചില പ്രവചനങ്ങൾ നടത്താൻ ഞങ്ങൾ തീരുമാനിച്ചു, അതിനാൽ നമുക്ക് ആരംഭിക്കാം!

പുതിയ ലേഖനം പ്രസിദ്ധീകരിച്ചു →← വായിക്കുക, പ്രചോദനം നേടുക!

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

വെബ് ഡിസൈനിലെ ട്രെൻഡുകൾ 2017 ൽ ഞങ്ങളെ കാത്തിരിക്കുന്നു

01. സെമി ഫ്ലാറ്റ് ഡിസൈൻ

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

സുഗമമായ ഷേഡിംഗ് ഫ്ലാറ്റ് ഡിസൈനിൻ്റെ അനുഭവം നശിപ്പിക്കാതെ ആഴവും സങ്കീർണ്ണതയും ചേർക്കുന്നു. ഫ്ലാറ്റ് ട്രെൻഡിലേക്ക് ചേർത്ത പുതിയ ഫീച്ചറാണിത്, 2017-ൽ ഇത് വികസിക്കുന്നത് തുടരും.

പദ്ധതി: റിസോഴ്സ് | UI/UX ടൂൾ വെബിനായിസേവനങ്ങള്
രചയിതാക്കൾ: Ruslan Latypov; LS ഗ്രാഫിക്സ്; ആൻ്റൺ മിഷിൻ; വലേരി ഗുർക്കോവ്

പദ്ധതി: ശ്രോതാക്കളുടെ പ്ലേലിസ്റ്റ്

02. ചലിക്കുന്ന ഫോട്ടോഗ്രാഫുകൾ (സിനിമാഗ്രാഫുകൾ)

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



03. കൂടുതൽ 3D

3D തീർച്ചയായും ഞങ്ങളുടെ ദിശയിലേക്ക് നീങ്ങുന്നു, ഡിസൈനിൻ്റെ എല്ലാ മേഖലകളിലും ഈ സ്വാധീനം ഞങ്ങൾ കാണും. VR/AR സാങ്കേതികവിദ്യകൾ അതിവേഗം വേഗത്തിലാക്കുന്നതിനാൽ, ഈ ഫീൽഡ് വളരെ വേഗത്തിൽ വികസിച്ചുകൊണ്ടിരിക്കുന്നു.

പദ്ധതി: LUV.IT

പദ്ധതി: വാർഷിക അവാർഡുകൾ തുറക്കുക

പദ്ധതി: എയർ മാക്സ് '17

പദ്ധതി: NIKE F.C. | യഥാർത്ഥ ലോകത്തിലെ 3D ഗോൾഡൻ ബോളുകൾ

പദ്ധതി: ബെറ്റർ യു ബ്രാൻഡ്

04. ആനിമേഷനുകൾ

വെബ് ഡിസൈനിൽ ആനിമേഷൻ കൂടുതലായി കാണപ്പെടുന്നു, ഫോർമാറ്റ് ഏതെങ്കിലും ആകാം - WebGL CSS, GIF-കൾ, SVG അല്ലെങ്കിൽ വീഡിയോ. കഴിഞ്ഞ വർഷത്തെ ഏറ്റവും പ്രധാനപ്പെട്ട വെബ് ഡിസൈൻ ട്രെൻഡുകളിലൊന്നാണ് ആനിമേഷൻ, അത് ഉപയോഗിക്കുന്നതിൽ മടിക്കേണ്ട.


പദ്ധതി: നിക്കലോഡിയൻ കുട്ടികൾ പ്രസിഡൻ്റിനെ തിരഞ്ഞെടുക്കുന്നു

പദ്ധതി: AR വെർച്വൽ ഫിറ്റ്നസ് കോച്ച് ആപ്പ്

പദ്ധതി: ZH OURO- റിയോ 2016

05. ഒരു പേജ് സൈറ്റുകൾ/ലാൻഡിംഗ് പേജുകൾ

2017-ൽ, വിപണന ആവശ്യങ്ങൾക്കായുള്ള അവയുടെ സാധ്യതയും സന്ദർശകരെ മികച്ച ടാർഗെറ്റ് ചെയ്യാനുള്ള കഴിവും കാരണം ഒരു പേജ് സൈറ്റുകളുടെ വളർച്ച ഞങ്ങൾ കാണും.

നിങ്ങൾക്ക് ഒരു ലാൻഡിംഗ് പേജ് ആവശ്യമുണ്ടെങ്കിൽ, നിങ്ങൾക്ക് അത് എന്നിൽ നിന്ന് ഓർഡർ ചെയ്യാവുന്നതാണ് →

06. ജ്യാമിതീയ രൂപങ്ങൾ, പാറ്റേണുകൾ, വരകൾ, വൃത്തങ്ങൾ

ഈ പ്രവണത 2016-ൽ ആരംഭിച്ചു, തീർച്ചയായും 2017-ലും തുടരും. പരന്നതോ മൃദുവായ നിഴലോടുകൂടിയതോ ആയ ചില ആധുനിക രൂപങ്ങൾ ചേർത്തുകൊണ്ട് നിങ്ങളുടെ സൈറ്റ് വ്യക്തിഗതമാക്കാം.

പദ്ധതി:

പദ്ധതി: DRAP.agency ബ്രാൻഡിംഗ്

പദ്ധതി: ഫൈസർ - ന്യൂയോർക്ക് ടൈംസിനായി സജീവവും 50+

07. ധീരമായ നിറങ്ങൾ

വേറിട്ടുനിൽക്കാൻ തിളക്കമുള്ള നിറങ്ങൾ ഉപയോഗിക്കുക. മെറ്റീരിയലും ഫ്ലാറ്റ് ഡിസൈനും നന്നായി പോകുന്നു തിളങ്ങുന്ന നിറങ്ങൾ. നിങ്ങൾക്ക് ആവശ്യമുള്ള നിറങ്ങൾ തിരഞ്ഞെടുക്കാനും സംയോജിപ്പിക്കാനും Google നൽകുന്ന വർണ്ണ പാലറ്റ് ഉപയോഗിക്കാം.

പദ്ധതി: എഡ്രിസ് - ലോഗോ രൂപകൽപന ചെയ്തത് മിലോ

പദ്ധതി: റെൻഡർ ചെയ്‌തത് - Adobe-നുള്ള റെസ്‌പോൺസീവ് ഡെമോ വെബ്‌സൈറ്റ്

പദ്ധതി: b2mach

08. നൂതനമായ സ്ക്രോളിംഗും പാരലാക്സും

ഏതൊരു വെബ്‌സൈറ്റിനും സവിശേഷത നൽകുന്ന ഒരു മികച്ച ദൃശ്യ ആശയമാണിത്. മൾട്ടി-ലെയർ പാരലാക്സ് മുതൽ വീഡിയോ പാരലാക്സ് വരെ, എല്ലാം D.ex മൾട്ടിലെയർ പാരലാക്സ് പ്ലഗിൻ ഉപയോഗിച്ച് സാധ്യമാണ്. ലൊറെഡാന പാപ്പിൻ്റെയും മിഹായ് ബാൽഡിയൻ്റെയും നേതൃത്വത്തിൽ മിലോഥെംസ് സ്റ്റുഡിയോയാണ് ഈ ഉൽപ്പന്നം പൂർണ്ണമായും വികസിപ്പിച്ചെടുത്തത്. ഇത് വാങ്ങാൻ ലഭ്യമാണ് Envato Market / codecanyon.net-ൽ


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

09. വർണ്ണ സംക്രമണങ്ങൾ

ഗ്രേഡിയൻ്റുകളാണ് ഇപ്പോൾ ഏറ്റവും വലിയ ട്രെൻഡുകളിലൊന്ന്. 2016-ൽ ഈ പ്രവണത ജനപ്രീതി നേടാൻ തുടങ്ങി, ഇൻസ്റ്റാഗ്രാം പോലുള്ള വലിയ ബ്രാൻഡുകൾ അവരുടെ ലോഗോയും ചിത്രങ്ങളും ഒരു നിറത്തിൽ നിന്ന് മൾട്ടി-കളർ ട്രാൻസിഷനിലേക്ക് (ഗ്രേഡിയൻ്റ്) മാറ്റാൻ തീരുമാനിച്ചതിന് ശേഷം അതിവേഗം വളരുകയാണ്. ലോഗോകൾ മുതൽ ബട്ടണുകൾ അല്ലെങ്കിൽ ചിത്ര ഓവർലേകൾ വരെ, ഈ പ്രവണത എല്ലായിടത്തും ഉണ്ട്.

10. മൊബൈൽ ബ്രൗസിംഗ് (റെസ്‌പോൺസീവ് ഡിസൈൻ)

2015-ലും 2016-ലും കാഴ്ചകളിൽ ഗണ്യമായ വർദ്ധനവിന് കാരണമായി മൊബൈൽ ഉപകരണങ്ങൾ. വെബ്‌സൈറ്റുകൾ ബ്രൗസുചെയ്യുന്നതിന് ടാബ്‌ലെറ്റുകളും സ്മാർട്ട്‌ഫോണുകളും ഇപ്പോൾ ഉയർന്ന മുൻഗണനയാണ്, അവ മികച്ചതാണ് ഡെസ്ക്ടോപ്പ് കമ്പ്യൂട്ടറുകൾഒപ്പം ലാപ്‌ടോപ്പുകളും - ഈ പ്രവണത തുടരുന്നു. പ്രതികരിക്കുന്ന വെബ് ഡിസൈൻ ഇല്ലാത്ത ഏതൊരു വെബ്‌സൈറ്റും എത്രയും വേഗം അപ്‌ഡേറ്റ് ചെയ്യേണ്ടതുണ്ട്!

പദ്ധതി: റെസ്‌പോൺസീവ് വെബ്‌സൈറ്റ് ആനിമേഷൻ

11. ഇഷ്ടാനുസൃത ഗ്രാഫിക്സും ചിത്രീകരണങ്ങളും

സ്റ്റോക്ക് ഫോട്ടോഗ്രഫി ഇപ്പോഴും വളരെ ജനപ്രിയമാണ്, പക്ഷേ പുതിയ പ്രവണത 2016-ലും 2017-ലും വളർച്ച തുടരും: ബെസ്‌പോക്ക് ഗ്രാഫിക്‌സിൻ്റെയും ചിത്രീകരണങ്ങളുടെയും ഉപയോഗം. ഏതൊരു സന്ദർശകനും നിങ്ങളെ ഓർക്കുന്ന, അതുല്യവും മനോഹരവുമായ ഒരു വെബ്‌സൈറ്റ് നിങ്ങൾക്ക് വേണമെങ്കിൽ, ഡിജിറ്റൽ ഡിസൈനർമാരുമായി സഹകരിക്കുക. ഇതിനർത്ഥം കുറച്ച് സ്റ്റോക്ക് ഫോട്ടോകളും കൂടുതൽ യഥാർത്ഥവും അതുല്യവുമായ ചിത്രങ്ങളും.

12. ന്യൂട്രൽ സ്പെയ്സ്, ഗ്രിഡ് എന്നിവയുടെ ക്രിയേറ്റീവ് ഉപയോഗം

സമീപ വർഷങ്ങളിൽ, ക്രമീകൃതവും സംഘടിതവുമായ നിരകളിലേക്കും ഗ്രിഡുകളിലേക്കും വെബ് ഡിസൈൻ കൂടുതൽ ചായ്‌വുള്ളതാണ്, എന്നാൽ 2016 ൽ ക്രമരഹിതമായ പാളികളിലേക്കും അത്യാധുനിക ഡിസൈനുകളിലേക്കും കാര്യമായ മാറ്റം കാണാൻ കഴിഞ്ഞു.

13. കഥകൾ പറയുക (കഥ പറയൽ)

ഉപഭോക്താവിനെ വിജയിപ്പിക്കാൻ വെബ്‌സൈറ്റുകൾ ഇപ്പോൾ കഥകൾ പറഞ്ഞു തുടങ്ങിയിരിക്കുന്നു. ലളിതമായ (വരണ്ട) വിവരങ്ങൾ വായിക്കുന്നതിനേക്കാൾ കൂടുതൽ ആളുകൾ കഥകൾ ഓർക്കുന്നു.

ബിസിനസ് ഓഫ് യൂത്തിൽ നിന്നുള്ള കഥപറച്ചിലിനെക്കുറിച്ചുള്ള കൂടുതൽ വീഡിയോ:

14. ഉള്ളടക്കത്തിൻ്റെ ക്രമാനുഗതമായ ലോഡിംഗ് (അലസമായ ലോഡിംഗ്)

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

15. ഉള്ളടക്കം വിഭജിക്കുക

സ്‌പ്ലിറ്റ് ഉള്ളടക്കം ഇപ്പോൾ റെസ്‌പോൺസീവ് വെബ് ഡിസൈനിൽ ജനപ്രിയമാണ്; ഇത് സ്‌ക്രീനെ രണ്ടോ അതിലധികമോ ഭാഗങ്ങളായി വിഭജിക്കുന്നു. സൈറ്റിൻ്റെ അത്തരമൊരു സ്പ്ലിറ്റ് സ്ക്രീൻ കാഴ്ചക്കാരനെ കുറച്ച് തുല്യമായി കാണിക്കും പ്രധാനപ്പെട്ട സന്ദേശങ്ങൾസൈറ്റിൻ്റെ ഒരു ബ്ലോക്കിൽ. ഈ പ്രവണത 2015 ൽ പ്രത്യക്ഷപ്പെട്ടു, എന്നാൽ 2017 ൽ അത് വളരാൻ തുടരും, മിക്കവാറും, നിങ്ങൾ അത് പല സൈറ്റുകളിലും കാണും.

16. പൂർണ്ണ സ്‌ക്രീൻ ഫോമുകൾ

ഒരു ഫോം പൂരിപ്പിക്കുന്നതിന് മറ്റൊരു പേജിലേക്ക് നാവിഗേറ്റ് ചെയ്യേണ്ട ആവശ്യമില്ല, കാരണം പുതിയ സൈറ്റുകൾ റെസ്‌പോൺസീവ് ഡിസൈനുമായി പൊരുത്തപ്പെടുന്ന പൂർണ്ണ വീതിയുള്ള ഫോമുകൾ ഉപയോഗിക്കുന്നു.

17. എല്ലായിടത്തും വീഡിയോകൾ

കഴിഞ്ഞ വർഷം വീഡിയോ ഉള്ളടക്കം വർദ്ധിച്ചു, ആളുകൾ കൂടുതൽ ആവശ്യപ്പെടുന്നു ഉയർന്ന നിലവാരമുള്ളത്വീഡിയോ. ഒരു വെബ്‌സൈറ്റിലെ ഒരു വീഡിയോ ഹ്രസ്വവും യാന്ത്രികമായി ആവർത്തിക്കുന്നതുമാകാം, ഒരു ഉൽപ്പന്നമോ വലിയ തോതിലുള്ള സിനിമാറ്റിക് പ്രോജക്‌റ്റോ കാണിക്കുന്നത് കാഴ്ചക്കാരനെ സ്റ്റോറിയിൽ ഉൾപ്പെടുത്തും.

പദ്ധതി: ഹിൽസോംഗ്

18. SEO പ്രധാനമാണ്! (SEO പ്രധാനമാണ്)

ഒരു വെബ്‌സൈറ്റിന് SEO വളരെ പ്രധാനമാണ്, അതിനാൽ ഇല്ലാതെ മനോഹരമായ ഒരു വെബ്‌സൈറ്റ് നല്ല എസ്.ഇ.ഒഅന്യനായി തുടരും.

19. മറഞ്ഞിരിക്കുന്ന നാവിഗേഷൻ

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

20. ചെറിയ ഡിസൈൻ വിശദാംശങ്ങൾ

വിശദാംശങ്ങളിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്നത് ഈ വർഷം വളരെ പ്രധാനമാണ്. നാവിഗേഷൻ പോയിൻ്റുകൾ മുതലായ ചെറിയ വിശദാംശങ്ങൾ. ചെറിയ വിശദാംശങ്ങളിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്നത് ജോലി പൂർത്തിയാക്കും.

പദ്ധതി: ബരോമെറ്റ - അടുത്ത തലമുറ ജോലി പ്ലാറ്റ്ഫോം


21. ലോഗോ ഡിസൈൻ ട്രെൻഡുകൾ

21.1 മിനിമലിസം

എല്ലാ വലിയ ബ്രാൻഡുകളും ലളിതവും കുറഞ്ഞതുമായ ഡിസൈനുകളിലേക്ക് നീങ്ങുന്നു, ഈ പ്രവണത ഇവിടെ നിലനിൽക്കും.

21.2 കൈ വരച്ചത്

ഈ പ്രവണത ശ്രദ്ധയിൽപ്പെട്ടിട്ടുണ്ട് കഴിഞ്ഞ വർഷങ്ങൾ, ഈ ശൈലി ഒരു "ഹിപ്സ്റ്റർ" ബിസിനസിന് മികച്ചതാണ്. ഹെയർ സലൂണുകൾ (ബാർബർ), കഫേകൾ, റെസ്റ്റോറൻ്റുകൾ, ആർട്ട്, ക്രാഫ്റ്റ് ഇനങ്ങൾ എന്നിവയ്ക്കായി ഇത് ഉപയോഗിക്കുന്നു.

21.3 നെഗറ്റീവ് സ്പേസ്

ഇതൊരു പഴയ പ്രവണതയാണ്, എന്നാൽ കഴിഞ്ഞ കുറച്ച് വർഷങ്ങളായി ഇത് ആവി പിടിക്കുന്നത് ഞങ്ങൾ കണ്ടു, 2017-ലും ഇത് വളരും, അതിനാൽ ഇത് തീർച്ചയായും സൂക്ഷ്മമായി പരിശോധിക്കേണ്ടതാണ്.

21.4 ക്രോപ്പിംഗ്

ഈ പ്രവണതയേക്കാൾ കൂടുതൽ മിനിമലിസ്റ്റ് ലഭിക്കില്ല. കമ്പനിയെ തിരിച്ചറിയാൻ ലോഗോയിൽ സൂചിപ്പിക്കാൻ പര്യാപ്തമായത് മാത്രം കാണിക്കുന്നു, അതിൽ കൂടുതലൊന്നും ഇല്ല.

21.5 ജ്യാമിതി

ഈ പ്രവണത പഴയ സ്കൂളാണ്, എന്നാൽ ഒരിക്കലും മരിക്കാത്ത ശൈലികളിൽ ഒന്നാണിത്.

21.6 ലൈൻ ആർട്ട്

പുതുതലമുറ ബിസിനസുകൾക്കിടയിൽ ഈ പ്രവണത ജനപ്രിയമാണ്

രചയിതാക്കൾ: സാം ഹീലി; ആൻഡ്രിയ ഷ്ലാഫർ; ജാസെക് ജാനിസാക്ക്

21.7 പാറ്റേണുകൾ

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

രചയിതാക്കൾ: നിക്ക് എഡ്ലിൻ; സ്റ്റാനിസ്ലാവ് അലീനിക്കോവ്; ലൂക്കാസ് ഗിൽ-ടർണർ

21.8 ആനിമേറ്റഡ് ലോഗോകൾ

മോഷൻ ഡിസൈൻ ഇന്ന് ഒരു ജനപ്രിയ പ്രവണതയാണ്, ഡിസൈനിൻ്റെ എല്ലാ മേഖലകളിലും നമുക്ക് ഇത് കാണാൻ കഴിയും.

രചയിതാക്കൾ: ഹാവിയർ മിറാൻഡ നീറ്റോ; ദി വർക്ക് കോ

21.9 വിൻ്റേജ്

വിൻ്റേജ് ശൈലി ഇപ്പോഴും ഗെയിമിലുണ്ട്. ഈ പ്രവണത വളരെക്കാലമായി ജനപ്രിയമാണെങ്കിലും, ഇതിന് ഇപ്പോഴും എന്തെങ്കിലും പറയാനുണ്ട്.

21.10 വർണ്ണ സംക്രമണങ്ങൾ

ഈ വർഷം ഗ്രേഡിയൻ്റുകൾ എല്ലായിടത്തും ഉണ്ട് - ലോഗോകളും ഒരു അപവാദമല്ല.

21.11 ലോഗോകളിലെ ചിത്രീകരണങ്ങൾ

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

രചയിതാക്കൾ: ബോഡിയ ഡാനിയൽ; ജാസെക് ജാനിസാക്ക്

21.12. ലോഗോകളിലെ ഫോട്ടോഗ്രാഫി

ചിത്രങ്ങളുടെയും ടൈപ്പോഗ്രാഫിയുടെയും സംയോജനം ഇപ്പോൾ വളരെ ജനപ്രിയമാണ്. അവർ ഒരുമിച്ച് നന്നായി പ്രവർത്തിക്കുന്നു, അത് അവർക്കിടയിൽ ഒരു വൈരുദ്ധ്യം സൃഷ്ടിക്കുന്നു.

22. ടൈപ്പോഗ്രാഫി ട്രെൻഡുകൾ

22.1 വലുതും ധീരവും മനോഹരവുമായ ടൈപ്പോഗ്രാഫി

അതിശയകരമായ ഡിസൈൻ സൃഷ്ടിക്കുന്നതിൽ ടൈപ്പോഗ്രാഫി ഏറ്റവും പ്രധാനപ്പെട്ട ഘടകമായിരിക്കാം. ഈ വർഷം ടൈപ്പോഗ്രാഫി ബോൾഡും (ബോൾഡ്) വലിയ തലക്കെട്ടുകളുള്ളതുമായിരിക്കും.

രചയിതാക്കൾ: അലക്സാണ്ടർ ലഗുട്ട

രചയിതാക്കൾ: ക്വിം മാരിൻ

പദ്ധതി: ബഗാസം സീരീസ് - പാക്ക് 4

22.2 ടൈപ്പോഗ്രാഫിയിലെ ഗ്രേഡിയൻ്റ്/വർണ്ണ സംക്രമണങ്ങൾ

ഗ്രേഡിയൻ്റുകൾ ഇന്ന് ഒരു പ്രവണതയാണ്, കൂടാതെ ടൈപ്പോഗ്രാഫിയിലും നിങ്ങൾ അവ കണ്ടെത്തും.

22.3 വിഷ്വൽ ശ്രേണി

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

22.4 ചെറിയ ടൈപ്പോഗ്രാഫി

വളരെ ചെറിയ ടെക്‌സ്‌റ്റ് സാധാരണയായി ഒരു എതിർ വർണ്ണ സ്‌പെയ്‌സാൽ ചുറ്റപ്പെട്ടിരിക്കുന്നു, എന്നാൽ ടെക്‌സ്‌റ്റ് വേറിട്ടുനിൽക്കാൻ നിങ്ങൾക്ക് വർണ്ണമോ ചിത്രമോ തമ്മിൽ ഒരു വിഷ്വൽ വ്യത്യാസം സൃഷ്‌ടിക്കാനാകും. നിങ്ങളുടെ വാചകം വേറിട്ടുനിൽക്കാൻ സഹായിക്കുന്നതിന് നിങ്ങൾക്ക് ആനിമേഷനും ഉപയോഗിക്കാം.

രചയിതാക്കൾ: സ്ലാവ ഒലീനിക്; ബഹാ സമീർ; വിറ്റി ഡിജിറ്റൽ

പദ്ധതി: ബഗാസം സീരീസ് - പാക്ക് 4

22.5 ആനിമേറ്റഡ് ടൈപ്പോഗ്രാഫി

ആനിമേഷൻ ഇപ്പോൾ എല്ലായിടത്തും ഉപയോഗിക്കുന്നു, കൂടാതെ ടൈപ്പോഗ്രാഫിയും ഒരു അപവാദമല്ല. നിങ്ങൾ മോഷൻ സോഫ്റ്റ്വെയർ ഉപയോഗിക്കുകയാണെങ്കിൽ, ഈ വർഷം നിങ്ങൾക്ക് തെറ്റ് പറ്റില്ല.

പ്രോജക്റ്റ്: ഗോതം പ്രോ ആനിമേറ്റഡ് ടൈപ്പ്ഫേസ് സൗജന്യം

22.6 ടൈപ്പോഗ്രാഫി ഫോട്ടോഗ്രാഫിയുമായി പൊരുത്തപ്പെടുന്നു

ടെക്സ്റ്റും ഫോട്ടോഗ്രാഫിയും തമ്മിലുള്ള സംയോജനം മികച്ച ഫലങ്ങൾ ഉണ്ടാക്കും. ഈ മഹത്തായ ഉദാഹരണങ്ങൾ പരിശോധിക്കുക.

22.7 ജ്യാമിതീയ രൂപങ്ങളും ടൈപ്പോഗ്രാഫിയും

മനോഹരമായ ഒരു ഡിസൈൻ സൃഷ്ടിക്കാൻ ജ്യാമിതീയ രൂപങ്ങൾ ടൈപ്പോഗ്രാഫി ഉപയോഗിച്ച് നന്നായി പ്രവർത്തിക്കും.

22.8 ഫോണ്ട് ജോടിയാക്കൽ

രണ്ടോ അതിലധികമോ ഫോണ്ടുകൾ ഒരുമിച്ച് ഉപയോഗിക്കുക. 2017ൽ ഇത് ഇപ്പോഴും ട്രെൻഡിയാണ്.

———————————



2016 ൽ, നിരവധി രസകരമായ സൈറ്റുകൾ പ്രത്യക്ഷപ്പെട്ടു, അവിടെ ആധുനിക പ്രവണതകൾ വ്യക്തമായി പ്രകടമായി. അടുത്ത വർഷം നമുക്ക് നിരവധി അത്ഭുതകരമായ ഡിസൈൻ പരിഹാരങ്ങൾ കൊണ്ടുവരുമെന്നതിൽ സംശയമില്ല. തീർച്ചയായും, ചില പ്രവണതകൾ കുറയും, മറ്റുള്ളവർ, നേരെമറിച്ച്, ശക്തി പ്രാപിക്കാൻ തുടങ്ങും. കാര്യങ്ങൾ യഥാർത്ഥത്തിൽ എങ്ങനെ മാറുമെന്ന് പ്രവചിക്കാൻ വളരെ ബുദ്ധിമുട്ടാണ്, എന്നാൽ 2017-ൽ വെബ് ഡിസൈനിൽ ഏതൊക്കെ ട്രെൻഡുകൾ ആധിപത്യം സ്ഥാപിക്കുമെന്ന് നിങ്ങൾക്ക് ഇതിനകം കാണാൻ കഴിയും.

ശ്രദ്ധ, ഉള്ളടക്കം

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

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

ഫ്ലാറ്റ് ഡിസൈനിൻ്റെ യുഗത്തിൻ്റെ അവസാനം

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

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

ജ്യാമിതീയ രൂപങ്ങൾ, വരകൾ, പാറ്റേണുകൾ

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

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

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

ആനിമേഷൻ്റെ വിപുലമായ ഉപയോഗം

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

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

ലളിതമാക്കിയ നാവിഗേഷൻ

മൊബൈൽ ഇൻ്റർനെറ്റ് ഉപയോക്താക്കളുടെ പങ്ക് ക്രമാനുഗതമായി വളരുകയാണ്; സമൂഹം കൂടുതൽ മൊബൈൽ ആകുമ്പോൾ, വെബ്‌സൈറ്റ് നാവിഗേഷനോടുള്ള മുൻ സമീപനങ്ങൾ ഇനി പ്രവർത്തിക്കില്ല. സൈറ്റ് നാവിഗേറ്റ് ചെയ്യാൻ ഉപയോക്താക്കളെ സഹായിക്കേണ്ടതുണ്ട്, നാവിഗേഷൻ ലളിതമാക്കുന്നതിലൂടെ മാത്രമേ ഇത് ചെയ്യാൻ കഴിയൂ.

വലിയ മെനുകളുള്ള വെബ്‌സൈറ്റുകൾ ഭൂതകാലത്തിൻ്റെ ഒരു കാര്യമായി മാറുന്നു; ആവശ്യമായ വിവരങ്ങൾ, അതിനാൽ കൂടുതൽ കൂടുതൽ സൈറ്റുകൾ സങ്കീർണ്ണമായ നാവിഗേഷൻ ഉപേക്ഷിക്കുകയും മെനുവിൽ 4-5 ഇനങ്ങൾ ഉപേക്ഷിക്കുകയും ചെയ്യുന്നു. ശേഷിക്കുന്ന നാവിഗേഷൻ ഘടകങ്ങൾ, എന്തെങ്കിലും ഉണ്ടെങ്കിൽ അവ മറഞ്ഞിരിക്കുകയും ആവശ്യമുള്ളപ്പോൾ മാത്രം ദൃശ്യമാവുകയും ചെയ്യും.

UX ഡിസൈനിൽ, ഒരു നല്ല ഉപയോക്തൃ അനുഭവം പ്രധാനമാണ്. അതിനാൽ, അനാവശ്യ ആശയക്കുഴപ്പങ്ങളില്ലാതെ ഇൻ്റർഫേസുമായി എങ്ങനെ ഇടപഴകണമെന്ന് മനസ്സിലാക്കാൻ മൈക്രോഇൻ്ററാക്ഷനുകൾ ഉപയോക്താക്കളെ സഹായിക്കും. ഫോട്ടോകളിലൂടെ ഫ്ലിപ്പുചെയ്യൽ, ഗ്രാഫിക്സ് സ്ക്രോൾ ചെയ്യൽ, മറ്റ് ഉപയോക്തൃ പ്രവർത്തനങ്ങൾ എന്നിവ കഴിയുന്നത്ര സ്വാഭാവികമായിരിക്കണം. ആപ്ലിക്കേഷനുമായി ഫലപ്രദമായി സംവദിക്കാൻ ഉപയോക്താവിനെ സഹായിക്കുന്നതിലൂടെ, ഉള്ളടക്കം കാണാൻ ആളുകളെ പ്രോത്സാഹിപ്പിക്കുന്നതിന് നിങ്ങൾക്ക് മൈക്രോ-ഇൻ്ററാക്ഷനുകൾ ഉപയോഗിക്കാം. ഉപയോക്താവിന് വാഗ്ദാനം ചെയ്തുകൊണ്ട് അവൻ്റെ ശ്രദ്ധ നിരന്തരം പിടിക്കുക എന്നതാണ് പ്രധാന കാര്യം സൗകര്യപ്രദമായ ഓപ്ഷനുകൾകാണുന്നത് രസകരമായ വിവരങ്ങൾ. മൊബൈൽ ഉപകരണങ്ങളുടെ വ്യാപകമായ ദത്തെടുക്കൽ 2016-ലെ ഏറ്റവും ശ്രദ്ധേയമായ പ്രവണതകളിലൊന്നായി മൈക്രോ-ഇൻ്ററാക്ഷനുകളെ മാറ്റി, അടുത്ത വർഷം ഈ പ്രവണത ഏറ്റവും പ്രസക്തമായ ഒന്നായിരിക്കുമെന്നതിൽ സംശയമില്ല.

ഇഷ്ടാനുസൃത ഗ്രാഫിക്സ്

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

ലാൻഡിംഗ് പേജുകളുടെ വർദ്ധിച്ചുവരുന്ന പ്രാധാന്യം

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

ഒരു നിഗമനത്തിന് പകരം

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

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

2017 കൂടുതൽ നേട്ടങ്ങളാൽ അടയാളപ്പെടുത്തി വിശാലമായ ഉപയോഗംഉള്ളടക്കം ഡൗൺലോഡ് ചെയ്യുന്നതിലും കാണുന്നതിലും മൊബൈൽ ഉപകരണങ്ങൾ ഡെസ്‌ക്‌ടോപ്പ് കമ്പ്യൂട്ടറുകളെ പിന്നിലാക്കി. ഇതിനർത്ഥം 2018-ൽ ഞങ്ങൾ മുമ്പെങ്ങുമില്ലാത്തവിധം മൊബൈൽ പ്രവർത്തനം ഉപയോഗിക്കുമെന്നും പ്രസക്തമായി തുടരാൻ ഡെസ്‌ക്‌ടോപ്പ് ഉപകരണങ്ങൾ വികസിക്കേണ്ടതുണ്ട്. ഇതെല്ലാം മനസ്സിൽ വെച്ചുകൊണ്ട്, സർവ്വവ്യാപിയാകാൻ ഒരുങ്ങുന്ന ശ്രദ്ധേയമായ വെബ് ഡിസൈൻ ട്രെൻഡുകൾ നോക്കാം.

നിഴലുകളുടെ ഉപയോഗം പുതിയതല്ല, എന്തുകൊണ്ടാണ് ഞങ്ങൾ അത് പരാമർശിച്ചത്? ഈ സാങ്കേതികവിദ്യ വളരെക്കാലമായി രൂപകൽപ്പനയിൽ പരമ്പരാഗതമായിരുന്നിട്ടും, ഇന്ന്, ബ്രൗസറുകളുടെ പുരോഗതിക്ക് നന്ദി, മുമ്പ് നിലവിലില്ലാത്ത രസകരമായ വ്യതിയാനങ്ങൾ ഞങ്ങൾ കാണുന്നു. ഗ്രിഡുകളും പാരലാക്സ് ലേഔട്ടുകളും നിഴലുകളുമായി കൂടുതൽ വിശാലമായ ശ്രേണിയിൽ കളിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു, ഇത് സ്ക്രീനിന് പിന്നിൽ നിലനിൽക്കുന്ന ഒരു ലോകത്തിൻ്റെ മിഥ്യ സൃഷ്ടിക്കുന്നു. കഴിഞ്ഞ കുറച്ച് വർഷങ്ങളായി പ്രചാരത്തിലുള്ള ഒരു പ്രവണതയായ (ഫ്ലാറ്റ് ഡിസൈൻ) നേരിട്ടുള്ള പ്രതികരണമാണിത്.

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

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

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

ഈ പ്രവണത രസകരവും ഊർജ്ജവുമായി ബന്ധപ്പെട്ട ബിസിനസ്സുകൾക്ക് അനുയോജ്യമാണ്, എന്നാൽ ഇത് "ഗുരുതരമായ" കമ്പനികളെ അവരുടെ ഉപഭോക്താക്കളുമായി കൂടുതൽ അടുക്കാൻ സഹായിക്കുന്നു.

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

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

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

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

5.ആദ്യം മൊബൈൽ

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

പക്ഷെ ഇപ്പോൾ മൊബൈൽ ഡിസൈൻകൂടുതൽ പക്വത പ്രാപിച്ചു. ഒരു പോപ്പ്-അപ്പ് മെനു പ്രത്യക്ഷപ്പെട്ടു, മെനു ചെറുതാക്കാൻ സാധിച്ചു. മൊബൈലിലെ വലുതും മനോഹരവുമായ ഫോട്ടോകൾ നിങ്ങൾക്ക് ഉപേക്ഷിക്കേണ്ടി വന്നേക്കാം, എന്നാൽ ഐക്കണുകൾ കൂടുതൽ സ്ഥല-കാര്യക്ഷമമായി മാറിയിരിക്കുന്നു, കൂടാതെ അവ ഇപ്പോൾ വളരെ സാധാരണമാണ്, ഉപയോക്താക്കൾക്ക് അവയിൽ ഓരോന്നിൻ്റെയും അർത്ഥം മനസ്സിലാകും. മൈക്രോ-ഇൻ്ററാക്ഷനുകൾ ഉപയോഗിച്ച് UX പ്രശ്നങ്ങൾ തിരിച്ചറിയാനും പരിഹരിക്കാനും എളുപ്പമാണ്, നിങ്ങൾക്ക് ഉടനടി ലഭിക്കും പ്രതികരണംനിങ്ങളുടെ ഉപയോക്താക്കളുടെ പെരുമാറ്റം സംബന്ധിച്ച്.

6. വലിയ ബോൾഡ് ഫോണ്ടുകൾ

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

2017 ലെ ഏറ്റവും ശ്രദ്ധേയമായ പുതുമകളിലൊന്ന് അസമമായതും പാരമ്പര്യേതരവുമായ "വിഘടിച്ച" ലേഔട്ടുകളുടെ (ലേഔട്ടുകൾ) ആവിർഭാവമാണ്, ഈ പ്രവണത 2018 ൽ പ്രസക്തമായി തുടരും. അസമമായ ലേഔട്ടുകളുടെ ആകർഷണം അവയുടെ പ്രത്യേകത, പ്രത്യേകത, ഒരു പരിധിവരെ പരീക്ഷണാത്മകത എന്നിവയാണ്.

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

8. സംയോജിത ആനിമേഷൻ

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

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

ഇപ്പോൾ ഗ്രേഡിയൻ്റുകൾ വലുതും തടസ്സമില്ലാത്തതും തിളക്കമുള്ളതുമാണ്. ഏറ്റവും പുതിയ അവതാരങ്ങളിൽ ഏറ്റവും ജനപ്രിയമായത് ഫോട്ടോകൾക്കായുള്ള ഗ്രേഡിയൻ്റ് ഫിൽട്ടറാണ് - ഒരു ബോറടിപ്പിക്കുന്ന ചിത്രം കൂടുതൽ കൗതുകകരമാക്കുന്നതിനുള്ള മികച്ച മാർഗം. ഒരു ലളിതമായ ഗ്രേഡിയൻ്റ് പശ്ചാത്തലവും ആകാം അനുയോജ്യമായ പരിഹാരംട്രെൻഡിൻ്റെ ആത്മാവിൽ, നിങ്ങൾക്ക് മറ്റ് ചിത്രങ്ങൾ ഇല്ലെങ്കിൽ.

ട്രെൻഡുകൾ 2018

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

” വെബ്ഫ്ലോയിലെ ഉള്ളടക്ക തന്ത്രത്തിൻ്റെ തലവൻ ജോൺ മൂർ വില്യംസ്.

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

ഒന്നാമതായി, Webflow- ൻ്റെ പ്രധാന ഡിസൈനർ സെർജി മഗ്ഡലിൻ്റെ അഭിപ്രായം നേടാം.

1. ഉള്ളടക്കം അടിസ്ഥാനമാക്കിയുള്ള ഡിസൈൻ

"ഒരു നിശ്ചിത ഘടനയ്ക്കുള്ളിലെ ഡിസൈൻ ഘടകങ്ങളുടെ ക്രമീകരണം വായനക്കാരന് തൻ്റെ സാധാരണ വായനാ വേഗത കുറയ്ക്കാതെ തന്നെ പ്രധാന ആശയം എളുപ്പത്തിൽ ഗ്രഹിക്കാൻ കഴിയുന്ന തരത്തിലായിരിക്കണം" -ഹെർമൻ സാഫ്

കഴിഞ്ഞ കുറച്ച് വർഷങ്ങളായി ബിസിനസ്സിൽ ഡിസൈനിൻ്റെ പങ്കിനെക്കുറിച്ച് ചിന്തിക്കുന്നതിൽ നാടകീയമായ മാറ്റം കണ്ടു. മുമ്പ്, ഒരു ഒബ്‌ജക്‌റ്റ് സൃഷ്‌ടിക്കുന്ന പ്രക്രിയയുടെ അവസാന ഘട്ടമായാണ് ഡിസൈൻ കണ്ടിരുന്നത്: ഡിസൈനർ-മാന്ത്രികൻ അവസാനം വന്ന് ഞങ്ങളുടെ ഉൽപ്പന്നത്തിൽ മാന്ത്രിക പൊടി വിതറി മത്സരത്തേക്കാൾ മികച്ചതാക്കുന്നു.

വികസന മുൻഗണനകളോടെ സംഭവിക്കുന്ന രൂപാന്തരങ്ങൾ കാണുന്നത് വളരെ രസകരമായിരുന്നു.

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

"സ്‌ക്യൂമോർഫിക്" ഡിസൈനിൽ നിന്ന് (യഥാർത്ഥ ലോകത്തെ അവയുടെ എതിരാളികളോട് കഴിയുന്നത്ര സമാനമായ മൂലകങ്ങളെ ചിത്രീകരിക്കുന്നിടത്ത്) ഫ്ലാറ്റ്, മിനിമലിസ്റ്റ് ഡിസൈനിലേക്ക് മാറുന്നതിനുള്ള ഒരു കാരണം ഇതാണ്. ഈ പരിഗണനകളിൽ നിന്ന്, Google മെറ്റീരിയൽ ഡിസൈൻ സൃഷ്ടിച്ചു.

തീർച്ചയായും, ന്യൂട്ടൻ്റെ മൂന്നാം നിയമം പ്രസ്താവിക്കുന്നതുപോലെ, ഓരോ പ്രവർത്തനത്തിനും സമാനമായ ശക്തമായ പ്രതികരണമുണ്ട്. ഫ്ലാറ്റ് ഡിസൈനിനുള്ള ഫാഷൻ ഡിസൈനിൻ്റെ ആത്മാവിനെ "കൊന്നു" എന്ന് പല ഡിസൈനർമാരും വിശ്വസിക്കുന്നു. ഈ സംവാദം വരും വർഷത്തിലും തുടരുമെന്ന് ഞങ്ങൾ പ്രതീക്ഷിക്കുന്നു, എന്നാൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്നത് ഉള്ളടക്കത്തിൽ തന്നെയായിരിക്കും - ഏതൊരു ഡിസൈൻ വർക്കിൻ്റെയും അടിസ്ഥാനം.

2. ഡിസൈനർമാരും ഡവലപ്പർമാരും ഡിസൈനർമാരും തമ്മിലുള്ള ഉയർന്ന നിലവാരമുള്ള ഇടപെടൽ

ബിസിനസ് രൂപപ്പെടുത്തുന്നതിൽ ഡിസൈനിൻ്റെ പ്രാധാന്യം വർദ്ധിച്ചുകൊണ്ടിരിക്കുകയാണ്, അതിനാൽ ഡിസൈനർമാർ അവരുടെ സഹ ഡിസൈനർമാരുമായും അവരുടെ സഹ ഡെവലപ്പർമാരുമായും ഒരുമിച്ച് പ്രവർത്തിക്കുന്നവർക്ക് കൂടുതൽ ഊന്നൽ നൽകുന്നുണ്ട്.

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

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

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

TechCrunch-ലെ "ദി ഫ്യൂച്ചർ ഓഫ് ഫ്രണ്ട്-എൻഡ് ഡിസൈന്" എന്ന തൻ്റെ സമീപകാല ലേഖനത്തിൽ കാർസൺ മില്ലർ ഇത് വിലയിരുത്തി:

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

3. ലളിതമായ ഡിസൈനർ-ടു-ഡെവലപ്പർ പ്രക്രിയ

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

ഉൽപ്പന്ന ഡിസൈനർ ഗാഡ്‌സി ഖാർഖറോവിൻ്റെ അഭിപ്രായത്തിൽ വരും വർഷത്തിലെ വെബ് ഡിസൈൻ ട്രെൻഡുകൾ:

4. വലിയ, ഉച്ചത്തിലുള്ള തലക്കെട്ട്

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

#MadeInWebflow ഹെക്കോ പങ്കാളികൾ

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

ഇന്നത്തെ തിരക്കേറിയ, വിവര-ഓവർലോഡഡ് പരിതസ്ഥിതിയിൽ, ഇതുപോലുള്ള ഹ്രസ്വവും ശക്തവുമായ പ്രസ്താവനകൾ ഏത് ബ്രാൻഡിനും നന്നായി പ്രവർത്തിക്കുന്നു.

5. ഗ്രാഫിക് ഡിസൈനിൻ്റെ അടിസ്ഥാനങ്ങളിൽ നിന്ന് വരുന്ന സങ്കീർണ്ണമായ മാർക്ക്അപ്പ്

വെബ് ഡിസൈനിൻ്റെ വികസനം പ്രവചിക്കണമെങ്കിൽ (കുറഞ്ഞത് അതിൻ്റെ ദൃശ്യ വശമെങ്കിലും), ഗ്രാഫിക് ഡിസൈനിൻ്റെ ചരിത്രം നോക്കേണ്ടതുണ്ട്.

കഴിഞ്ഞ കുറച്ച് വർഷങ്ങളായി, വെബ് പേജ് ലേഔട്ട് CSS-ലേക്ക് പരിമിതപ്പെടുത്തിയിരിക്കുന്നു, എന്നാൽ Flexbox, CSS ഗ്രിഡ് (മാർച്ച് 2017-ൽ വരുന്നു) പോലുള്ള പുതിയ മൊഡ്യൂളുകൾ നിങ്ങളുടെ ഏറ്റവും മികച്ച വെബ് ലേഔട്ട് ആശയങ്ങൾ തിരിച്ചറിയാൻ നിങ്ങളെ അനുവദിക്കും.

ഞങ്ങളുടെ പ്രധാന ദൌത്യംഇപ്പോൾ - അഡാപ്റ്റീവ് ഡിസൈനിൻ്റെ ചട്ടക്കൂടിനുള്ളിൽ ബ്ലോക്കുകളുടെ പുതിയ ഗ്രിഡ് ലേഔട്ട് എങ്ങനെ പ്രവർത്തിക്കണമെന്ന് മനസ്സിലാക്കാൻ.

എന്താണ് പ്രതീക്ഷിക്കേണ്ടത് എന്നതിൻ്റെ ചില ഉദാഹരണങ്ങൾ ഇതാ (നിങ്ങൾക്ക് CSS ഗ്രിഡിനെ പിന്തുണയ്ക്കുന്ന ഒരു ബ്രൗസർ ഉണ്ടെന്ന് കരുതുക, അതായത് Firefox Nightly, Safari സാങ്കേതിക പ്രിവ്യൂഅല്ലെങ്കിൽ Chrome കാനറി):

പരീക്ഷണാത്മക ലേഔട്ട് ലാബ് ജെൻ സിമ്മൺസ്

പ്രധാന ബ്ലോക്കിൻ്റെ ശൈലി ശ്രദ്ധിക്കുക - ഗ്രാഫിക് ഡിസൈനിൻ്റെ ചരിത്രത്തെക്കുറിച്ചുള്ള വ്യക്തമായ പരാമർശം.

ഉദാഹരണമായി ഗ്രിഡ്

വെബ്സൈറ്റിൽ നിങ്ങൾക്ക് കൂടുതൽ ഉദാഹരണങ്ങൾ കാണാൻ കഴിയും.

6. കൂടുതൽ എസ്.വി.ജി

SVG (സ്കേലബിൾ വെക്റ്റർ ഗ്രാഫിക്സ്) ഉണ്ട് കൂടുതൽ ആനുകൂല്യങ്ങൾ JPG, PNG അല്ലെങ്കിൽ GIF പോലുള്ള പരമ്പരാഗത ഇമേജ് ഫോർമാറ്റുകളേക്കാൾ വെബ് ഡിസൈനർമാർക്കും ഡവലപ്പർമാർക്കും.

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

എന്നാൽ അത് മാത്രമല്ല. HTTP അഭ്യർത്ഥനകൾ അയയ്‌ക്കേണ്ടതില്ല എന്നതിന് SVG പ്രശസ്തമാണ്. നിങ്ങളുടെ വെബ്‌സൈറ്റിൻ്റെ ലോഡിംഗ് വേഗത നിങ്ങൾ എപ്പോഴെങ്കിലും പരിശോധിച്ചിട്ടുണ്ടെങ്കിൽ, ഈ HTTP അഭ്യർത്ഥനകൾക്ക് നിങ്ങളുടെ സൈറ്റിൻ്റെ വേഗത കുറയ്ക്കാൻ കഴിയുമെന്ന് നിങ്ങൾ ശ്രദ്ധിച്ചിരിക്കാം. എസ്.വി.ജി.യിൽ അങ്ങനെയൊരു പ്രശ്നമില്ല.

7. റൂൾ-ബേസ്ഡ് റെസ്പോൺസീവ് ഡിസൈനിനുള്ള ടൂളുകൾ

റെസ്‌പോൺസീവ് ഡിസൈൻ നമ്മൾ വെബ് ആപ്ലിക്കേഷനുകളെ നോക്കുകയും അവ സൃഷ്ടിക്കുകയും ചെയ്യുന്ന രീതിയെ പൂർണ്ണമായും മാറ്റിമറിച്ചു.

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

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

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

സീനിയർ ഗ്രാഫിക് ഡിസൈനറായ റയാൻ മോറിസൻ്റെ അഭിപ്രായത്തിൽ 2017-ലെ ഡിസൈൻ ട്രെൻഡുകൾ.

8. കൂടുതൽ തിളക്കമുള്ള നിറങ്ങൾ

2016 ൽ വെബ് ഡിസൈനിൽ മിനിമലിസത്തിൻ്റെയും ക്രൂരതയുടെയും യുഗം ആരംഭിച്ചപ്പോൾ, ഡിസൈനർമാർ ഫാഷനബിൾ ശൈലികൾക്കപ്പുറത്തേക്ക് പോകാതെ അവരുടെ ജോലിയിൽ കൂടുതൽ വ്യക്തിത്വം ചേർക്കാൻ ശ്രമിച്ചു. കൂടാതെ തിളക്കമുള്ളതും കടുപ്പമുള്ളതുമായ നിറങ്ങൾ വളരെ വിജയകരമായി ഉപയോഗിച്ചിട്ടുള്ള ചില കേസുകളെങ്കിലും ഉണ്ട്.

വർണ്ണാഭമായ പുതിയ ആസന സൈറ്റ് നോക്കൂ:

ഇൻസ്റ്റാഗ്രാമിൻ്റെ പുതിയ ആപ്പ് ഐക്കണിന് ധാരാളം വിമർശനങ്ങൾ ലഭിച്ചിട്ടുണ്ട്, എന്നാൽ ഈ പുനർരൂപകൽപ്പന തീർച്ചയായും ബ്രാൻഡിനെ പുതുക്കി:

എല്ലാ സ്ട്രൈപ്പിനും ഒരു പ്രത്യേക കാഴ്ച ആവശ്യമില്ല:

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

എന്നിരുന്നാലും, തെളിച്ചം അൽപ്പം കുറയ്ക്കുന്നത് മൂല്യവത്താണോ? ഞങ്ങൾ നിങ്ങളെ നിരീക്ഷിച്ചുകൊണ്ടിരിക്കുകയാണ്, ആശാനാ.

9. ആനിമേഷനിൽ കൂടുതൽ ഊന്നൽ

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

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

10. അസാധാരണമായ അടയാളങ്ങൾ

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

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

"തകർന്ന" അടയാളപ്പെടുത്തൽ രീതി സൂക്ഷ്മമായി വിന്യസിച്ച ഗ്രിഡിന് അപ്പുറത്തേക്ക് പോകുന്ന ഘടകങ്ങൾ ഉൾക്കൊള്ളുന്നു. ഇത്തരം വിദ്യകൾ ചിലപ്പോൾ കണ്ണിന് അരോചകമായി തോന്നിയേക്കാം. ഉദാഹരണത്തിന്:

വാചകങ്ങളും ചിത്രങ്ങളും പരസ്പരം കൂട്ടിമുട്ടുന്നു:

പേജിലുടനീളം ക്രമരഹിതമായി ചിതറിക്കിടക്കുന്ന വാചകങ്ങളും ചിത്രങ്ങളും:

"2017 ലെ 18 വെബ് ഡിസൈൻ ട്രെൻഡുകൾ" എന്ന ലേഖനത്തിൻ്റെ വിവർത്തനത്തിൻ്റെ ആദ്യ ഭാഗമായിരുന്നു ഇത്. Webflow വിദഗ്ധരുടെ അഭിപ്രായങ്ങളോട് നിങ്ങൾ യോജിക്കുന്നുണ്ടോ? ഏത് തരത്തിലുള്ള വെബ് ഡിസൈൻ വരും വർഷത്തിൽ പ്രചാരത്തിലായിരിക്കുമെന്ന് നിങ്ങൾ കരുതുന്നു?

2018-ലെ വെബ് ഡിസൈനിനും ഡിജിറ്റൽ ട്രെൻഡുകൾക്കുമായി സമർപ്പിച്ചിരിക്കുന്നു. ഓൾഗ Awwwards ജൂറി അംഗമാണ്, കൂടാതെ ലോകമെമ്പാടുമുള്ള ഏജൻസികളും ഡിസൈനർമാരും വികസിപ്പിച്ച നൂറുകണക്കിന് പുതിയ സൈറ്റുകൾ എല്ലാ ദിവസവും അവലോകനം ചെയ്യുന്നു. വെബ് ഡെവലപ്‌മെൻ്റിലെയും ഡിസൈനിലെയും ഏറ്റവും പുതിയ സംഭവവികാസങ്ങളും ട്രെൻഡുകളും നിലനിർത്താൻ ഇത് അവളെ അനുവദിക്കുന്നു.

ലേഖനം പ്രഭാഷണത്തിൻ്റെ പ്രധാന സന്ദേശങ്ങൾ വിവരിക്കുന്നു, നിങ്ങൾക്ക് ലിങ്കിൽ പൂർണ്ണ പതിപ്പ് വായിക്കാം.

ഇൻ്ററാക്ടീവ് സ്ക്രോൾ

ഞങ്ങളുടെ കഴ്‌സർ ഒരു അമ്പടയാളത്താൽ സൂചിപ്പിച്ചിരിക്കുന്നു. ഒന്നുകിൽ അത് ക്ലിക്കുചെയ്യുന്നതിനുള്ള ഒരു വിരലായി മാറുന്നു, കൂടാതെ ഹോവർ ദൃശ്യമാകാം. ഇപ്പോൾ കഴ്സർ ഒരു മൂലകമാകാം. പേജിലേക്കുള്ള മാറ്റം അതിന് താഴെ ഹൈലൈറ്റ് ചെയ്തിരിക്കുന്നു. താഴെയുള്ള ഘടകങ്ങൾക്ക് കഴ്‌സറുമായി മാറ്റാനോ സംവദിക്കാനോ കഴിയും.

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

അഗ്നിപർവ്വത വെബ്സൈറ്റിലെ ഒരു സംവേദനാത്മക സ്ക്രോളിൻ്റെ ഉദാഹരണം

UI/UX ഡിസൈനർമാർ തമ്മിലുള്ള യുദ്ധങ്ങൾക്കുള്ള ഒരു പുതിയ തീം - ഇത് എത്ര സൗകര്യപ്രദമാണ്? എന്നാൽ നിങ്ങൾ എല്ലാം വിവേകത്തോടെ ചിന്തിച്ചാൽ, അത് നന്നായി പ്രവർത്തിക്കും.

SVG മാസ്കുകൾ

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

നിങ്ങൾ ഫോട്ടോഷോപ്പ് ഉപയോഗിക്കുകയാണെങ്കിൽ, ഒരു മാസ്ക് ഉപയോഗിച്ച് ലെയറിലെ ഒരു ദ്വാരം മുറിച്ച് നിങ്ങൾക്ക് ഇത് ചെയ്യാൻ കഴിയും. അല്ലെങ്കിൽ 6 ചതുരങ്ങൾ ഓവർലാപ്പ് ചെയ്യുന്നതിലൂടെ. ഞങ്ങളുടെ ക്ലയൻ്റിനായി, ഈ കാര്യം ഉപയോഗിച്ച് ഞങ്ങൾ സ്‌ക്രീനിൽ നിന്ന് സ്‌ക്രീനിലേക്ക് ഒരു മാറ്റം വരുത്തി. ഒരു ഫോമിൽ നിന്ന് ഒരു ചിത്രം തുറക്കുന്നതും ഒരു SVG മാസ്ക് ആണ്. എന്നാൽ നിങ്ങൾ ലേഔട്ട് നോക്കിയാൽ, ഇത് ഒരു സ്റ്റാറ്റിക് ചിത്രം പോലെയാണ്.

ക്യാൻവാസ്

ഇത് ഇതിനകം ബുദ്ധിമുട്ടാണ്. പ്രക്രിയയുടെ ഗണിതശാസ്ത്രപരമായ വശങ്ങളെ കുറിച്ച് ധാരണയുള്ള ഒരാളെ നിങ്ങൾക്ക് തീർച്ചയായും ആവശ്യമാണ്. ചില കാര്യങ്ങൾ ലൈബ്രറികളിൽ നിന്ന് കടമെടുക്കാം. എന്നാൽ SVG-ന് കഴ്‌സറുമായി സമന്വയം ഇല്ല. അത് ഇതാ.

ഉദാഹരണത്തിന്, അഡിഡാസിൽ നിന്നുള്ള ക്ലൈമാച്ചിൽ വെബ്സൈറ്റ്.

ഒരു അക്ഷരം ഉപയോഗിച്ച് മോർഫ് ചെയ്യുന്നത് ക്യാൻവാസ് ആണ്. ഗ്രേഡിയൻ്റുകളുടെ ഓവർഫ്ലോ ക്യാൻവാസ് ആണ്. ഇത് വർഷങ്ങളായി ജനപ്രിയമാണ്, പക്ഷേ ഉടൻ തന്നെ കാലഹരണപ്പെടില്ല. കാരണം ഇതിന് ഭാരം കുറവാണ്, മാത്രമല്ല ഇത് 2D ഗ്രാഫിക്സാണ്, അത് ആവർത്തിക്കാൻ പ്രയാസമാണ്. അവരുടെ വെബ്‌സൈറ്റിൽ ധാരാളം "വൗ" ആഗ്രഹിക്കുന്നവർക്ക് അനുയോജ്യം.

3D+WEBGL

ദിശ വികസിപ്പിക്കും. 1 മിനിറ്റ് നേരത്തേക്ക് ചെറുതും എന്നാൽ ഉയർന്ന നിലവാരമുള്ളതുമായ ഒരു വീഡിയോ പോലും നിങ്ങൾ നിർമ്മിക്കുമ്പോൾ, ടീമിൽ കുറഞ്ഞത് 10 പേർ വേണമെന്നാണ് ഇതിനർത്ഥം. 3D-യിൽ ആയിരിക്കുമ്പോൾ - ഇത് 1 ഡിസൈനർ ആണ്. കൂടാതെ webgl +1 ഡെവലപ്പർ ആണ്. Globekit വെബ്സൈറ്റിലെ പോലെ 3D ക്ലാസിക് ആകാം. അതിശയകരവും അതുല്യവും തോന്നുന്നു. ഇതിൽ ആകെ 6 സ്ലൈഡുകൾ അടങ്ങിയിട്ടുണ്ടെങ്കിലും.

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

വി.ആർ

2017 മാർച്ചിൽ, VR-ലെ ആദ്യ വെബ്സൈറ്റ് പ്രത്യക്ഷപ്പെട്ടു. അവയിൽ കൂടുതൽ ഉണ്ട്. അടുത്തിടെ ഞങ്ങൾ ഒരു ഫുട്ബോൾ സ്റ്റേഡിയത്തിൽ ആദ്യത്തെ VR ട്രാക്ക് ഉണ്ടാക്കി. ഒരു മനുഷ്യൻ മുഖംമൂടി ധരിക്കുന്നു, അവൻ ഒരു റേസ് ട്രാക്കിലാണെന്ന് അയാൾക്ക് തോന്നുന്നു.

ഓഡിയിൽ നിന്നുള്ള വെർച്വൽ റേസിങ്ങിനുള്ള ഉപകരണം.

വിആർ പിടിക്കുമോ എന്ന് ഞങ്ങൾ അടുത്തിടെ തർക്കിക്കുകയായിരുന്നു. അതെ, ഇതിന് ഒരു ഭാവിയുണ്ട്, കാരണം ഇത് നിർമ്മിക്കുന്നത് എളുപ്പമായിരിക്കുന്നു. ഞങ്ങൾ VR-ൽ ഒരു പോർട്ട്‌ഫോളിയോ ഉണ്ടാക്കും, അതുവഴി നിങ്ങൾക്ക് തല തിരിച്ച് അതിലൂടെ തിരിയാനാകും, നിങ്ങളുടെ നോട്ടം ശരിയാക്കുമ്പോൾ, ജോലിയിലേക്ക് പോകുക.

AR

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

ഒരു ആപ്ലിക്കേഷന് സമാനമായ ഒരു ബ്രൗസർ പ്രവർത്തനമാണ് PWA. ഇത് ഒരു ഐക്കണായി ചേർത്തു, ഒരു ആപ്ലിക്കേഷൻ പോലെ കാണപ്പെടുന്നു. വാസ്തവത്തിൽ, ഇത് ബ്രൗസറിൽ തുറക്കുകയും ഉപയോക്താവിന് അറിയിപ്പുകൾ അയയ്‌ക്കാനും ഒരു ഫോമിലൂടെ അത് റെക്കോർഡുചെയ്യാനും ഓഫ്‌ലൈനിൽ ഉള്ളടക്കം സ്വീകരിക്കാനും നിങ്ങളെ അനുവദിക്കുന്നു.

ഒരു ഫ്രെയിം

AR, VR എന്നിവയ്‌ക്കുള്ള എല്ലാ കാര്യങ്ങളും കണ്ടെത്താൻ കഴിയുന്ന ഒരു റെഡിമെയ്‌ഡ് ലൈബ്രറിയാണിത്. അവ എങ്ങനെ പ്രവർത്തിക്കുന്നുവെന്ന് നിങ്ങൾക്ക് കാണാൻ കഴിയും, അവ പ്രവർത്തനത്തിൽ കാണുക.

അതിനാൽ, എല്ലാ വെബ് ഡിസൈനർമാരോടും അവരുടെ പഠനം 3D-യിൽ പൂർത്തിയാക്കാൻ ഞാൻ ഉപദേശിക്കുന്നു. ഇത് നിങ്ങളുടെ സൈറ്റിനെ കൂടുതൽ ഊർജ്ജസ്വലമാക്കും.

ഗൂഗിൾ

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

അടുത്തിടെ Awwwards Google-മായി സഹകരിക്കാൻ തുടങ്ങി. അതായത് ഇനി മൊബൈൽ സൈറ്റുകൾക്കായിരിക്കും പ്രാധാന്യം. അത് ഭാരം കുറഞ്ഞതാക്കാൻ സാങ്കേതികവിദ്യ ഒപ്റ്റിമൈസ് ചെയ്യാൻ തുടങ്ങും. മൊബൈൽ വെബിൽ ഗൂഗിൾ കൂടുതൽ താൽപ്പര്യം കാണിക്കുന്നു.

WebVj

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

WebVJ ഉപയോഗിച്ച് നിർമ്മിച്ച Masatatsu Nakamura ഗ്രാഫിക്‌സിൻ്റെ ഉദാഹരണം

ട്രെൻഡോസിക്കി

“അടുത്ത വർഷം ഏത് നിറം/ഫോണ്ട്/പാറ്റേൺ ട്രെൻഡിയാകും?” എന്നതാണ് ഏറ്റവും കൂടുതൽ ചോദ്യം. ഞാൻ ഇതിനെ "ട്രെൻഡുകൾ" എന്ന് വിളിക്കുന്നു.

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

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