ಇಂಟರ್ಫೇಸ್ ವಿನ್ಯಾಸ ಮತ್ತು ಕೃತಕ ಬುದ್ಧಿಮತ್ತೆಯೊಂದಿಗೆ UI ಕೋಡ್ ಜನರೇಷನ್

ಲಾಭಗಳು:

• ಜೆಟ್‌ಪ್ಯಾಕ್ ಕಂಪೋಸ್ ಮತ್ತು ಸ್ವಿಫ್ಟ್‌ಯುಐಗಾಗಿ ದೃಢವಾದ ಇಂಟರ್‌ಫೇಸ್ ಕೋಡ್ ಅನ್ನು ಉದ್ದೇಶ, ಘಟಕ, ನಾಲ್ಕು ರಾಜ್ಯಗಳು (ಲೋಡಿಂಗ್/ಖಾಲಿ/ದೋಷ/ಪೂರ್ಣ), ವಿನ್ಯಾಸ ವ್ಯವಸ್ಥೆ ಮತ್ತು ಪ್ರವೇಶದ ಕ್ರಮದಲ್ಲಿ ಉತ್ಪಾದಿಸುವ ಸಾಮರ್ಥ್ಯ
• ಸರಿಯಾದ ಲೇಬಲಿಂಗ್, ಸಾಕಷ್ಟು ಕಾಂಟ್ರಾಸ್ಟ್ ಮತ್ತು ಸೂಕ್ತವಾದ ಸ್ಪರ್ಶದೊಂದಿಗೆ ಪ್ರಾರಂಭದಿಂದಲೂ ಪ್ರವೇಶವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುವ ಮೂಲಕ ಎಲ್ಲಾ ಬಳಕೆದಾರರಿಗೆ ತೆರೆದಿರುವ ಇಂಟರ್ಫೇಸ್ ಅನ್ನು ಉತ್ಪಾದಿಸುವ ಸಾಮರ್ಥ್ಯ.
• ಕೇಂದ್ರ ಥೀಮ್‌ನಿಂದ ಬಣ್ಣ ಮತ್ತು ಜಾಗವನ್ನು ಓದುವ ಮೂಲಕ ಸ್ಥಿರವಾದ, ಬಹು-ಭಾಷೆ ಮತ್ತು ಲೈಟ್/ಡಾರ್ಕ್ ಥೀಮ್ ಸಿದ್ಧ ಇಂಟರ್‌ಫೇಸ್‌ಗಳನ್ನು ರಚಿಸುವ ಸಾಮರ್ಥ್ಯ

ಮೊಬೈಲ್ ಅಪ್ಲಿಕೇಶನ್‌ನ ಯಶಸ್ಸನ್ನು ಅದರ ಬಳಕೆದಾರ ಇಂಟರ್ಫೇಸ್ (UI - ಬಳಕೆದಾರರು ನೋಡುವ ಮತ್ತು ಸ್ಪರ್ಶಿಸುವ ಪರದೆಗಳು) ಮತ್ತು ಬಳಕೆದಾರ ಅನುಭವ (UX - ಅದನ್ನು ಬಳಸಲು ಎಷ್ಟು ಮೃದು ಮತ್ತು ಆನಂದದಾಯಕವಾಗಿದೆ) ನಿರ್ಧರಿಸುತ್ತದೆ. ಬಳಕೆದಾರರು ಕೆಟ್ಟ ಕೋಡ್ ಅನ್ನು ನೋಡುವುದಿಲ್ಲ, ಆದರೆ ಮೊದಲ ಸೆಕೆಂಡಿನಲ್ಲಿ ಕೆಟ್ಟ ಇಂಟರ್ಫೇಸ್ ಅನ್ನು ಅನುಭವಿಸುತ್ತಾರೆ. ಇಂಟರ್ಫೇಸ್ ಅಭಿವೃದ್ಧಿಯಲ್ಲಿ AI ಎರಡು ಶಕ್ತಿಶಾಲಿ ಪಾತ್ರಗಳನ್ನು ವಹಿಸುತ್ತದೆ: ಒಂದೆಡೆ, ಇದು ವಿನ್ಯಾಸ ಕಲ್ಪನೆ, ಹರಿವು ಮತ್ತು ಪಠ್ಯವನ್ನು (UX ಬರವಣಿಗೆ) ಉತ್ಪಾದಿಸುತ್ತದೆ; ಮತ್ತೊಂದೆಡೆ, ಇದು ನೇರವಾಗಿ ಈ ವಿನ್ಯಾಸವನ್ನು ವರ್ಕಿಂಗ್ ಇಂಟರ್ಫೇಸ್ ಕೋಡ್ ಆಗಿ ಪರಿವರ್ತಿಸುತ್ತದೆ. ಈ ಘಟಕದಲ್ಲಿ, ಆಧುನಿಕ ಡಿಕ್ಲೇರೇಟಿವ್ ಇಂಟರ್‌ಫೇಸ್ ಉಪಕರಣಗಳಾದ Jetpack Compose (Android) ಮತ್ತು SwiftUI (iOS) ಮೇಲೆ ಕೇಂದ್ರೀಕರಿಸುವ ಮೂಲಕ AI ಯೊಂದಿಗೆ ವೇಗವಾದ, ಪ್ರವೇಶಿಸಬಹುದಾದ ಮತ್ತು ಸ್ಥಿರವಾದ ಇಂಟರ್‌ಫೇಸ್‌ಗಳನ್ನು ಹೇಗೆ ಉತ್ಪಾದಿಸುವುದು ಎಂಬುದನ್ನು ನಾವು ಕಲಿಯುತ್ತೇವೆ. "ಘೋಷಣಾತ್ಮಕ" ಎಂದರೆ ಪರದೆಯನ್ನು ಹೇಗೆ ಸೆಳೆಯಬೇಕು ಎಂಬುದನ್ನು ಹಂತ ಹಂತವಾಗಿ ವಿವರಿಸುವ ಬದಲು, "ಈ ಪರಿಸ್ಥಿತಿಯಲ್ಲಿ ಪರದೆಯು ಈ ರೀತಿ ಕಾಣಬೇಕು" ಎಂದು ನೀವು ವಿವರಿಸುತ್ತೀರಿ; ಉಪಕರಣವು ಉಳಿದದ್ದನ್ನು ಮಾಡುತ್ತದೆ.

From design to code: the right order

AI ಗೆ "ಸುಂದರವಾದ ಪರದೆಯನ್ನು ಮಾಡಲು" ಹೇಳುವುದು ಅಸ್ಪಷ್ಟವಾಗಿದೆ ಏಕೆಂದರೆ "ಸುಂದರ" ಅನ್ನು ಅಳೆಯಲಾಗುವುದಿಲ್ಲ. Good interface generation follows this order:

1. ಉದ್ದೇಶ ಮತ್ತು ವಿಷಯ. ಪರದೆಯು ಏನು ಮಾಡುತ್ತದೆ, ಅದು ಯಾವ ಮಾಹಿತಿಯನ್ನು ತೋರಿಸುತ್ತದೆ, ಬಳಕೆದಾರರು ಏನು ಮಾಡುತ್ತಾರೆ?
2. ಘಟಕಗಳ ಪಟ್ಟಿ. Parts such as title, list, button, form field.
3. ಸನ್ನಿವೇಶಗಳು. ಲೋಡ್ ಆಗುತ್ತಿದೆ, ಖಾಲಿ (ಡೇಟಾ ಇಲ್ಲ), ದೋಷ, ಪೂರ್ಣ - ನಾಲ್ಕು ಮೂಲಭೂತ ಪರದೆಯ ಸ್ಥಿತಿಗಳು.
4. ವಿನ್ಯಾಸ ವ್ಯವಸ್ಥೆ. Color, typography, spacing rules; ಸಾಮಾನ್ಯವಾಗಿ ಮೆಟೀರಿಯಲ್ 3 (ಆಂಡ್ರಾಯ್ಡ್) ಅಥವಾ iOS ನ ಮಾನವ ಇಂಟರ್ಫೇಸ್ ಮಾರ್ಗಸೂಚಿಗಳನ್ನು ಅನುಸರಿಸುತ್ತದೆ.
5. ಪ್ರವೇಶಿಸುವಿಕೆ. ಸ್ಕ್ರೀನ್ ರೀಡರ್ ಲೇಬಲ್‌ಗಳು, ಸಾಕಷ್ಟು ಕಾಂಟ್ರಾಸ್ಟ್, ಟಚ್ ಟಾರ್ಗೆಟ್ ಗಾತ್ರ.
6. ಕೋಡ್. ಇದನ್ನೆಲ್ಲಾ ಹೇಳಿದ ನಂತರ, Composable ಅಥವಾ SwiftUI ವ್ಯೂ ಜನರೇಷನ್.

ಹೆಚ್ಚಾಗಿ ಬಿಟ್ಟುಬಿಡುವ ಹಂತವು ಮೂರನೆಯದು. Developers only consider the "full" state; ಆದರೆ ನೈಜ ಅಪ್ಲಿಕೇಶನ್‌ನಲ್ಲಿ ಬಳಕೆದಾರರು ಹೆಚ್ಚಾಗಿ "ಲೋಡಿಂಗ್" ಮತ್ತು "ದೋಷ" ಸಂದರ್ಭಗಳನ್ನು ಎದುರಿಸುತ್ತಾರೆ. ಎಲ್ಲಾ ನಾಲ್ಕು ರಾಜ್ಯಗಳನ್ನು AI ಗೆ ಮುದ್ರಿಸುವುದು ದೃಢವಾದ ಇಂಟರ್ಫೇಸ್‌ನ ರಹಸ್ಯವಾಗಿದೆ.

ಸಲಹೆ: ಪ್ರಾಂಪ್ಟ್‌ನ ಕೊನೆಯಲ್ಲಿ "ಲೋಡಿಂಗ್, ಖಾಲಿ, ದೋಷ ಮತ್ತು ಪೂರ್ಣವನ್ನು ಪ್ರತ್ಯೇಕವಾಗಿ ರಚಿಸಿ" ಸೇರಿಸಿ. ಈ ಒಂದೇ ವಾಕ್ಯವು ನಿಮ್ಮ ಇಂಟರ್ಫೇಸ್ ಅನ್ನು ನೈಜ ಪ್ರಪಂಚಕ್ಕೆ ಸಿದ್ಧಗೊಳಿಸುತ್ತದೆ ಮತ್ತು QA (ಗುಣಮಟ್ಟದ ಪರೀಕ್ಷೆ) ಹಂತದಲ್ಲಿ ದೋಷಗಳ ಸಂಖ್ಯೆಯನ್ನು ಗಣನೀಯವಾಗಿ ಕಡಿಮೆ ಮಾಡುತ್ತದೆ.

Accessibility is non-negotiable

ಪ್ರವೇಶಿಸುವಿಕೆ - ದೃಷ್ಟಿ, ಶ್ರವಣ ಅಥವಾ ಮೋಟಾರು ಅಸಾಮರ್ಥ್ಯ ಹೊಂದಿರುವ ಬಳಕೆದಾರರಿಂದ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಬಳಸುವ ಸಾಮರ್ಥ್ಯ - ನೈತಿಕ ಜವಾಬ್ದಾರಿ ಮತ್ತು ಅಂಗಡಿ ಮತ್ತು ಕಾನೂನು ನಿರೀಕ್ಷೆಯಾಗಿದೆ. AI produces accessible code if desired; ಬಯಸದಿದ್ದರೆ ಟ್ಯಾಗ್‌ಲೆಸ್, ಕಡಿಮೆ-ಕಾಂಟ್ರಾಸ್ಟ್ ಇಂಟರ್ಫೇಸ್ ಅನ್ನು ಹಿಂತಿರುಗಿಸುತ್ತದೆ. ಹೆಬ್ಬೆರಳಿನ ಮೂರು ನಿಯಮಗಳು: ಪ್ರತಿ ಸಂವಾದಾತ್ಮಕ ಅಂಶಕ್ಕೆ ಸ್ಕ್ರೀನ್ ರೀಡರ್ (ವಿಷಯ ವಿವರಣೆ / ಪ್ರವೇಶಿಸುವಿಕೆ ಲೇಬಲ್), ಪಠ್ಯ ಮತ್ತು ಹಿನ್ನೆಲೆಯ ನಡುವೆ ಸಾಕಷ್ಟು ಬಣ್ಣದ ವ್ಯತಿರಿಕ್ತತೆ (ಕನಿಷ್ಠ 4.5:1 ಅನುಪಾತ) ಮತ್ತು ಕನಿಷ್ಠ 48x48 dp/44x44 pt ನ ಸ್ಪರ್ಶ ಗುರಿಯನ್ನು ನೀಡಿ. Ask the AI ​​these things explicitly.

ಎಚ್ಚರಿಕೆ: ಅಲಂಕಾರಿಕ ಐಕಾನ್‌ಗೆ AI ದೀರ್ಘ ಪ್ರವೇಶ ಟ್ಯಾಗ್ ಅನ್ನು ಕೂಡ ಸೇರಿಸಬಹುದು; ಇದು ಸ್ಕ್ರೀನ್ ರೀಡರ್ ಬಳಕೆದಾರರನ್ನು ಅನಗತ್ಯ ಹರಟೆಯಲ್ಲಿ ಮುಳುಗಿಸುತ್ತದೆ. ಸಂಪೂರ್ಣವಾಗಿ ಅಲಂಕಾರಿಕ ಅಂಶಗಳನ್ನು "ಪ್ರವೇಶದಿಂದ ಮರೆಮಾಡಲಾಗಿದೆ" (ಸ್ಕ್ರೀನ್ ರೀಡರ್ ಮೂಲಕ ಬಿಟ್ಟುಬಿಡಲು ಅನುಮತಿಸಲಾಗಿದೆ). ತಯಾರಿಸಿದ ಲೇಬಲ್‌ಗಳನ್ನು ಪರಿಶೀಲಿಸಿ: ಅರ್ಥಪೂರ್ಣವಾಗಿ ಮಾತನಾಡಲಿ, ಅಲಂಕಾರಿಕವು ಮೌನವಾಗಿರಲಿ.

Consistency: design system and theme

ವೃತ್ತಿಪರ ಅಪ್ಲಿಕೇಶನ್‌ಗಳು ಯಾದೃಚ್ಛಿಕ ಬಣ್ಣಗಳು ಮತ್ತು ಅಂತರವನ್ನು ಬಳಸುವುದಿಲ್ಲ; ವಿನ್ಯಾಸ ವ್ಯವಸ್ಥೆಯನ್ನು ಅನುಸರಿಸುತ್ತದೆ (ಬಣ್ಣಗಳು, ಫಾಂಟ್‌ಗಳು, ಅಂತರ ಮತ್ತು ಘಟಕಗಳ ಪ್ರಮಾಣಿತ ಸೆಟ್). ನೀವು AI ಗೆ ನಿಮ್ಮ ಥೀಮ್ ಮೌಲ್ಯಗಳನ್ನು ನೀಡಿದರೆ (ಮುಖ್ಯ ಬಣ್ಣ, ದ್ವಿತೀಯ ಬಣ್ಣ, ಮೂಲೆಯ ತ್ರಿಜ್ಯ, ಮುದ್ರಣಕಲೆ ಪ್ರಮಾಣ), ಎಲ್ಲಾ ಪರದೆಗಳು ಸ್ಥಿರವಾಗಿ ಹೊರಬರುತ್ತವೆ. ನೀವು ಮಾಡದಿದ್ದರೆ, ಪ್ರತಿ ಪರದೆಯು ವಿಭಿನ್ನ ನೀಲಿ ಛಾಯೆಯನ್ನು ಬಳಸುತ್ತದೆ ಮತ್ತು ಅಪ್ಲಿಕೇಶನ್ ಅಸ್ತವ್ಯಸ್ತಗೊಂಡಂತೆ ಕಾಣುತ್ತದೆ. ಥೀಮ್/ವಿನ್ಯಾಸ ಟೋಕನ್‌ಗಳ ಫೈಲ್ ಅನ್ನು ರಚಿಸಲು AI ಅನ್ನು ಮೊದಲು ಕೇಳುವುದು ಅತ್ಯಂತ ಪರಿಣಾಮಕಾರಿ ಮಾರ್ಗವಾಗಿದೆ, ನಂತರ ಎಲ್ಲಾ ಪರದೆಗಳನ್ನು ಆ ಥೀಮ್‌ಗೆ ಬಂಧಿಸಿ.

ವಿಷಯ

ಕಳಪೆ ವಿಧಾನ

ಬಲವಾದ ವಿಧಾನ

ಬಣ್ಣ

ಪ್ರತಿ ಪರದೆಯನ್ನು ಹಸ್ತಚಾಲಿತವಾಗಿ ಬಣ್ಣ ಕೋಡ್ ಮಾಡಿ

Central theme, screens read from the theme

ಸನ್ನಿವೇಶಗಳು

ಕೇವಲ "ಪೂರ್ಣ" ಪರದೆ

ಲೋಡ್ ಆಗುತ್ತಿದೆ/ಖಾಲಿ/ದೋಷ/ಪೂರ್ಣ ನಾಲ್ಕು ರಾಜ್ಯಗಳು

ಪ್ರವೇಶಿಸುವಿಕೆ

ನಂತರ ಸೇರಿಸಲಾಗಿದೆ

ಇದನ್ನು ಮೊದಲಿನಿಂದಲೂ ಕ್ಲೈಮ್‌ನಲ್ಲಿ ವ್ಯಾಖ್ಯಾನಿಸಲಾಗಿದೆ

ಪಠ್ಯ

ಕೋಡ್‌ನಲ್ಲಿ ಹುದುಗಿದೆ

Separate source, multi-language ready

ಮೂರು ಸಣ್ಣ ಪ್ರಕರಣಗಳು

ಪ್ರಕರಣ 1 - ಖಾಲಿ ಪ್ರಕರಣವನ್ನು ಉಳಿಸಲಾಗಿದೆ. ಸುದ್ದಿ ಅಪ್ಲಿಕೇಶನ್ ತಂಡವು AI ಪ್ರಿಂಟ್ ಪ್ರತ್ಯೇಕ ಪರದೆಯ ಸ್ಥಿತಿಗಳನ್ನು ಹೊಂದಿತ್ತು. "ಐಡಲ್ ಸ್ಟೇಟಸ್" ಸ್ಕ್ರೀನ್‌ಗೆ ಧನ್ಯವಾದಗಳು ("ಇನ್ನೂ ಯಾವುದೇ ಸುದ್ದಿಯನ್ನು ಉಳಿಸಲಾಗಿಲ್ಲ"), ಬಳಕೆದಾರರ ಪರೀಕ್ಷೆಯಲ್ಲಿ ಭಾಗವಹಿಸುವವರಲ್ಲಿ 70% ರಷ್ಟು ಜನರು ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಖಾಲಿ ಪರದೆಯಲ್ಲಿ ಬಿಡಲಿಲ್ಲ; ಹಿಂದಿನ ಆವೃತ್ತಿಯಲ್ಲಿ, ಖಾಲಿ ಪರದೆಯು ಬಿಳಿಯಾಗಿ ಉಳಿಯಿತು ಮತ್ತು ಬಳಕೆದಾರರು ಅದನ್ನು "ಮುರಿದು" ಎಂದು ಭಾವಿಸಿದರು ಮತ್ತು ಬಿಟ್ಟರು. ಒಂದು ಸಣ್ಣ ನಕಲು ಹೆಚ್ಚಿದ ಧಾರಣ ದರ.

Case 2 — Contrast rejection. ಒಂದು ತಂಡವು ಬ್ರಾಂಡ್ ಬಣ್ಣದ ತಿಳಿ ಬೂದು ಬಣ್ಣದ ಪಠ್ಯದೊಂದಿಗೆ ಪರದೆಗಳೊಂದಿಗೆ ಆಪ್ ಸ್ಟೋರ್‌ಗೆ ಅನ್ವಯಿಸಿದೆ. ಕಡಿಮೆ ವ್ಯತಿರಿಕ್ತತೆಯಿಂದಾಗಿ ಆಪಲ್ ಪ್ರವೇಶಿಸುವಿಕೆ ಆಧಾರದ ಮೇಲೆ ಎಚ್ಚರಿಕೆಯನ್ನು ನೀಡಿದೆ. AI ಗೆ "ಪಠ್ಯ-ಹಿನ್ನೆಲೆ ಕಾಂಟ್ರಾಸ್ಟ್ ಅನ್ನು 4.5:1 ಕ್ಕಿಂತ ಹೆಚ್ಚಿಸಿ" ಎಂದು ಹೇಳಿದಾಗ, ಬಣ್ಣಗಳು ಗಾಢವಾದವು ಮತ್ತು ಸಮಸ್ಯೆಯನ್ನು ಪರಿಹರಿಸಲಾಯಿತು. ಮೊದಲಿನಿಂದಲೂ ಮನವಿ ಮಾಡಿದ್ದರೆ ತಡವಾಗುತ್ತಿರಲಿಲ್ಲ.

Case 3 — Decorative label noise. ದೃಷ್ಟಿಹೀನ ಪರೀಕ್ಷಕರೊಬ್ಬರು ಪ್ರತಿ ಆಭರಣ ಐಕಾನ್ ("ಲೈನ್," "ಡಾಟ್," "ನೆರಳು") AI- ರಚಿತವಾದ ಪರದೆಯಲ್ಲಿ ಗಟ್ಟಿಯಾಗಿ ಓದಲಾಗುತ್ತದೆ ಎಂದು ವರದಿ ಮಾಡಿದ್ದಾರೆ, ಇದರಿಂದಾಗಿ ಪರದೆಯು ನಿರುಪಯುಕ್ತವಾಗಿದೆ. ಅಲಂಕಾರಿಕ ಅಂಶಗಳನ್ನು ಪ್ರವೇಶಿಸುವಿಕೆಯಿಂದ ಮರೆಮಾಡಿದಾಗ ಸ್ಕ್ರೀನ್ ರೀಡರ್ ಅನುಭವವು ದ್ರವವಾಯಿತು. ಪಾಠ: ಪ್ರವೇಶಿಸುವಿಕೆ ಎಂದರೆ "ಸರಿಯಾದ ಟ್ಯಾಗ್‌ಗಳು," "ತುಂಬಾ ಟ್ಯಾಗ್‌ಗಳು" ಅಲ್ಲ.

ದುರ್ಬಲ ಪ್ರಾಂಪ್ಟ್ / ಬಲವಾದ ಪ್ರಾಂಪ್ಟ್

Weak prompt: "Design a profile screen."

ಪ್ರಬಲ ಪ್ರಾಂಪ್ಟ್: "iOS/SwiftUI ಗಾಗಿ ಬಳಕೆದಾರ ಪ್ರೊಫೈಲ್ ಪರದೆಯನ್ನು ರಚಿಸಿ. ವಿಷಯ: ಅವತಾರ, ಹೆಸರು, ಇಮೇಲ್, 'ಪ್ರೊಫೈಲ್ ಸಂಪಾದಿಸು' ಬಟನ್, ಸೆಟ್ಟಿಂಗ್‌ಗಳ ಪಟ್ಟಿ. ಸ್ಥಿತಿಗಳು: ಲೋಡ್ ಆಗುತ್ತಿದೆ (ಅಸ್ಥಿಪಂಜರ), ದೋಷ (ಮರುಪ್ರಯತ್ನ ಬಟನ್), ಪೂರ್ಣ. ವಿನ್ಯಾಸ: ವಸ್ತುವಲ್ಲದ, iOS HIG ಗೆ ಅನುಗುಣವಾಗಿರುತ್ತದೆ; ಸಿಸ್ಟಂ ಬಣ್ಣಗಳು, ಟಾರ್ಗೆಟ್ ಟಚ್ ಎಲಿಮೆಂಟ್, ಡೈನಾಮಿಕ್ ಟೈಪ್ ಪ್ರತಿ ಐಒಎಸ್ ಎಚ್‌ಐಜಿಗೆ ಪ್ರವೇಶಸಾಧ್ಯತೆ ಐಕಾನ್. min 44pt. ಒಂದು ಪ್ರತ್ಯೇಕ ಫೈಲ್‌ನಿಂದ ಥೀಮ್ ಮೌಲ್ಯಗಳನ್ನು ಓದಿ, ಪರದೆಯ ಮೇಲೆ ಬಣ್ಣದ ಕೋಡ್ ಅನ್ನು ಎಂಬೆಡ್ ಮಾಡಬೇಡಿ, ನಂತರ ಕೋಡ್ ಅನ್ನು ರಫ್ತು ಮಾಡಿ.

ನಕಲು ಮಾಡಬಹುದಾದ ಟೆಂಪ್ಲೇಟ್‌ಗಳು

ಪರದೆಯ ಉತ್ಪಾದನೆಯ ಟೆಂಪ್ಲೇಟ್: "[ಪ್ಲಾಟ್‌ಫಾರ್ಮ್/ಟೂಲ್] ಗಾಗಿ [ಪರದೆಯ ಹೆಸರನ್ನು] ರಚಿಸಿ. ವಿಷಯ: [ಅಂಶಗಳು]. ಬಳಕೆದಾರ ಕ್ರಿಯೆಗಳು: [ಕ್ರಿಯೆಗಳು]. ನಾಲ್ಕು ರಾಜ್ಯಗಳನ್ನು ಪ್ರತ್ಯೇಕವಾಗಿ ರಚಿಸಿ: ಲೋಡ್ ಮಾಡುವಿಕೆ, ಖಾಲಿ, ದೋಷ, ಪೂರ್ಣ. ವಿನ್ಯಾಸ ವ್ಯವಸ್ಥೆ: [ಮೆಟೀರಿಯಲ್ 3 / iOS HIG], ಥೀಮ್ ಟೋಕನ್‌ಗಳಿಂದ ಓದಲಾಗುತ್ತದೆ. ಸ್ಟ್ಯಾಂಡರ್ಡ್ ಟೋಕನ್‌ಗಳು

ಥೀಮ್/ವಿನ್ಯಾಸ ಸಿಸ್ಟಂ ಟೆಂಪ್ಲೇಟ್:"ನನ್ನ ಅಪ್ಲಿಕೇಶನ್‌ಗಾಗಿ ಕೇಂದ್ರ ಥೀಮ್ ವ್ಯಾಖ್ಯಾನವನ್ನು ತಯಾರಿಸಿ ([ಸ್ವಿಫ್ಟ್‌ಯುಐನಲ್ಲಿ ಥೀಮ್ / ವಿನ್ಯಾಸದ ಟೋಕನ್ ರಚನೆ]):- ಪ್ರಾಥಮಿಕ ಬಣ್ಣ [ಹೆಕ್ಸ್], ದ್ವಿತೀಯ [ಹೆಕ್ಸ್], ದೋಷ ಬಣ್ಣ, ಮೇಲ್ಮೈ ಬಣ್ಣ- ಮುದ್ರಣಕಲೆ ಪ್ರಮಾಣ (ಶೀರ್ಷಿಕೆ, ದೇಹ, ಪ್ರಮಾಣಿತ ವಿವರಣೆ)- ಸ್ಪೇಸಿಂಗ್ ಸ್ಕೇಲ್ (4,8, 16,24 ದ ಲೈಟ್ ಸ್ಕೇಲ್ ಬೆಂಬಲಿಸುತ್ತದೆ."

ಪ್ರವೇಶಿಸುವಿಕೆ ಆಡಿಟ್ ಟೆಂಪ್ಲೇಟ್:"ಪ್ರವೇಶಸಾಧ್ಯತೆಗಾಗಿ ಈ ಪರದೆಯ ಕೋಡ್ ಅನ್ನು ಪರಿಶೀಲಿಸಿ:1) ಯಾವುದೇ ಟ್ಯಾಗ್ ಮಾಡದ ಸಂವಾದಾತ್ಮಕ ಅಂಶಗಳಿವೆಯೇ?2) ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತಗಳು ಸಮರ್ಪಕವಾಗಿವೆಯೇ?3) ಸ್ಪರ್ಶ ಗುರಿಗಳು ಸಾಕಷ್ಟು ದೊಡ್ಡದಾಗಿದೆಯೇ?4) ಪರದೆಯ ರೀಡರ್‌ನಿಂದ ಅಲಂಕಾರಿಕ ಅಂಶಗಳನ್ನು ಮರೆಮಾಡಲಾಗಿದೆಯೇ? ಪ್ರತಿ ಸಮಸ್ಯೆಗೆ ಪರಿಹಾರಗಳನ್ನು ಸೂಚಿಸಿ. [ಕೋಡ್]"

ಕೋಡ್ ಟೆಂಪ್ಲೇಟ್‌ಗೆ ವಿನ್ಯಾಸ: "ನಾನು ಈ ಕೆಳಗಿನ ವಿನ್ಯಾಸವನ್ನು ವಿವರಿಸುತ್ತೇನೆ: [ಸ್ಕ್ರೀನ್ ವಿವರಣೆ ಅಥವಾ ಸ್ಕ್ರೀನ್‌ಶಾಟ್]. ಇದನ್ನು [ಕಂಪೋಸ್/ಸ್ವಿಫ್ಟ್‌ಯುಐ] ಕೋಡ್‌ಗೆ ಅನುವಾದಿಸಿ. ವಿನ್ಯಾಸಕ್ಕೆ ಸರಿಯಾಗಿ ಅಂತರ ಮತ್ತು ಜೋಡಣೆಯನ್ನು ಇರಿಸಿಕೊಳ್ಳಿ, ಆದರೆ ಎಲ್ಲಾ ನಾಲ್ಕು ರಾಜ್ಯಗಳನ್ನು ಸೇರಿಸಿ."

ಸಾಮಾನ್ಯ ತಪ್ಪುಗಳು

• ಸಂಪೂರ್ಣ ಪರಿಸ್ಥಿತಿಯ ಬಗ್ಗೆ ಯೋಚಿಸುತ್ತಿದ್ದೇನೆ. ಹೆಚ್ಚಿನ ಸಮಯ ನಿಜವಾದ ಬಳಕೆದಾರರು ಲೋಡಿಂಗ್/ದೋಷದ ಪರದೆಯನ್ನು ನೋಡುತ್ತಾರೆ.
• ಕೋಡ್‌ನಲ್ಲಿ ಬಣ್ಣ ಮತ್ತು ಜಾಗವನ್ನು ಎಂಬೆಡಿಂಗ್. ಥೀಮ್ ಕೇಂದ್ರೀಯವಾಗಿಲ್ಲದಿದ್ದರೆ, ಸ್ಥಿರತೆ ಕಳೆದುಹೋಗುತ್ತದೆ ಮತ್ತು ನಿರ್ವಹಣೆ ಕಷ್ಟವಾಗುತ್ತದೆ.
• ಕೊನೆಯದಾಗಿ ಪ್ರವೇಶವನ್ನು ಬಿಡಲಾಗುತ್ತಿದೆ. ನಂತರ ಅದನ್ನು ಸೇರಿಸುವುದು ದುಬಾರಿಯಾಗಿದೆ; ಮೊದಲಿನಿಂದಲೂ ವಿನಂತಿಸಿದರೆ ಇದು ವೆಚ್ಚ-ಮುಕ್ತವಾಗಿರುತ್ತದೆ.
• ಅತಿಕ್ರಮಿಸುವಿಕೆ. ಅಲಂಕಾರಿಕ ಅಂಶಗಳನ್ನು ಓದುವುದು ಸ್ಕ್ರೀನ್ ರೀಡರ್ ಅನುಭವವನ್ನು ಸಹ ಅಡ್ಡಿಪಡಿಸುತ್ತದೆ.
• ಕೋಡ್‌ನಲ್ಲಿ ಪಠ್ಯವನ್ನು ಎಂಬೆಡ್ ಮಾಡಲಾಗುತ್ತಿದೆ. ಬಹುಭಾಷಾ ಬೆಂಬಲ ಅಗತ್ಯವಿದ್ದಾಗ, ಪ್ರತಿ ಪರದೆಯನ್ನು ಹಸ್ತಚಾಲಿತವಾಗಿ ಬದಲಾಯಿಸುವುದು ಅವಶ್ಯಕ; ಪಠ್ಯಗಳನ್ನು ಪ್ರತ್ಯೇಕವಾಗಿ ಇರಿಸಿ.
• ಸ್ಕ್ರೀನ್‌ಶಾಟ್‌ನಿಂದ ನಿಖರವಾದ ಪ್ರತಿಯನ್ನು ನಿರೀಕ್ಷಿಸಲಾಗುತ್ತಿದೆ. AI ವಿನ್ಯಾಸವು ಅಂದಾಜು ಉತ್ಪಾದಿಸುತ್ತದೆ. ಪಿಕ್ಸೆಲ್ ನಿಖರತೆಯನ್ನು ಹಸ್ತಚಾಲಿತವಾಗಿ ಹೊಂದಿಸಲಾಗಿದೆ.

ಸಾರಾಂಶದಲ್ಲಿ

ಇಂಟರ್ಫೇಸ್ ಉತ್ಪಾದನೆಯಲ್ಲಿ AI ಶಕ್ತಿಯುತವಾಗಿದೆ, ಆದರೆ ಇದಕ್ಕೆ ಮಾರ್ಗದರ್ಶನದ ಅಗತ್ಯವಿದೆ. ಸರಿಯಾದ ಕ್ರಮ: ಉದ್ದೇಶ, ಘಟಕಗಳು, ನಾಲ್ಕು ರಾಜ್ಯಗಳು (ಲೋಡಿಂಗ್/ಖಾಲಿ/ದೋಷ/ಪೂರ್ಣ), ವಿನ್ಯಾಸ ವ್ಯವಸ್ಥೆ, ಪ್ರವೇಶಿಸುವಿಕೆ, ನಂತರ ಕೋಡ್. ಪ್ರವೇಶಿಸುವಿಕೆ ನೆಗೋಶಬಲ್ ಅಲ್ಲ ಮತ್ತು ಇದರ ಅರ್ಥ "ಸರಿಯಾದ ಲೇಬಲ್," "ಹೆಚ್ಚು ಲೇಬಲ್‌ಗಳು" ಅಲ್ಲ. ಸ್ಥಿರತೆಗಾಗಿ, ಕೇಂದ್ರ ಥೀಮ್‌ನಿಂದ ಬಣ್ಣ ಮತ್ತು ಅಂತರವನ್ನು ಓದಿ, ಅದನ್ನು ಕೋಡ್‌ನಲ್ಲಿ ಎಂಬೆಡ್ ಮಾಡಬೇಡಿ. ಬಲವಾದ ಇಚ್ಛೆಯು ಆರಂಭದಿಂದಲೂ ಇದೆಲ್ಲವನ್ನೂ ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ; ಹೀಗಾಗಿ, ಇಂಟರ್ಫೇಸ್ ನೈಜ ಪ್ರಪಂಚ, ಅಂಗಡಿ ಅನುಮೋದನೆ ಮತ್ತು ಎಲ್ಲಾ ಬಳಕೆದಾರರಿಗೆ ಸಿದ್ಧವಾಗಿದೆ.

ಅಪ್ಲಿಕೇಶನ್ ಕಾರ್ಯ

ಸೆಟ್ಟಿಂಗ್‌ಗಳ ಪರದೆಗಾಗಿ “ಸ್ಕ್ರೀನ್ ಜನರೇಷನ್ ಟೆಂಪ್ಲೇಟ್” ಅನ್ನು ಬಳಸಿ, ಕಂಪೋಸ್ ಅಥವಾ ಸ್ವಿಫ್ಟ್‌ಯುಐ ಕೋಡ್‌ಗಾಗಿ AI ಅನ್ನು ಕೇಳಿ ಮತ್ತು ಎಲ್ಲಾ ನಾಲ್ಕು ರಾಜ್ಯಗಳಿಗೆ ವಿನಂತಿಸಿ. ನಂತರ ಅದೇ ಕೋಡ್ ಅನ್ನು "ಆಕ್ಸೆಸಿಬಿಲಿಟಿ ಚೆಕ್ ಟೆಂಪ್ಲೇಟ್" ನೊಂದಿಗೆ ಪರೀಕ್ಷಿಸಿ. ಕನಿಷ್ಠ ಒಂದು ಪ್ರವೇಶಿಸುವಿಕೆ ಸುಧಾರಣೆಯನ್ನು ಹುಡುಕಿ ಮತ್ತು ಸರಿಪಡಿಸಿ (ಕಾಣೆಯಾದ ಲೇಬಲ್, ಕಡಿಮೆ ಕಾಂಟ್ರಾಸ್ಟ್, ಅಥವಾ ಸಣ್ಣ ಸ್ಪರ್ಶ ಗುರಿ) ಮತ್ತು ನೈಜ ಬಳಕೆಯಲ್ಲಿ ಯಾವ ಸ್ಥಿತಿಯನ್ನು (ಲೋಡ್ ಮಾಡುವಿಕೆ/ಖಾಲಿ/ದೋಷ) ಹೆಚ್ಚಾಗಿ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ ಎಂದು ನೀವು ಭಾವಿಸುತ್ತೀರಿ ಎಂಬುದನ್ನು ಗಮನಿಸಿ.

ಪರಿಶೀಲನಾಪಟ್ಟಿ

• [ ] ನಾನು ಪ್ರಾಂಪ್ಟ್‌ನಲ್ಲಿ ಪ್ರದರ್ಶನದ ಉದ್ದೇಶ ಮತ್ತು ಘಟಕಗಳನ್ನು ಸ್ಪಷ್ಟಪಡಿಸಿದ್ದೇನೆ
• [ ] ನಾನು ನಾಲ್ಕು ರಾಜ್ಯಗಳನ್ನು (ಲೋಡ್ ಮಾಡುವಿಕೆ/ಖಾಲಿ/ದೋಷ/ಪೂರ್ಣ) ಪ್ರತ್ಯೇಕವಾಗಿ ರಚಿಸಿದ್ದೇನೆ
• [ ] ನಾನು ಬಣ್ಣ ಮತ್ತು ಸ್ಥಳವನ್ನು ಕೇಂದ್ರ ಥೀಮ್‌ನಿಂದ ಓದಿದ್ದೇನೆ, ನಾನು ಅದನ್ನು ಕೋಡ್‌ನಲ್ಲಿ ಎಂಬೆಡ್ ಮಾಡಿಲ್ಲ.
• [ ] ನಾನು ಮೊದಲಿನಿಂದಲೂ ಪ್ರವೇಶದ ಲೇಬಲ್‌ಗಳು ಮತ್ತು ಕಾಂಟ್ರಾಸ್ಟ್‌ಗಳನ್ನು ಬಯಸುತ್ತೇನೆ
• [ ] ಸ್ಕ್ರೀನ್ ರೀಡರ್‌ನಿಂದ ಅಲಂಕಾರಿಕ ಅಂಶಗಳನ್ನು ಮರೆಮಾಡಲಾಗಿದೆ ಎಂದು ನಾನು ಪರಿಶೀಲಿಸಿದ್ದೇನೆ
• [ ] ನಾನು ಪಠ್ಯಗಳನ್ನು ಪ್ರತ್ಯೇಕವಾಗಿ ಇರಿಸಿದೆ, ಬಹು ಭಾಷೆಗಳಿಗೆ ಸಿದ್ಧವಾಗಿದೆ