عملية تصميم او التعديل على تصميم واجهات ممكن تكون طويلة لأسباب مختلفة ⌛️
ثريد اليوم بيكون عن نصائح لتصميم واجهات مستخدم بشكل أسرع🧵
ثريد اليوم بيكون عن نصائح لتصميم واجهات مستخدم بشكل أسرع🧵
بالبداية خلونا نتفق ان جودة المنتج النهائي اهم من سرعة إنتاجه وطبيعي ان التصميم يأخذ وقت خاصة إذا كان المصمم في بدايته في المجال او المشروع كبير لكن النصائح بتساعدك على ترتيب شغلك وتكون التعديلات في المستقبل سريعة.
١- التواصل مهم جدا سواء كان مع عميل او مع فريق عمل. احرص انك تأخذ رأيهم وموافقتهم في كل خطوة لان الواجهات في التصميم تعتمد بشكل كبير على بعض. هنا اذا حصل تعديل او تغيير بيكون التغيير أسهل من الإنتظار إلى النهاية.
٢- استخدم نظام تصميم (design system). لو حاب تعرف أكثر عن الأنظمة التصميم شوف هذا الثريد. فيه ايضاً تجميع لعدة أنظمة تصميم ممكن تستخدمها.
٣- اي مكون في التصميم مثل أزرار، مدخلات،.. احرص من البداية ان يكون لهم مرجع واحد من خلال استخدام خاصية component. الهدف ان التعديل في المستقبل يكون سهل والتصميم يكون مرتب وموحد.
ثريد للخاصية:
درس اخر للخاصية:
ثريد للخاصية:
درس اخر للخاصية:
٤- حاول تستخدم خاصية Auto-layout. الهدف منها اذا مثلا عندك بطاقة محتواها طوله ٤ أسطر بعدين احتجت بطاقة ثانية لكن المحتوى حقها أطول مثلاً ٦ أسطر. لو كنت مستخدم خاصية auto-layout بتحتاج بس تصمم بطاقة واحدة للبطاقتين لان طول البطاقة بيتأقلم مع طول المحتوى. يتبع ⤵️
هنا سويت ثريد مشابه المثال اللي ذكرته.
درس اخر للخاصية:
درس اخر للخاصية:
٥- مع تكرار المشاريع اللي تشتغل عليها، تقدر تحتفظ بكل مكونات الواجهة مثل الأزرار، المدخلات في ملف معين عشان تعيد استخدامها في المشاريع الأخرى وتسرّع عملية التصميم.
٦- جمّع مصادر لأشياء تحتاجها في التصميم في مكان واحد عشان تسهل الوصول لها في المسقبل. مثال جمّع مصادر لأيقونات، أنظمة تصميم، ألوان،... بعد هذي التغريدة بحط لكم مصادر تجميعات مشابهة.
🔹مصادر ألوان:
🔹مصادر لرسومات illustrations:
🔹مصادر لمواقع للتغذية البصرية:
🔹مصادر لأيقونات:
لو عندكم نصائح اخرى ممكن تشاركوها في التعليقات
في نهاية الثريد، لاتنسون المشاركة لإفادة الغير وشكراً💜.
في نهاية الثريد، لاتنسون المشاركة لإفادة الغير وشكراً💜.
جاري تحميل الاقتراحات...