അഡോബ് എക്സ്പീരിയൻസ് ഡിസൈൻ തന്ത്രങ്ങൾ, നുറുങ്ങുകൾ, ടെക്നിക്

07 ൽ 01

അഡോബ് എക്സ്പീരിയൻസ് ഡിസൈൻ തന്ത്രങ്ങൾ, നുറുങ്ങുകൾ, ടെക്നിക്

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

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

മൊബൈലിന്റെയും, അനിവാര്യമായ, ലസറായ ഉപയോക്താവിൻറെയും ശ്രദ്ധയിൽപ്പെടുമ്പോൾ ഒരു ഡിസൈനർ ഏതാനും സ്കെച്ചുകൾ ഉയർത്താനും, കുറച്ച് കോംപുകൾ കൂട്ടിച്ചേർക്കാനും തുടർന്ന് പ്രോജക്റ്റ് റിലീസ് ചെയ്യാനോ ഒരു വെബ് സെർവറിലേക്ക് അത് അപ്ലോഡ് ചെയ്യാനോ മതിയാകില്ല. UI / UX വർക്ക്ഫ്ലോ അടിസ്ഥാനപരമായി കാര്യങ്ങൾ മാറിയിട്ടുണ്ട്. പ്രക്രിയയുടെ ഓരോ ഘട്ടത്തിലും, ഉപയോക്താവിനെ തിരിച്ചറിയുന്നതിൽ നിന്നും സ്കെച്ചുകൾ, wireframes, mockups, prototyping എന്നിവ ഇപ്പോൾ വിശാലമായ ഉപയോക്തൃ പരിശോധനയ്ക്ക് വിധേയമാണ്.

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

സത്യത്തിൽ, ഇന്നത്തെ "ദ്രുത പ്രോട്ടോട്ടിങ്ങ്" ഡിസൈൻ ആൻഡ് ഡെവലപ്മെന്റ് അന്തരീക്ഷത്തിൽ ഈ സോഫ്റ്റ്വെയർ ഒരു പ്രധാന ഘടകമായി മാറിയിരിക്കുന്നു.

ആ പറഞ്ഞതുപോലെ, നമുക്ക് പരിചയ രൂപകൽപ്പനയിൽ കുറച്ച് ആസ്വദിക്കാം.

07/07

അഡോബി എക്സ്പീരിയൻസ് ഡിസൈനിൽ ഒരു ലളിതമായ സർക്കിൾ ഉപയോഗിച്ച് ഒരു ഉദ്ദിഷ്ടസ്ഥാനം സൃഷ്ടിക്കുക

വെക്റ്റർ ഡ്രോയിംഗ് ടൂളുകളുടെ ഉപയോഗമാണ് XD- ന്റെ ഒരു വൃത്തികെട്ട വശം. ഒരു ഐക്കൺ കണ്ടെത്താൻ കഴിയുന്നില്ലേ? പ്രശ്നമില്ല. നിങ്ങളുടെ സ്വന്തമാക്കുക. എങ്ങനെയെന്നത് ഇതാ:

1. എലിപ്സ് ടൂൾ തെരഞ്ഞെടുക്കുക, ഓപ്ഷൻ / Alt-Shift കീകൾ അമർത്തി, ഒരു സർക്കിൾ വരയ്ക്കുക.
2. ഫീൽഡ് നിറത്തിൽ FF0000 എന്നതിലും ബോർഡർ ആക്ടിവിറ്റികളിലും "none" എന്നു് സജ്ജമാക്കുക.
3. ആങ്കർ പോയിന്റുകൾ കാണിക്കാൻ സർക്കിളിൽ ഇരട്ട-ക്ലിക്കുചെയ്യുക. ചുവടെയുള്ള ആങ്കർ താഴേക്ക് വലിച്ചിടുക.
4. തിരഞ്ഞെടുത്ത ആങ്കർ പോയിന്റിൽ ഇരട്ട-ക്ലിക്കുചെയ്യുക, കൂടാതെ കർവുകൾക്ക് പകരം വരികളായിരിയ്ക്കും.
5. വെളുത്തനിറവും സ്റ്റാക്കും കൊണ്ട് മറ്റൊരു ചെറിയ സർക്കിൾ വരയ്ക്കുക. സ്ഥാനത്തേക്ക് നീക്കിയ ശേഷം പിൻ, സർക്കിൾ എന്നിവ തിരഞ്ഞെടുക്കുക. പ്രോപ്പർട്ടികളുടെ മുകൾഭാഗത്തുള്ള അലൈൻ പാനലിൽ, തിരശ്ചീന കേന്ദ്രത്തിൽ ക്ലിക്കുചെയ്യുക, പിൻ സൃഷ്ടിച്ചു.

07 ൽ 03

Adobe Experience Design ൽ ഒരു പശ്ചാത്തല ബ്URർ സൃഷ്ടിക്കുക

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

1. ഒരു പുതിയ ആർട്ട്ബോർഡ് സൃഷ്ടിച്ച് നിങ്ങളുടെ പശ്ചാത്തല ഇമേജ് ചേർക്കുക.
2. ഇമേജിനുള്ള ദീർഘചതുരം ഒരു ദീർഘചതുരം വരയ്ക്കുക. ഒരു ദീർഘചതുരം തിരഞ്ഞെടുത്തു കൊണ്ട് പൂരിപ്പിക്കാതിരിക്കുക.
3. തിരഞ്ഞെടുത്തിരിക്കുന്ന ദീർഘചതുരം ഉപയോഗിച്ച്, പ്രോപ്പർട്ടികളുടെ പാനലിലെ പശ്ചാത്തല ബ്ലർ തിരഞ്ഞെടുക്കുക . മൂന്ന് സ്ലൈഡർ ബ്ളർ തുക, മിഴിവ്, ഒപ്റ്റിസി എന്നിവയാണ്. അവർ എന്താണ് ചെയ്യുന്നത്:

• മങ്ങിക്കൽ തുക: രൂപത്തിന്റെ താഴെ ചിത്രത്തിന്റെ മങ്ങലങ്ങളെ ക്രമീകരിക്കുന്നു. പരമാവധി മൂല്യം +50 ആണ്.
• മിഴിവ്: ചിത്രത്തിലെ ഹൈലൈറ്റുകളും നിഴലുകളും ക്രമീകരിക്കുന്നു. കുറഞ്ഞ മൂല്യം -50, പരമാവധി മൂല്യം +50 ആണ്.
• ഒപാസിറ്റി: രൂപത്തിന്റെ സുതാര്യതയും ചിത്രത്തിന്റെ ദൃശ്യപരതയും ബാധിക്കുന്നു. മൂല്യങ്ങൾ 0% മുതൽ 100% വരെ ശ്രേണിയിലാണ്.

നിങ്ങൾക്ക് ശരിക്കും കാര്യങ്ങൾ മാറ്റാൻ "ആഗ്രഹിക്കുന്നുവെങ്കിൽ, ആകൃതിയുടെ നിറം മാറ്റുക, ചിത്രത്തിലെ" നോക്കുക "മാറ്റാൻ ഒപാസിറ്റി മൂല്യം ഉപയോഗിച്ച് കളിക്കുക.

04 ൽ 07

അഡോബി എക്സ്പീരിയൻസ് ഡിസൈനിൽ ഒരു സ്ക്രിം സൃഷ്ടിക്കുക

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

1. XD ൽ നിങ്ങളുടെ ആർട്ട്ബോർഡ് സൃഷ്ടിക്കുക, ഒരു ഇമേജ് ചേർത്ത് ഉചിതമായ UI കിറ്റ് - ഫയൽ> ഓപ്പൺ യുഐ കിറ്റ് ... - ആർട്ട്ബോർഡിൽ നിന്ന് ഒരു ഇന്റർഫേസ് ഘടകങ്ങൾ പകർത്തി ഒട്ടിക്കുക. മുകളിലുള്ള ചിത്രത്തിൽ ഫോട്ടോ സ്റ്റാറ്റസ് ബാർ, ആപ്പ് ബാർ കാണുവാൻ പ്രയാസമാണ്.
2. ദീർഘചതുരം ടൂൾ തിരഞ്ഞെടുത്ത് ഒരു ദീർഘചതുരം വരയ്ക്കുക. പ്രോപ്പർട്ടീസ് പാനലിൽ തിരഞ്ഞെടുക്കുക, കൂടാതെ നിറം പിക്കറിൽ താഴേയ്ക്കുള്ള പോപ്പ് മുതൽ ഗ്രേഡിയന്റ് തിരഞ്ഞെടുക്കുക. കറുപ്പും വെളുപ്പും വരെ ഗ്രേഡിയന്റ് വർണ്ണങ്ങൾ സെറ്റ് ചെയ്യുക. ഒരു വില സെറ്റപ്പ് - ഒപാസിറ്റി - ലേക്കുള്ള 60% വൈറ്റ് ഒരു മൂല്യം 0%.
3. തിരഞ്ഞെടുത്തിരിക്കുന്ന ദീർഘചതുരം ഉപയോഗിച്ച്, ഒബ്ജക്റ്റ്> സജ്ജമാക്കുക> പിന്നിലേക്ക് അയയ്ക്കുക . ഇന്റർഫേസ് ഘടകങ്ങൾ ഇപ്പോൾ ചിത്രത്തിൽ കാണാം.

07/05

അഡോബി എക്സ്പീരിയൻസ് ഡിസൈനിൽ ഒരു ഇമേജ് Avatar സൃഷ്ടിക്കുക

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

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

07 ൽ 06

അഡോദ എക്സ്പീരിയൻസ് ഡിസൈൻ ആർട്ട്ബോർഡുകൾ ഉപയോഗിച്ച് പ്ലേ ചെയ്യുക

നിങ്ങൾ ഉള്ളടക്കം പോസ്റ്റുചെയ്യുന്നതിന് പരിചയ ഡിസൈൻ ആർട്ട്ബോർഡുകൾ മാത്രമല്ല. അവരും കൌശലമുളവാക്കുന്നതാണ്. നിങ്ങൾക്ക് ചെയ്യാവുന്ന രണ്ട് കാര്യങ്ങൾ ഇതാ:

1. ഒരു ആർട്ട്ബോർഡിന്റെ ലാൻഡ്സ്കേപ്പ് ആന്റ് പോർട്രെയിറ്റ് പതിപ്പുകൾ നിങ്ങൾക്ക് വേണമെങ്കിൽ, ആർട്ട്ബോർഡ് ഡ്യൂപ്ലിക്കേറ്റ് ചെയ്യുകയും, തനിപ്പകർപ്പ് തിരഞ്ഞെടുക്കുകയും ചെയ്താൽ പ്രോപ്പർട്ടികളുടെ പാനലിലെ ലാൻഡ്സ്കേപ്പ് ബട്ടൺ ക്ലിക്കുചെയ്യുക. ആർട്ട് ബോർഡ് ലാൻഡ്സ്കേപ്പ് ഓറിയന്റേഷനിൽ മാറ്റം വരുത്തും. ആർട്ട് ബോർഡിന് അതിൽ ഉള്ളടക്കം ഉണ്ടെങ്കിൽ, ആർട്ട് ബോർഡിന്റെ പേര് ക്ലിക്ക് ചെയ്യുക, ആർട്ട് ബോർഡ് പ്രോപ്പർട്ടികൾ പ്രോപ്പർട്ടീസ് പാനലിൽ ദൃശ്യമാകും.
2. ആർട്ടി ബോർഡിന് ഇച്ഛാനുസൃത വർണ്ണം ചേർക്കുക, ആ വിഷയത്തെക്കുറിച്ചുള്ള പ്രോജക്റ്റ്, ആർട്ട്ബോർഡ് തിരഞ്ഞെടുത്ത്, Properties Panel- യുടെ ദൃശ്യരൂപത്തിൽ ഫിൽ വർണ്ണ ചിപ്പ് ക്ലിക്ക് ചെയ്യുക. നിറത്തിനായി ഹെക്സാഡെസിമൽ മൂല്യം നൽകിയ ശേഷം + ചിഹ്നത്തിൽ ക്ലിക്കുചെയ്യുക. ഒരു കസ്റ്റം നിറമായി നിറം ചേർക്കും. മറ്റെവിടെയെങ്കിലും വർണം പ്രയോഗിക്കാൻ, ഒരു ഒബ്ജക്റ്റ് തിരഞ്ഞെടുത്ത് ഇഷ്ടാനുസൃത വർണ്ണ ചിപ്പ് ഉപയോഗിച്ച് നിറം കൊടുക്കുക.
3. ആർട്ട്ബോർഡുകൾ ലംബമായി സ്ക്രോൾ ചെയ്യാവുന്നതുമാണ്. ഇതിനായി, ആർട്ട് ബോർഡ് തെരഞ്ഞെടുക്കുക, അല്ലെങ്കിൽ അതിന്റെ ഉയരം പ്രോപ്പർട്ടികളുടെ പാനലുകളിൽ മാറ്റുക അല്ലെങ്കിൽ ആർട്ട്ബോർഡിന്റെ താഴെയായി താഴോട്ട് വലിച്ചിടുക. പ്ലെയിസ് പാനലിലെ സ്ക്രോൾ ചെയ്യാവുന്ന പ്രദേശത്ത്, പോപ്പ് ഡൗൺ മെനുവിൽ നിന്നും ലംബമായ ഭാഗം തെരഞ്ഞെടുത്ത് സ്ക്രീനിന്റെ വ്യൂപോർട്ട് ഉയരം നൽകൂ. ഡാഷ്ഡ് നീല വരി നിങ്ങളുടെ കാഴ്ചപ്പാടിന് അടിവരയിടുന്നു. ഇത് പരീക്ഷിക്കാൻ, പ്ലേ ബട്ടൺ ക്ലിക്കുചെയ്ത് സ്ക്രോൾ ചെയ്യുക. സ്ക്രോളിങ് ഓഫാക്കാൻ, സ്ക്രോളിംഗ് പോപ്പ് ഡൗൺ ലെ ഒന്നുംതന്നെ തിരഞ്ഞെടുക്കുക.

07 ൽ 07

അഡോബി എക്സ്പീരിയൻസ് ഡിസൈനിൽ ഒരു മൊബൈൽ യുഐ കിറ്റ് എഡിറ്റുചെയ്യുക

IOS, Android, Windows UI എന്നിവയുടെ വികസിപ്പിക്കാൻ UI കിറ്റ് ഉൾപ്പെടുത്തിയിട്ടുണ്ട്. നിങ്ങൾ ആദ്യം തുറക്കുമ്പോൾ, അവർ വളരെ നന്നായി സജ്ജീകരിച്ചുവെന്ന് നിങ്ങൾ ചിന്തിച്ചേക്കാം. തികച്ചും എഡിറ്റുചെയ്യാൻ കഴിയാത്തത്ര കുറവല്ല, ആ കിറ്റുകളിൽ എല്ലാ ബിറ്റുകളും കഷീനുകളും. ഒരു ആൻഡ്രോയിഡ് വയർഫ്രെയിം നിർമ്മിക്കുന്നതിലൂടെ നമുക്ക് നോക്കാം.

1. നിങ്ങൾ ആർട്ട്ബോർഡ് ടൂൾ തെരഞ്ഞെടുത്ത് പ്രോപ്പർട്ടികളുടെ പാനലിന്റെ Google വിഭാഗത്തിൽ Android മൊബൈൽ തിരഞ്ഞെടുക്കുന്നതിലൂടെ ആരംഭിക്കുന്നു.
2. ഫയൽ> തുറക്കുക UI കിറ്റ്> Google മെറ്റീരിയൽ തിരഞ്ഞെടുക്കുക . ഇത് മെറ്റീരിയൽ ഡിസൈൻ യുഐ കിറ്റ് തുറക്കുന്നു. മാഗ്നിഫൈയിംഗ് ഗ്ലാസും സെലക്ട് ഗൈഡസ് ആർട്ട്ബോർഡും തിരഞ്ഞെടുക്കുക . ഞാൻ ഇത് ആരംഭിക്കാൻ ഇഷ്ടപ്പെടുന്നു, കാരണം ഇന്റർഫേസ് ഘടകങ്ങളുടെ ഓൺ-സ്ക്രീൻ പ്ലെയ്സ്മെന്റിന് ശരിയായ ഗൈഡുകൾ എനിക്ക് നൽകുന്നു. നിങ്ങൾ ബ്ലൂ ബാറുകളിൽ ഒരെണ്ണം ക്ലിക്കുചെയ്താൽ അത് ലോക്ക് ചെയ്തതായി നിങ്ങൾ കാണും. അത് അൺലോക്കുചെയ്യാൻ ഓരോന്നിനും ഘടിപ്പിച്ചിട്ടുള്ള ലോക്ക് ക്ലിക്കുചെയ്യുക . ആർട്ട്ബോർഡ് മാർക്ക് ചെയ്യുക, ക്ലിപ്പ്ബോർഡിലേക്ക് തിരഞ്ഞെടുപ്പ് പകർത്തുക. നിങ്ങളുടെ പ്രമാണത്തിലേക്ക് തിരിച്ചുവന്ന് നിങ്ങളുടെ ആർട്ട്ബോർഡിലേക്ക് സ്ക്രീൻ ഒട്ടിക്കുക.
3. ആർട്ട്ബോർഡിലെ അപ്ലിക്കേഷൻ ബാറിൽ ഒരിക്കൽ ക്ലിക്ക് ചെയ്യുക. നിങ്ങൾക്ക് അത് എങ്ങനെ തിരഞ്ഞെടുക്കാം എന്ന് ശ്രദ്ധിക്കുക. ഒബ്ജക്റ്റ് തിരഞ്ഞെടുക്കുക> ക്രമീകരിക്കുക> മുന്നിലേക്ക് കൊണ്ടുവരിക. നിങ്ങളുടെ തിരഞ്ഞെടുക്കൽ ഇപ്പോൾ സ്ക്രീൻ ഗൈഡിന് മുകളിലാണ്. സ്ക്രീനില് ഓരോ ഘടകങ്ങളും എഡിറ്റ് ചെയ്യാന് കഴിയുന്നതാണെന്ന് ഇത് വ്യക്തമാക്കണം.
4. മുകളിൽ സ്റ്റാറ്റസ് ബാറിൽ ഡബിൾ ക്ലിക്ക് ചെയ്യുക, Properties Panels s ൽ പൂരിപ്പിക്കുക, 455A64 ലേക്ക് നിറം ചേർക്കുക . അപ്ലിക്കേഷൻ ബാറിൽ ഇരട്ട ക്ലിക്കുചെയ്യുക, അതിന്റെ പൂരിപ്പിക്കൽ 607D8B ആയി സജ്ജമാക്കുക. UI കിറ്റിന്റെ ഓരോ ഘടകങ്ങളും പ്രോജക്റ്റിന്റെ വർണ്ണ വ്യതിയാനങ്ങളെ നേരിടാൻ എഡിറ്റു ചെയ്യാൻ കഴിയും.
5. ഐക്കണുകളെക്കുറിച്ച് എന്ത്? അവരുടെ വർണ്ണം മാറ്റുന്നത് എങ്ങനെയെന്നത് ഇവിടെയുണ്ട്. അത് തിരഞ്ഞെടുക്കാൻ ഹൃദയത്തിൽ ഡബിൾ ക്ലിക്ക് ചെയ്യുക . നിങ്ങൾ പ്രോപ്പർട്ടീസ് പാനൽ പരിശോധിക്കുകയാണെങ്കിൽ, നിങ്ങൾക്ക് സെലക്ഷൻ എഡിറ്റുചെയ്യാൻ കഴിയില്ലെന്ന് നിങ്ങൾ കരുതുന്നു. തികച്ചും അല്ല. ഹൃദയം ഒരു പ്രാവശ്യം കൂടി ഇരട്ട ക്ലിക്ക് ചെയ്യുക . Properties തുറക്കുകയും Fill0000 ലേക്ക് Fill നിറം മാറ്റുകയും ചെയ്യുന്നു. ശേഷിക്കുന്ന ഐക്കണുകളുടേയും ടെക്സ്റ്റിനുള്ള ഇരട്ട-ഇരട്ട-ക്ലിക്കുചെയ്യുക ട്രൈക്ക് ആവർത്തിക്കുക.