Kirish

A3 dizayn tizimi

A3 mahsulot saytlarining vizual tili. Sahifa butun sayt bilan bir xil tokenlarda yigʻilgan: quyidagi namunalar ularning rasmini emas, haqiqiy qiymatlarini koʻrsatadi.

Vizual tilning beshta sifati

Ishonch

Tinch yorugʻ taqdimot, yuqori kontrast va dekorativ shovqinning yoʻqligi.

Aniqlik

Har bir blok mavhum vaʼda emas, aniq funksiya, stsenariy yoki natijani tushuntiradi.

Tahririy ifodalilik

Yirik tipografika, assimetrik toʻrlar va bloklarning turli miqyosi ogʻir animatsiyasiz ritm yaratadi.

Moddiylik

Illyustratsiyalar shablon 3D obyektlar oʻrniga qogʻoz, keramika va grafitdan yasalgan jismoniy kompozitsiyaga oʻxshaydi.

Oilaviy oʻxshashlik

Palitra, tipografika, radiuslar va moslashuv xatti harakati barcha A3 mahsulotida bir xil. Syujet va kompozitsiya oʻzgaradi.

Palitra

Sakkizta asosiy rang. Barcha hosila soya ulardan hisoblanadi, shuning uchun asosiy qiymatning oʻzgarishi butun saytni oʻzgartiradi.

#F5F6FA--c-bgSahifa foni va yumshoq yuzalar
#FFFFFF--c-surfaceKartochkalar, maydonlar, qorongʻidagi matn
#212527--c-inkAsosiy matn, qorongʻi panellar, tugmalar
#6B6B6B--c-mutedQoʻshimcha matn va faol boʻlmagan holatlar
#51C247--c-successMuvaffaqiyat va tasdiqlash
#DF720C--c-warningOgohlantirish va qoʻlda tekshirish
#E83437--c-errorXato va oʻta muhim holat
#6C5CE7--c-accentFokus, faol havola, nuqtali urgʻu

Qoʻllash qoidalari

  • Asosiy tugma doim qorongʻi, oq tugma faqat qorongʻi panel ichida boʻladi.
  • Yashil, toʻq sariq va qizil maʼno tashiydi. Bezak sifatida ishlatilmaydi.
  • Binafsha nuqtali qoʻllaniladi: faol bandning ostini chizish, fokus, havola.
  • Yangi rang komponentga toʻgʻridan toʻgʻri tushmaydi: avval semantik token paydo boʻladi.
  • Sof qora ishlatilmaydi: toʻq ton sovuqroq va yuzaga yaxshi yotadi.

Tipografika

Golos Text, oʻz serverimizda. Shrift kirill, kengaytirilgan lotin va mahsulot taqdimotiga mos keladi.

Matn qoidalari

  • Birinchi ekran sarlavhasi desktopda ikki qatordan oshmaydi.
  • Asosiy matn qatorda taxminan 44-65 belgi bilan cheklanadi.
  • Uppercase doimiy dekorativ usul sifatida ishlatilmaydi.
  • Uzun va qisqa tire ishlatilmaydi: nuqta, ikki nuqta yoki vergul.
  • Kopirayting aniq: funksiya, shart, natija, cheklov.
Bosh sarlavhaPlatforma hujjat aylanishi, moliya va kadrlarni bitta konturga yigʻadi
Boʻlim sarlavhasiPlatforma hujjat aylanishi, moliya va kadrlarni bitta konturga yigʻadi
Kartochka sarlavhasiPlatforma hujjat aylanishi, moliya va kadrlarni bitta konturga yigʻadi
Asosiy matnPlatforma hujjat aylanishi, moliya va kadrlarni bitta konturga yigʻadi
Qoʻshimcha matnPlatforma hujjat aylanishi, moliya va kadrlarni bitta konturga yigʻadi
Imzo va metamaʼlumotPlatforma hujjat aylanishi, moliya va kadrlarni bitta konturga yigʻadi

Shakl va yuzalar

Uchta radius butun interfeysni qoplaydi. Soyalar sovuq va juda yumshoq, ular har bir oq yuzaga sukut boʻyicha qoʻyilmaydi.

Yuza turlari

  • Ierarxiyani toʻr yaratganda konteynersiz sahifa foni.
  • Ingichka sovuq chegarali oq kartochka.
  • Yuzada rangli chegarasiz yumshoq kartochka.
  • Bitta muhim tezis yoki yakuniy chaqiriq uchun qorongʻi panel.
28pxKartochkalar, yirik rasmlar, qorongʻi panellar
12pxMaydonlar, ixcham lavhalar, ichki yuzalar
999pxTugmalar, almashtirgichlar, filtrlar

Komponentlar

Asosiy elementlar haqiqiy bajarilishda.

Tugmalar

Holat lavhalari

MuvaffaqiyatDiqqatXatoMaʼlumot

Forma maydoni

Label doim maydon ustida, placeholder uni almashtirmaydi.

Harakat

Harakat texnologiyani koʻrsatmay, ierarxiyaga yordam beradi.

  • Boʻlimning paydo boʻlishi: shaffoflik va 22 piksel siljish, davomiyligi 0.65 soniya.
  • Sahifalar orasidagi oʻtish: shaffoflik va 10 piksel siljish, taxminan 0.28 soniya.
  • Tugma kursor olib borilganda 2 pikselga koʻtariladi va bosilganda biroz siqiladi.
  • Bosish mumkin boʻlgan kartochka 5 pikselga koʻtariladi va yumshoq soya oladi.
  • Harakatni kamaytirish yoqilganda animatsiyalar amalda bir zumda oʻtadi.

Biz nima qilmaymiz

  • Semantik sababsiz yirik binafsha yoki koʻk konteynerlar.
  • Barcha boʻlimda ketma ket uch ustundagi bir xil oq kartochkalar.
  • Bitta matn va gradient dogʻdan iborat birinchi ekran.
  • Interfeys belgisi yoki bayroq oʻrniga emoji.
  • Bitta harakat uchun turli rangdagi va turli nomdagi tugmalar.
  • Ortida manbasi yoʻq dekorativ raqamlar.
  • Kamaytirilgan harakat uchun zaxira xatti harakati yoʻq ogʻir animatsiya.

A3 brend materiallari kerakmi?

Logotip, rang palitrasi va taqdimot shablonlarini soʻrov boʻyicha yuboramiz, materiallaringizni platforma uslubiga moslashtirishga yordam beramiz.

Vazifani muhokama qilish