أدوات لمراجعة الواجهات بدقة عبر شبكات ومحاكاة موك أب وانتقاء ألوان Hex بنافذة عائمة
أدوات لمراجعة الواجهات بدقة عبر شبكات ومحاكاة موك أب وانتقاء ألوان Hex بنافذة عائمة
تصويت (٥ تصويت)
رخصة برنامج Free
المطوِر Jahongir
إصدار 2.0.8
تعمل تحت Android
تصويت
(٥ تصويت)
المطوِر
Jahongir
تعمل تحت
Android
رخصة برنامج
Free
إصدار
2.0.8
Designer Tools هو تطبيق أندرويد ضمن فئة الأدوات المساعدة يقدّم مجموعة وظائف تركّز على مراجعة مواصفات تصميم التطبيقات والتحقق منها مباشرة على الشاشة، من ضبط المحاذاة والمسافات إلى مطابقة الموك أب واستخراج ألوان الواجهة.
موجّه بالدرجة الأولى إلى مصممي واجهات المستخدم ومطوري التطبيقات وكل من يحتاج تدقيق التفاصيل البصرية أثناء مقارنة التصميم بالتنفيذ.
فحص المحاذاة والمسافات عبر الشبكات
يعتمد التطبيق على Grid Overlay لعرض شبكة فوق الواجهة بهدف اكتشاف التباينات في المسافات أو أي عناصر غير مصطفّة بشكل صحيح. ميزة الشبكة مفيدة لأنها قابلة للتخصيص، حيث يمكنك تغيير حجم الشبكة وألوان خطوطها، بما في ذلك ألوان خطوط الإرشاد (Keylines)، لتكون القراءة أوضح بحسب نوع الشاشة والتصميم الذي تعمل عليه.
مقارنة الموك أب بالواجهة الفعلية
ميزة Mockup Overlay تمنحك طريقة عملية لمطابقة مواصفات التصميم مع الواجهة المبنية فعلياً، وذلك عبر وضع صورة الموك أب فوق التطبيق للمقارنة الدقيقة. يدعم التطبيق اختيار الوضع الطولي أو الأفقي، مع التحكم في شفافية الطبقة لتسهيل ملاحظة الفروقات. كما يتيح ضبط موضع الموك أب عمودياً للوصول لمقارنة أكثر دقة عندما تتطلب الشاشة ذلك.
التقاط كود اللون من أي نقطة على الشاشة
يضم Designer Tools أداة Color Picker لقراءة الألوان على مستوى البكسل. تستخدم عدسة تكبير (Loupe) تتحكم بها بالإصبع لتحديد النقطة المطلوبة، ثم الحصول على قيمة اللون بصيغة Hex، مع إمكانية نسخ القيمة بنقرة واحدة، وهي ميزة مفيدة عند مراجعة اتساق لوحة الألوان بين التصميم والتنفيذ.
النافذة العائمة وتوضيح الخصوصية
لتسهيل العمل أثناء التنقل بين التطبيقات، يعتمد Designer Tools على AccessibilityService API لعرض نافذة عائمة تدعم تعدد المهام. ووفق إفصاح المطور، لا يتم جمع أو مشاركة أي بيانات عبر هذه الواجهة البرمجية، وهي نقطة مطمئنة لمن يهتم بالخصوصية عند تفعيل هذا النوع من الخدمات.
المميزات
- أدوات واضحة لمراجعة مواصفات التصميم والتحقق من الاتساق البصري.
- Grid Overlay مع تخصيص الحجم والألوان لتدقيق المحاذاة والمسافات.
- Mockup Overlay يدعم الطولي والأفقي مع التحكم بالشفافية والموضع العمودي للمقارنة.
- Color Picker يحدد قيم Hex على مستوى البكسل مع عدسة تكبير وإمكانية النسخ.
- متاح مجاناً ويقدّم نافذة عائمة لتعدد المهام، مع تصريح بعدم جمع البيانات عبر AccessibilityService.
العيوب
- الاعتماد على AccessibilityService قد لا يفضله بعض المستخدمين رغم توضيح المطور لعدم جمع البيانات.
- التركيز موجّه للتدقيق والمراجعة، وليس حزمة تصميم متكاملة، لذا قد لا يناسب من يبحث عن أدوات إنشاء تصاميم.