ثريد Ui
كيف تصميم كرت Card
إحترافي عبر إتباع قواعد بسيطة 😇.
👇🏻
كيف تصميم كرت Card
إحترافي عبر إتباع قواعد بسيطة 😇.
👇🏻
✴ قائمه المصطلحات العربية مع الانجليزية.
حدود => border
كرت => card
ظل => shadow
وزن الخط => font weight
لون الخط => font color
الشفافية => opacity
الفقرة => paragraph
أزرار الإجراءات => buttons action
👇🏻
حدود => border
كرت => card
ظل => shadow
وزن الخط => font weight
لون الخط => font color
الشفافية => opacity
الفقرة => paragraph
أزرار الإجراءات => buttons action
👇🏻
✳ أجزاء الكرت الأساسية
✴ الصوره.
✴ عنوان الكرت.
✴ الفقرة
✴ أزرار الإجراءات.
👇🏻
✴ الصوره.
✴ عنوان الكرت.
✴ الفقرة
✴ أزرار الإجراءات.
👇🏻
✳ الخط و وزن الخط.
من المهم إبراز عنوان الكرت
بخط كبير
وزن خط عريض.
يأتي بعد العنوان
فقرة نصية أقل أهميه من العنوان.
نقوم بإعطاء الفقرة
خط أصغر
تقليل وزن الخط
تقليل شفافية اللون الى 80%
👇🏻
من المهم إبراز عنوان الكرت
بخط كبير
وزن خط عريض.
يأتي بعد العنوان
فقرة نصية أقل أهميه من العنوان.
نقوم بإعطاء الفقرة
خط أصغر
تقليل وزن الخط
تقليل شفافية اللون الى 80%
👇🏻
✳ الظل و الحدود.
"في ثريد سابق شرحت كيف إستخدام الظل باحترافية."
في جهه اليمين قمت بتطبيق قواعد التصميم مع إعطاء الكرت حدود 1px
و تقليل شفافية لون الحدود إلى 20%
بهذه الطريقة حصلت على شكل إحترافي 😇.
👇🏻
"في ثريد سابق شرحت كيف إستخدام الظل باحترافية."
في جهه اليمين قمت بتطبيق قواعد التصميم مع إعطاء الكرت حدود 1px
و تقليل شفافية لون الحدود إلى 20%
بهذه الطريقة حصلت على شكل إحترافي 😇.
👇🏻
✳ أزرار الإجراءات.
يجب إبراز الزر الأساسي بإستخدام لون مختلف.
يجب مراعاة ترتيب الأزرار
من الأقل أهميه إلى الأكثر أهميه
في اللغه العربيه يتم ترتيب الأزرار بهذا الشكل
(غير مهم) (مهم) ( في غايه الأهمية)
👇🏻
يجب إبراز الزر الأساسي بإستخدام لون مختلف.
يجب مراعاة ترتيب الأزرار
من الأقل أهميه إلى الأكثر أهميه
في اللغه العربيه يتم ترتيب الأزرار بهذا الشكل
(غير مهم) (مهم) ( في غايه الأهمية)
👇🏻
نلتقي في ثريد أخر 😇
إذا أعجبك الثريد لا تنسى تعمل
ريتويت عشان
يستفيد اكبر عدد من الناس 😊
تابع حسابي @naif4web
لجديد المقالات و النصائح
في مجال البرمجة و تصميم الواجهات Ui
إذا أعجبك الثريد لا تنسى تعمل
ريتويت عشان
يستفيد اكبر عدد من الناس 😊
تابع حسابي @naif4web
لجديد المقالات و النصائح
في مجال البرمجة و تصميم الواجهات Ui
جاري تحميل الاقتراحات...