дар бораи стандартҳои UI, ки бо Material Design алоқаманданд, нақл кунед.

Material Design — системаи визуалии тарҳрезӣ мебошад, ки аз ҷониби Google таҳия шудааст. Он стандартҳо барои типография, шабака, ранг, унсурҳои интерактивӣ, истифодаи фазо ва ҳаракатро дар бар мегирад.

Принсипҳои асосӣ:

• Мавод — метафора. Аз хосиятҳои физикии воқеӣ барои имитация кардани рафтори объектҳо (баланд кардан, соя) истифода мебарад.
• Бардо, графикӣ, мақсаднок — таъкид ба типография, палитраи рангҳо ва тасвирҳо барои эҷоди ҳиреҳият ва маъно.
• Ҳаракат — маънӣ. Транслятсияҳо ва анимациялар кӯмак мекунанд, ки корбар дарк кунад ва фаҳмад, ки чӣ рӯй дод.

Компонентҳо ва қоидаҳои калидӣ:

• Ранг: Истифодаи палитраи асосӣ (рангҳои асосӣ, дуюмдараҷа) ва ёрирасон (қабати рӯи, пасзамана, хато, сатрҳои ҳолат). Муносибати рангҳо.
• Типография: Фонҳои муайян (масалан, Roboto, Open Sans), андозаҳо ва услубҳо (сарлавҳа, унвон, матн, тавсиф) барои сатҳҳои гуногуни ҳиреҳият.
• Иконҳо: услуби ягона, андоза, шакл ва ғафсии хатҳо. Тасвирҳои векторӣ.
• Ташкилот ва навигатсия: Истифодаи унсурҳои стандартӣ: сатрҳои барнома, шкафчаи навигатсия, сатрҳои поёнии навигатсия.
• Фазо: риояи арзишҳои стандартӣ барои маржаҳо, майдонҳо ва андозаҳои унсурҳо (масалан, қадамҳо дар 4dp ё 8dp).
• Соё, баландӣ: Истифодаи сояҳо барои эҷоди амиқӣ ва таъкид кардани унсурҳои интерактивӣ (масалан, тугмаҳо). Баландии бештар = сояи қавитар.
• Шаклҳо: истифодаи кунҷҳои мудаввар, шаклҳо барои тугмаҳо, кортҳо ва дигар унсурҳо.
• Ҳолатҳо: намоиши равшан ва визуалӣ аз ҳолатҳои унсурҳо (фаъол, ғайрифаъол, фокус, пахш).
• Воридоти маълумот: майдонҳои воридотии стандартӣ (майдонҳои матнӣ) бо маслиҳатҳо ва нишондиҳандаҳои хато.
• Диалогҳо ва паёмҳо: истифодаи тирезаҳои диалогӣ ва Snackbar барои огоҳиномаҳо.

Стандартҳои UI дар Material Design барои эҷоди таҷрибаи корбарӣ, ки интуитивӣ, муттасил ва хушоянд аст, дар тамоми дастгоҳҳо ва платформаҳо равона шудаанд.