#ثريد أفضل الممارسات لتصميم Cards إحترافي! 👌
ال Cards من أهم مكونات واجهة المستخدم حيث توفر نقطة دخول إلى معلومات إضافية حيث تتضمن العديد من العناصر مثل الصور والنصوص الرئيسية و الفرعية والأزرار
فضلها ودعنا نتابع 👋
______
#uidesign #uxdesign
@Des_together
@Designers_Sup
ال Cards من أهم مكونات واجهة المستخدم حيث توفر نقطة دخول إلى معلومات إضافية حيث تتضمن العديد من العناصر مثل الصور والنصوص الرئيسية و الفرعية والأزرار
فضلها ودعنا نتابع 👋
______
#uidesign #uxdesign
@Des_together
@Designers_Sup
1. مكونات ال Cards!
يعتمد تصميم ال cards على فئات المحتوى التي تتضمنها خلالها, إلا أنها غالبًا قد تشترك في هذه المكونات التالية!
يعتمد تصميم ال cards على فئات المحتوى التي تتضمنها خلالها, إلا أنها غالبًا قد تشترك في هذه المكونات التالية!
2. طول المحتوى ( Content Length )
يتم تصميم ال Cards لإظهار نظرة عامة على المحتوى، لذلك يجب ألا تكون طويلة جدًا أو واسعة النطاق
بدلاً من ذلك، يجب أن يضمن تصميمها أنه يشجع المستخدمين على تصفح المزيد!
يتم تصميم ال Cards لإظهار نظرة عامة على المحتوى، لذلك يجب ألا تكون طويلة جدًا أو واسعة النطاق
بدلاً من ذلك، يجب أن يضمن تصميمها أنه يشجع المستخدمين على تصفح المزيد!
3. رؤية مرئية واضحة ( visual hierarchy )
يعد وجود رؤية مرئية واضحة داخل ال Cards أمر في غاية الأهمية
يجب وضع المحتوى الرئيسي في الجزء العلوي من ال Cards واستخدام وزن أكبر للخط المستخدم لإبراز المحتوى الرئيسي بشكل واضح يحث المستخدم على اتخاذ الإجراء المقصود!
يعد وجود رؤية مرئية واضحة داخل ال Cards أمر في غاية الأهمية
يجب وضع المحتوى الرئيسي في الجزء العلوي من ال Cards واستخدام وزن أكبر للخط المستخدم لإبراز المحتوى الرئيسي بشكل واضح يحث المستخدم على اتخاذ الإجراء المقصود!
4. ال CTAs
يجب أن تحتوي ال Cards أيضًا على عبارة تشجع المستخدم على اتخاذ إجراء، مثل معرفة المزيد، أو شراء منتج أو إضافته لسلة الشراء،
قم بمنح المستخدم طريقة واضحة وقابلة للتنفيذ حتى يتفاعل مع محتوى ال Cards!
يجب أن تحتوي ال Cards أيضًا على عبارة تشجع المستخدم على اتخاذ إجراء، مثل معرفة المزيد، أو شراء منتج أو إضافته لسلة الشراء،
قم بمنح المستخدم طريقة واضحة وقابلة للتنفيذ حتى يتفاعل مع محتوى ال Cards!
5. الزوايا المستديرة ( Corner radius )
تُستخدم الزاوية المستديرة دائمًا وبشكل فعال لأن أعيننا تميل إلى اتباع الخطوط المستديرة بشكل طبيعي أكثر من غيرها، بينما تشير الزوايا الحادة إلى علامة الخطر أو القليل الأمان1
تُستخدم الزاوية المستديرة دائمًا وبشكل فعال لأن أعيننا تميل إلى اتباع الخطوط المستديرة بشكل طبيعي أكثر من غيرها، بينما تشير الزوايا الحادة إلى علامة الخطر أو القليل الأمان1
6. أنواع ال cards!
يمكن أن يتبع تصميم ال Cards اتجاهًا أفقيًا أو رأسيًا، كل هذا يرجع الى نوع على المحتوى وتفضيلاتك الخاصة.
حيث انها يمكن أن تتضمن صورًا أو مقاطع فيديو أو نصًا مرتبًا بطرق مختلفة!
يمكن أن يتبع تصميم ال Cards اتجاهًا أفقيًا أو رأسيًا، كل هذا يرجع الى نوع على المحتوى وتفضيلاتك الخاصة.
حيث انها يمكن أن تتضمن صورًا أو مقاطع فيديو أو نصًا مرتبًا بطرق مختلفة!
Loading suggestions...