ഇൻ്റർഫേസ് ഡിസൈനും ആർട്ടിഫിഷ്യൽ ഇൻ്റലിജൻസോടുകൂടിയ യുഐ കോഡ് ജനറേഷനും

നേട്ടങ്ങൾ:

• ഉദ്ദേശ്യം, ഘടകം, നാല് അവസ്ഥകൾ (ലോഡിംഗ്/ശൂന്യം/പിശക്/പൂർണ്ണം), ഡിസൈൻ സിസ്റ്റം, പ്രവേശനക്ഷമത എന്നിവയുടെ ക്രമത്തിൽ Jetpack Compose, SwiftUI എന്നിവയ്ക്കായി ശക്തമായ ഇൻ്റർഫേസ് കോഡ് നിർമ്മിക്കാനുള്ള കഴിവ്
• ശരിയായ ലേബലിംഗ്, മതിയായ കോൺട്രാസ്റ്റ്, ഉചിതമായ ടച്ച് എന്നിവ ഉപയോഗിച്ച് തുടക്കം മുതൽ പ്രവേശനക്ഷമത നിർവചിച്ച് എല്ലാ ഉപയോക്താക്കൾക്കും തുറന്നിരിക്കുന്ന ഒരു ഇൻ്റർഫേസ് നിർമ്മിക്കാനുള്ള കഴിവ്.
• കേന്ദ്ര തീമിൽ നിന്ന് നിറവും സ്ഥലവും വായിച്ച് സ്ഥിരതയുള്ളതും ബഹുഭാഷയും ലൈറ്റ്/ഡാർക്ക് തീം റെഡി ഇൻ്റർഫേസുകളും സൃഷ്ടിക്കാനുള്ള കഴിവ്

ഒരു മൊബൈൽ ആപ്പിൻ്റെ വിജയം പ്രധാനമായും നിർണ്ണയിക്കുന്നത് അതിൻ്റെ ഉപയോക്തൃ ഇൻ്റർഫേസും (UI — ഉപയോക്താവ് കാണുകയും സ്പർശിക്കുകയും ചെയ്യുന്ന സ്‌ക്രീനുകൾ) ഉപയോക്തൃ അനുഭവവും (UX — അത് ഉപയോഗിക്കുന്നത് എത്ര സുഗമവും ആസ്വാദ്യകരവുമാണ്). ഉപയോക്താവ് മോശം കോഡ് കാണുന്നില്ല, പക്ഷേ ആദ്യ സെക്കൻഡിൽ മോശം ഇൻ്റർഫേസ് അനുഭവപ്പെടുന്നു. ഇൻ്റർഫേസ് വികസനത്തിൽ AI രണ്ട് ശക്തമായ റോളുകൾ വഹിക്കുന്നു: ഒരു വശത്ത്, ഇത് ഡിസൈൻ ആശയം, ഒഴുക്ക്, ടെക്സ്റ്റ് (UX റൈറ്റിംഗ്) എന്നിവ സൃഷ്ടിക്കുന്നു; മറുവശത്ത്, ഇത് നേരിട്ട് ഈ രൂപകൽപ്പനയെ വർക്കിംഗ് ഇൻ്റർഫേസ് കോഡാക്കി മാറ്റുന്നു. ഈ യൂണിറ്റിൽ, ആധുനിക ഡിക്ലറേറ്റീവ് ഇൻ്റർഫേസ് ടൂളുകൾ ആയ Jetpack Compose (Android), SwiftUI (iOS) എന്നിവയിൽ ശ്രദ്ധ കേന്ദ്രീകരിച്ച് AI ഉപയോഗിച്ച് വേഗതയേറിയതും ആക്സസ് ചെയ്യാവുന്നതും സ്ഥിരതയുള്ളതുമായ ഇൻ്റർഫേസുകൾ എങ്ങനെ നിർമ്മിക്കാമെന്ന് ഞങ്ങൾ പഠിക്കും. "ഡിക്ലറേറ്റീവ്" എന്നാൽ സ്‌ക്രീൻ എങ്ങനെ വരയ്ക്കാമെന്ന് ഘട്ടം ഘട്ടമായി വിശദീകരിക്കുന്നതിന് പകരം, "ഈ സാഹചര്യത്തിൽ സ്‌ക്രീൻ ഇങ്ങനെയാണ് കാണേണ്ടത്" എന്ന് നിങ്ങൾ വിവരിക്കുന്നു എന്നാണ് അർത്ഥമാക്കുന്നത്; ഉപകരണം ബാക്കിയുള്ളവ ചെയ്യുന്നു.

ഡിസൈൻ മുതൽ കോഡ് വരെ: ശരിയായ ക്രമം

"മനോഹരമായ ഒരു സ്‌ക്രീൻ നിർമ്മിക്കാൻ" AI-യോട് പറയുന്നത് അവ്യക്തമാണ്, കാരണം "മനോഹരമായത്" അളക്കാൻ കഴിയില്ല. നല്ല ഇൻ്റർഫേസ് ജനറേഷൻ ഈ ക്രമം പിന്തുടരുന്നു:

1. ഉദ്ദേശ്യവും ഉള്ളടക്കവും. സ്‌ക്രീൻ എന്താണ് ചെയ്യുന്നത്, എന്ത് വിവരങ്ങളാണ് അത് കാണിക്കുന്നത്, ഉപയോക്താവ് എന്ത് ചെയ്യും?
2. ഘടക പട്ടിക. ശീർഷകം, ലിസ്റ്റ്, ബട്ടൺ, ഫോം ഫീൽഡ് തുടങ്ങിയ ഭാഗങ്ങൾ.
3. സാഹചര്യങ്ങൾ. ലോഡ് ചെയ്യുന്നു, ശൂന്യമാണ് (ഡാറ്റ ഇല്ല), പിശക്, പൂർണ്ണം - നാല് അടിസ്ഥാന സ്‌ക്രീൻ അവസ്ഥകൾ.
4. ഡിസൈൻ സിസ്റ്റം. നിറം, ടൈപ്പോഗ്രാഫി, സ്പെയ്സിംഗ് നിയമങ്ങൾ; സാധാരണയായി മെറ്റീരിയൽ 3 (Android) അല്ലെങ്കിൽ iOS-ൻ്റെ ഹ്യൂമൻ ഇൻ്റർഫേസ് മാർഗ്ഗനിർദ്ദേശങ്ങൾ പാലിക്കുന്നു.
5. പ്രവേശനക്ഷമത. സ്‌ക്രീൻ റീഡർ ലേബലുകൾ, മതിയായ ദൃശ്യതീവ്രത, ടച്ച് ടാർഗെറ്റ് വലുപ്പം.
6. കോഡ്. ഇതെല്ലാം പറഞ്ഞുകഴിഞ്ഞാൽ, കമ്പോസിബിൾ അല്ലെങ്കിൽ സ്വിഫ്റ്റ്യുഐ വ്യൂ ജനറേഷൻ.

ഏറ്റവും കൂടുതൽ തവണ ഒഴിവാക്കുന്നത് മൂന്നാമത്തെ ഘട്ടമാണ്. ഡെവലപ്പർമാർ "പൂർണ്ണ" അവസ്ഥയെ മാത്രം പരിഗണിക്കുന്നു; യഥാർത്ഥ ആപ്ലിക്കേഷനിൽ ഉപയോക്താവ് കൂടുതലും "ലോഡിംഗ്", "പിശക്" സാഹചര്യങ്ങൾ നേരിടുന്നു. നാല് സംസ്ഥാനങ്ങളും AI-യിലേക്ക് പ്രിൻ്റ് ചെയ്യുന്നത് ഒരു ശക്തമായ ഇൻ്റർഫേസിൻ്റെ രഹസ്യമാണ്.

നുറുങ്ങ്: പ്രോംപ്റ്റിൻ്റെ അവസാനം "ലോഡിംഗ് സൃഷ്ടിക്കുക, ശൂന്യം, പിശക്, പൂർണ്ണം എന്നിവ വെവ്വേറെ" ചേർക്കുക. ഈ ഒരൊറ്റ വാചകം നിങ്ങളുടെ ഇൻ്റർഫേസ് യഥാർത്ഥ ലോകത്തിനായി തയ്യാറാക്കുകയും QA (ഗുണനിലവാര പരിശോധന) ഘട്ടത്തിലെ പിശകുകളുടെ എണ്ണം ഗണ്യമായി കുറയ്ക്കുകയും ചെയ്യുന്നു.

പ്രവേശനക്ഷമത വിലമതിക്കാനാവാത്തതാണ്

പ്രവേശനക്ഷമത - കാഴ്ച, കേൾവി അല്ലെങ്കിൽ മോട്ടോർ വൈകല്യമുള്ള ഉപയോക്താക്കൾക്ക് ആപ്ലിക്കേഷൻ ഉപയോഗിക്കാനുള്ള കഴിവ് - ഒരു ധാർമ്മിക ഉത്തരവാദിത്തവും സ്റ്റോറും നിയമപരമായ പ്രതീക്ഷയുമാണ്. ആവശ്യമെങ്കിൽ AI ആക്സസ് ചെയ്യാവുന്ന കോഡ് നിർമ്മിക്കുന്നു; ആവശ്യമില്ലെങ്കിൽ ടാഗ്‌ലെസ്, കുറഞ്ഞ കോൺട്രാസ്റ്റ് ഇൻ്റർഫേസ് നൽകുന്നു. മൂന്ന് പ്രധാന നിയമങ്ങൾ: ഓരോ സംവേദനാത്മക ഘടകത്തിനും സ്‌ക്രീൻ റീഡറിനായി അർത്ഥവത്തായ ഒരു ലേബൽ നൽകുക (ഉള്ളടക്കവിവരണം / പ്രവേശനക്ഷമത ലേബൽ), ടെക്‌സ്റ്റും പശ്ചാത്തലവും തമ്മിലുള്ള മതിയായ വർണ്ണ കോൺട്രാസ്റ്റ് (കുറഞ്ഞത് 4.5:1 അനുപാതം), കുറഞ്ഞത് 48x48 dp/44x44 pt എന്ന ടച്ച് ടാർഗെറ്റ്. AI-യോട് ഈ കാര്യങ്ങൾ വ്യക്തമായി ചോദിക്കുക.

മുന്നറിയിപ്പ്: ഒരു അലങ്കാര ഐക്കണിലേക്ക് ദീർഘമായ പ്രവേശനക്ഷമത ടാഗ് ചേർക്കാനും AI-ന് കഴിയും; ഇത് സ്‌ക്രീൻ റീഡർ ഉപയോക്താവിനെ അനാവശ്യ സംസാരത്തിലൂടെ കീഴടക്കുന്നു. പൂർണ്ണമായും അലങ്കാര ഘടകങ്ങൾ "ആക്സസിബിലിറ്റിയിൽ നിന്ന് മറച്ചിരിക്കുന്നു" (സ്ക്രീൻ റീഡർ ഒഴിവാക്കുന്നതിന് അനുവദിച്ചിരിക്കുന്നു). നിർമ്മിച്ച ലേബലുകൾ അവലോകനം ചെയ്യുക: അർത്ഥവത്തായത് സംസാരിക്കട്ടെ, അലങ്കാരം നിശബ്ദത പാലിക്കട്ടെ.

സ്ഥിരത: ഡിസൈൻ സിസ്റ്റവും തീമും

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

വിഷയം

മോശം സമീപനം

ശക്തമായ സമീപനം

നിറം

ഓരോ സ്‌ക്രീനും സ്വമേധയാ കളർ കോഡ് ചെയ്യുക

കേന്ദ്ര തീം, തീമിൽ നിന്ന് വായിക്കുന്ന സ്ക്രീനുകൾ

സാഹചര്യങ്ങൾ

"പൂർണ്ണ" സ്ക്രീൻ മാത്രം

ലോഡ് ചെയ്യുന്നു/ശൂന്യം/പിശക്/പൂർണ്ണ നാല് അവസ്ഥകൾ

പ്രവേശനക്ഷമത

പിന്നീട് ചേർത്തു

ക്ലെയിമിൽ തുടക്കം മുതലേ അത് നിർവചിക്കപ്പെട്ടിട്ടുണ്ട്

വാചകം

കോഡിൽ ഉൾപ്പെടുത്തിയിട്ടുണ്ട്

പ്രത്യേക ഉറവിടം, ബഹുഭാഷ തയ്യാറാണ്

മൂന്ന് മിനി കേസുകൾ

കേസ് 1 - ശൂന്യമായ കേസ് സംരക്ഷിച്ചു. ഒരു ന്യൂസ് ആപ്പ് ടീമിന് AI പ്രിൻ്റ് വ്യക്തിഗത സ്‌ക്രീൻ സ്റ്റേറ്റുകൾ ഉണ്ടായിരുന്നു. "നിഷ്‌ക്രിയ നില" സ്‌ക്രീനിന് നന്ദി ("ഇതുവരെ വാർത്തകളൊന്നും സംരക്ഷിച്ചിട്ടില്ല"), ഉപയോക്തൃ പരിശോധനയിൽ പങ്കെടുത്തവരിൽ 70% പേരും ആപ്പ് ശൂന്യമായ സ്‌ക്രീനിൽ ഉപേക്ഷിച്ചില്ല; മുമ്പത്തെ പതിപ്പിൽ, ശൂന്യമായ സ്‌ക്രീൻ വെള്ളയായി തുടരുകയും ഉപയോക്താക്കൾ അത് "തകർന്നു" എന്ന് കരുതുകയും വിട്ടുപോകുകയും ചെയ്തു. ഒരു ചെറിയ പകർപ്പ് നിലനിർത്തൽ നിരക്ക് വർദ്ധിപ്പിച്ചു.

കേസ് 2 - കോൺട്രാസ്റ്റ് നിരസിക്കൽ. ബ്രാൻഡ് നിറമായ ഇളം ചാരനിറത്തിലുള്ള ടെക്‌സ്‌റ്റുള്ള സ്‌ക്രീനുകളുള്ള ഒരു ടീം ആപ്പ് സ്റ്റോറിലേക്ക് അപേക്ഷിച്ചു. കുറഞ്ഞ കോൺട്രാസ്റ്റ് ഉള്ളതിനാൽ ആക്സസിബിലിറ്റി കാരണങ്ങളാൽ ആപ്പിൾ മുന്നറിയിപ്പ് നൽകി. "4.5:1-ന് മുകളിൽ ടെക്സ്റ്റ്-പശ്ചാത്തല കോൺട്രാസ്റ്റ് വർദ്ധിപ്പിക്കാൻ" AI-യോട് പറഞ്ഞപ്പോൾ, നിറങ്ങൾ ഇരുണ്ടതായി മാറുകയും പ്രശ്നം പരിഹരിക്കപ്പെടുകയും ചെയ്തു. ആദ്യം മുതൽ ആവശ്യപ്പെട്ടിരുന്നെങ്കിൽ കാലതാമസം ഉണ്ടാകുമായിരുന്നില്ല.

കേസ് 3 - അലങ്കാര ലേബൽ ശബ്ദം. AI- ജനറേറ്റ് ചെയ്‌ത സ്‌ക്രീനിൽ എല്ലാ അലങ്കാര ഐക്കണുകളും (“ലൈൻ,” “ഡോട്ട്,” “ഷാഡോ”) ഉറക്കെ വായിച്ച് സ്‌ക്രീൻ ഉപയോഗശൂന്യമാക്കുന്നുവെന്ന് കാഴ്ച വൈകല്യമുള്ള ഒരു ടെസ്റ്റർ റിപ്പോർട്ട് ചെയ്തു. അലങ്കാര ഘടകങ്ങൾ പ്രവേശനക്ഷമതയിൽ നിന്ന് മറഞ്ഞപ്പോൾ സ്ക്രീൻ റീഡർ അനുഭവം ദ്രാവകമായി. പാഠം: പ്രവേശനക്ഷമത എന്നാൽ “ശരിയായ ടാഗുകൾ,” “വളരെയധികം ടാഗുകൾ” എന്നല്ല.

ദുർബലമായ പ്രോംപ്റ്റ് / ശക്തമായ പ്രോംപ്റ്റ്

ദുർബലമായ പ്രോംപ്റ്റ്: "ഒരു പ്രൊഫൈൽ സ്ക്രീൻ രൂപകൽപ്പന ചെയ്യുക."

ശക്തമായ നിർദ്ദേശം: "iOS/SwiftUI-യ്‌ക്കായി ഉപയോക്തൃ പ്രൊഫൈൽ സ്‌ക്രീൻ സൃഷ്‌ടിക്കുക. ഉള്ളടക്കം: അവതാർ, പേര്, ഇമെയിൽ, 'പ്രൊഫൈൽ എഡിറ്റ് ചെയ്യുക' ബട്ടൺ, ക്രമീകരണ ലിസ്റ്റ്. സ്റ്റാറ്റസുകൾ: ലോഡിംഗ് (അസ്ഥികൂടം), പിശക് (വീണ്ടും ശ്രമിക്കൂ ബട്ടൺ), പൂർണ്ണം. ഡിസൈൻ: നോൺ-മെറ്റീരിയൽ, iOS HIG-ലേക്ക് അനുരൂപമാക്കുന്നു; സിസ്റ്റം നിറങ്ങൾ, ടാർഗെറ്റ് ആക്‌സസ്സ് ടാർഗെറ്റുചെയ്യുന്ന ഓരോ ഘടകവും, ആക്‌സസ്സ് ഐക്കൺ, ഡൈനാമിക് ടൈപ്പ് ഐഒഎസ്. min 44pt ഒരു പ്രത്യേക ഫയലിൽ നിന്ന് തീം മൂല്യങ്ങൾ വായിക്കുക, ആദ്യം ഘടക ട്രീ വരയ്ക്കുക, തുടർന്ന് കോഡ് കയറ്റുമതി ചെയ്യുക."

പകർത്താവുന്ന ടെംപ്ലേറ്റുകൾ

സ്‌ക്രീൻ ജനറേഷൻ ടെംപ്ലേറ്റ്: "[പ്ലാറ്റ്‌ഫോം/ടൂൾ] എന്നതിനായി [സ്‌ക്രീൻ നാമം] സൃഷ്‌ടിക്കുക. ഉള്ളടക്കം: [ഘടകങ്ങൾ]. ഉപയോക്തൃ പ്രവർത്തനങ്ങൾ: [പ്രവർത്തനങ്ങൾ]. നാല് അവസ്ഥകൾ വെവ്വേറെ സൃഷ്ടിക്കുക: ലോഡിംഗ്, ശൂന്യം, പിശക്, പൂർണ്ണം. ഡിസൈൻ സിസ്റ്റം: [മെറ്റീരിയൽ 3 / iOS HIG], തീം ടോക്കണുകളിൽ നിന്ന് വായിക്കുക. പ്രവേശനക്ഷമത: = ടാർഗെറ്റ് 4 ടച്ച്.5."

തീം/ഡിസൈൻ സിസ്റ്റം ടെംപ്ലേറ്റ്:"എൻ്റെ ആപ്പിനായി ഒരു കേന്ദ്ര തീം ഡെഫനിഷൻ നിർമ്മിക്കുക ([സ്വിഫ്റ്റ്യുഐയിൽ തീം രചിക്കുക / ഡിസൈൻ ടോക്കൺ ഘടന]):- പ്രാഥമിക നിറം [ഹെക്സ്], ദ്വിതീയ [ഹെക്സ്], പിശക് നിറം, ഉപരിതല നിറം- ടൈപ്പോഗ്രാഫി സ്കെയിൽ (ശീർഷകം, ബോഡി, വിവരണം)- സ്‌പെയ്സിംഗ് സ്കെയിൽ (4,8, 16,24-ന് പിന്തുണയുള്ള ലൈറ്റ് സ്കെയിൽ).

പ്രവേശനക്ഷമത ഓഡിറ്റ് ടെംപ്ലേറ്റ്:"ആക്സസിബിലിറ്റിക്കായി ഈ സ്ക്രീൻ കോഡ് പരിശോധിക്കുക:1) ടാഗ് ചെയ്യാത്ത എന്തെങ്കിലും സംവേദനാത്മക ഘടകങ്ങൾ ഉണ്ടോ?2) കോൺട്രാസ്റ്റ് അനുപാതങ്ങൾ മതിയായതാണോ?3) ടച്ച് ടാർഗെറ്റുകൾ മതിയായതാണോ?4) അലങ്കാര ഘടകങ്ങൾ സ്ക്രീൻ റീഡറിൽ നിന്ന് മറച്ചിട്ടുണ്ടോ?ഓരോ പ്രശ്നത്തിനും പരിഹാരങ്ങൾ നിർദ്ദേശിക്കുക. [കോഡ്]"

കോഡ് ടെംപ്ലേറ്റിലേക്ക് രൂപകൽപ്പന ചെയ്യുക: "ഞാൻ ഇനിപ്പറയുന്ന ഡിസൈൻ വിവരിക്കുന്നു: [സ്ക്രീൻ വിവരണം അല്ലെങ്കിൽ സ്ക്രീൻഷോട്ട്]. ഇത് [Compose/SwiftUI] കോഡിലേക്ക് വിവർത്തനം ചെയ്യുക. ഡിസൈനിലേക്ക് സ്പെയ്സിംഗും വിന്യാസവും ശരിയാക്കുക, എന്നാൽ നാല് സംസ്ഥാനങ്ങളും ചേർക്കുക."

സാധാരണ തെറ്റുകൾ

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

ചുരുക്കത്തിൽ

ഇൻ്റർഫേസ് നിർമ്മാണത്തിൽ AI ശക്തമാണ്, പക്ഷേ അതിന് മാർഗ്ഗനിർദ്ദേശം ആവശ്യമാണ്. ശരിയായ ക്രമം: ഉദ്ദേശ്യം, ഘടകങ്ങൾ, നാല് അവസ്ഥകൾ (ലോഡിംഗ്/ശൂന്യം/പിശക്/പൂർണ്ണം), ഡിസൈൻ സിസ്റ്റം, പ്രവേശനക്ഷമത, പിന്നെ കോഡ്. പ്രവേശനക്ഷമത നോൺ-നെഗോഷ്യബിൾ ആണ്, അതിനർത്ഥം "വളരെയധികം ലേബലുകൾ" അല്ല, "ശരിയായ ലേബൽ" എന്നാണ്. സ്ഥിരതയ്ക്കായി, കേന്ദ്ര തീമിൽ നിന്നുള്ള നിറവും സ്‌പെയ്‌സിംഗും വായിക്കുക, അത് കോഡിൽ ഉൾപ്പെടുത്തരുത്. ശക്തമായ ഇച്ഛാശക്തി ഇതെല്ലാം തുടക്കം മുതൽ നിർവചിക്കുന്നു; അങ്ങനെ, യഥാർത്ഥ ലോകത്തിനും സ്റ്റോർ അംഗീകാരത്തിനും എല്ലാ ഉപയോക്താക്കൾക്കും ഇൻ്റർഫേസ് തയ്യാറാണ്.

ആപ്ലിക്കേഷൻ ടാസ്ക്

ഒരു ക്രമീകരണ സ്‌ക്രീനിനായി “സ്‌ക്രീൻ ജനറേഷൻ ടെംപ്ലേറ്റ്” ഉപയോഗിച്ച്, കമ്പോസ് അല്ലെങ്കിൽ സ്വിഫ്റ്റ്യുഐ കോഡിനായി AI-യോട് ആവശ്യപ്പെടുകയും നാല് സംസ്ഥാനങ്ങളും അഭ്യർത്ഥിക്കുകയും ചെയ്യുക. തുടർന്ന് അതേ കോഡ് "ആക്സസിബിലിറ്റി ചെക്ക് ടെംപ്ലേറ്റ്" ഉപയോഗിച്ച് പരിശോധിക്കുക. കുറഞ്ഞത് ഒരു പ്രവേശനക്ഷമത മെച്ചപ്പെടുത്തലെങ്കിലും കണ്ടെത്തി പരിഹരിക്കുക (നഷ്‌ടമായ ലേബൽ, കുറഞ്ഞ കോൺട്രാസ്റ്റ് അല്ലെങ്കിൽ ചെറിയ ടച്ച് ടാർഗെറ്റ്) കൂടാതെ യഥാർത്ഥ ഉപയോഗത്തിൽ ഏറ്റവും കൂടുതൽ ദൃശ്യമാകുമെന്ന് നിങ്ങൾ കരുതുന്ന സ്റ്റാറ്റസ് (ലോഡിംഗ്/ശൂന്യം/പിശക്) ശ്രദ്ധിക്കുക.

ചെക്ക്ലിസ്റ്റ്

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