فاطمة العمودي 🌻 | UI/UX Designer
فاطمة العمودي 🌻 | UI/UX Designer

@AlamoudiBy

7 تغريدة 2 قراءة Apr 02, 2023
وجود تسلسل هرمي للنصوص في التصميم يساعد المستخدم على التركيز على الأشياء المهمة وتسهيل وصول المعلومة لهم.
في هذا الثريد رتبت ٥ طرق لتحقيق تسلسل هرمي للنصوص مع أمثلة🧵.
١- الحجم:
النصوص المهمة تحتاج تكون بحجم أكبر من النصوص الباقية لجذب انتباه المستخدم. في هذا المثال الشئ المهم اللي نحتاج ينتبه المستخدم له هو جملة الخصم. في هذه الحالة نحتاج تعطيه حجم اكبر مثل الصورة اللي على اليمين.
٢- اللون:
لجذب انتباه ممكن نستخدم طريقة كسر الألوان لتمييز نصوص معينة من البقية. في هذا المثال نقدر نميز نسبة الخصم بإعطائها درجة لون غير البقية مثل الصورة اللي على اليمين.
٣- نسبة التباين:
قد تكون هناك نصوص لاتحتاج ان تكون بارزة وجاذبة لانتباه المستخدمين، في هذه الحالة ممكن نقلل نسبة تباين النص (color contrast) عن طريق تقليل نسبة opacity. والعكس الصحيح للنصوص المهمة تكون لها نسبة تباين عالية.
٤- محاذاة النص: لوجود طرق مختلفة لمحاذة النصوص (يمين، يسار، وسط) يجب اعتماد طريقة واحدة وتوحيدها في كل الجزيئات. مثال الصورة اللي على اليسار في نفس الجزئية يوجد نصين ذا محاذاتين مختلفتين فلا بد من التوحيد إلى نوع محاذاة واحد.
٥- القرب (proximity):
احد قوانين تصميم الواجهات ويعني ان الأشياء القريبة من بعضها تعطي انطباع ان مرتبطة مع بعضها البعض. في الصورة اللي على اليسار يوجد مسافة كبيرة بين النصين على الرغم انهم مرتبطين مع بعضهم البعض فلا بد من تقليل المسافة بينهم.
في نهاية الثريد، لاتنسون المشاركة لإفادة الغير وشكراً💜

جاري تحميل الاقتراحات...