1. Qisqacha kirish Interfeys inventarizatsiyasi nima?

Bir muncha vaqt davomida UXPin har doim qat'iy tipografik standartga ega edi. Ilovaning ichida biz 'Proxima Nova' dan faqat va faqat ikkita og'irlikda (oddiy va yarim qalin) foydalanamiz. Bu ajoyib va ​​shubhasiz izchil dizayn hissi yaratadi. Mahsulotdagi semantik tuzilishni tushunish uchun to'liq hajmni ko'rishni istadim.

Bu vazifa detektiv ishni biroz ko'proq talab qildi. UI-dagi barcha o'ziga xos matn elementlarining belgilari va saralovchisini tekshirish uchun men Chrome Developers vositalaridagi inspektor vositasidan foydalandim.

Tipografik shkalada barcha matn uslublarining ro'yxati:

Belgilarning inventarizatsiyasi

UXPin interfeysi shubhasiz og'ir. 2015 yilda biz aniqlik va uyg'unlik uchun odatiy echim sifatida o'z ikonalar oilamizga sarmoya kiritdik.

Kod oxirida biz piktogramma shrift fayli sifatida foydalanishda davom etamiz. Bu bizga ajoyib ishlash va har qanday belgi boshqarishni amalga oshiradi, kod oxirida, baxtlidir. Garchi sanoat juda katta bo'lingan bo'lsa - yondashuvda aniq kamchiliklar mavjud. Men ushbu ikkita maqolani juda tavsiya qilaman, shunda siz o'z fikringizni bildirishingiz mumkin:

Shaffof shriftlardan foydalanmang

Shaffof shriftlardan foydalaning

Shunga qaramay, mening vazifam shunchaki bizning piktogrammalarimizning ro'yxatini tuzish edi. Men barcha SVG-larni UXPin-ga tashlab, kuniga qo'ng'iroq qilishim mumkin edi, ammo keyin biz rivojlanish bilan sinxronlashishni xohlamadik. Buning o'rniga, men to'g'ridan-to'g'ri manbaga o'tdim va piktogramlarning saqlanadigan joyini yaratish uchun piktogramma fayllaridan foydalandim.

Shu tarzda, tizimimizning kelajakdagi versiyalarida biz ishlab chiquvchilar bilan bir xil aktivlardan foydalanishimiz mumkin.

Men dam olish kunini Javascript bilan o'tkazdim va shriftli fayllarimizni va "Belgilar ta'riflari" bilan "Less" fayllarni oladigan ozgina yordamchi dasturni yaratdim va yaratilgan mixin ta'riflari bilan qidirish mumkin bo'lgan ikonkalar ro'yxatini yaratdim.

Hammasi Mac App sifatida o'rnatilib, uni bizning dizaynerlarimiz va ishlab chiquvchilarimizga osongina taqdim qilishadi:

Keyingi bosqichlarda UXPin-da haqiqiy naqshlarni yaratishga to'g'ri kelganida, ilova oson tuzildi va bebaho edi. Barcha shrift piktogrammalarini UXPin-da qayta ishlatish mumkin, chunki bizning Enterprise rejamiz (bu bizning ichki guruhimiz foydalanadi) shaxsiy shriftlarni yuklash imkoniyati bilan birga keladi.