Middle
պատմեք UI ստանդարտների մասին, որոնք կապված են Material Design- ի հետ։
sobes.tech AI
Պատասխան AI-ից
Material Design-ը Google-ի մշակած տեսողական դիզայնի համակարգ է: Այն ներառում է տառատեսակների, ցանցի, գույնի, ինտերակտիվ տարրերի, տարածության և շարժման համար ստանդարտներ:
Հիմնական սկզբունքները՝
- Մատերիալ — մետաֆորա: Օգտագործում է իրական ֆիզիկական հատկությունները՝ պատկերի վարքագիծը իմիտացիայի համար (բարձրացում, ստվեր):
- Մեծ, գրաֆիկական, մտահղացված — շեշտը դրվում է տառատեսակների, գույնի պալիտրայի և պատկերների վրա՝ հիերարխիայի և իմաստի ստեղծման համար:
- Շարժում — իմաստալից: Փոխանցումները և անիմացիան օգնում են օգտվողին կողմնորոշվել և հասկանալ, թե ինչ է տեղի ունեցել:
Հիմնական բաղադրիչները և կանոնները՝
- Գույն: Օգտագործում է հիմնական պալիտրան (առաջնային, երկրորդական գույներ) և լրացուցիչ (մակերևույթ, ֆոն, սխալ, կարգավիճակի գիծ): Գույնի սխեմայի համաչափություն:
- Տառատեսակներ: Հստակ տառատեսակներ (օրինակ՝ Roboto, Open Sans), չափեր և ոճեր (հրապարակ, վերնագիր, մարմին, նշում) տարբեր հիերարխիաների համար:
- Նիշեր: Միացյալ ոճ, չափսեր, ձև և գծերի հաստություն: Վեկտորային պատկերներ:
- Կառուցվածք և նավիգացիա: Օգտագործում է ստանդարտ տարրեր՝ հավելվածի գիծ, նավիգացիայի դարակ, ստորին նավիգացիայի գիծ:
- Տարածություն: Պահպանում է ստանդարտ մաքրման, դաշտերի, տարրերի չափերի արժեքները (օրինակ՝ քայլերը 4dp կամ 8dp):
- Սևեռ և բարձրություն: Օգտագործում է ստվերներ՝ խորության և ինտերակտիվ տարրերի առանձնացման համար (օրինակ՝ կոճակներ): Մեծ բարձրություն = ավելի պայծառ ստվեր:
- Ֆորմաներ: Օգտագործում է գնդագրված անկյուններ, ձևեր կոճակների, քարտերի և այլ տարրերի համար:
- Կարգավիճակներ: Հստակ տեսողական ցուցադրում տարրերի կարգավիճակները (գործարկված, անգործ, կենտրոնացած, սեղմված):
- Մուտքագրում: Ստանդարտացված մուտքային դաշտեր (Text fields)՝ հուշումներով և սխալի ցուցանիշներով:
- Դիալոգներ և հաղորդագրություններ: Օգտագործում է ստանդարտ դիալոգային պատուհաններ և Snackbar-ներ ծանուցումների համար:
UI ստանդարտները Material Design-ում ուղղված են ստեղծել ինտուիտիվ, միատարր և հաճելի օգտվողի փորձ՝ տարբեր սարքերում և հարթակներում։