مبادئ تصميم واجهة المستخدم
تطور
التصميم الجرافيكي (كتخصص) في العقدين الماضيين أكثر من أي شيء آخر. كان هناك وقت كان فيه المصممون يعتبرون منفذين فقط. المصممين القدامى ، تذكر أيام CoralDraw الخاصة بك؟ إلى أي مدى تعتقد أننا قد تطورنا خلال السنوات القليلة الماضية؟
اليوم ، يتباهى المصممون ببادئة جديدة رائعة (مثل IxD و UI و Motion Design) ، ويستخدمون أدوات متطورة (فكر في Sketch و Figma و Invision) ولديهم أفضل الموارد عبر الإنترنت (فكر في Dribbble و Muzli) لإرشادهم في يومهم ليوم عملهم.
هناك ترقية كبيرة أخرى وهي أن مصممي اليوم يجلسون على الطاولة. قد يظن المرء لماذا. والسبب هو أننا نستخدم اليوم بشكل متزايد المزيد والمزيد من المنتجات الرقمية ونتحرك نحو نظام بيئي رقمي بالكامل. مصممو واجهة المستخدم هم عناصر تمكين تلك الواجهات السحرية التي تشبه الحياة تقريبًا التي نتفاعل معها كل يوم. بينما يتمتع المصممون بسلطة أفضل ، فإنهم يتحملون أيضًا مسؤولية أكبر على أكتافهم. لخلق تجارب سلسة وتمكين الروابط العاطفية بين البشر والتكنولوجيا.
التصميم الجيد يجعل شيئًا واضحًا ولا يُنسى. التصميم الرائع هو صنع شيء لا يُنسى وذو مغزى.
بينما نرغب في مواصلة اكتشاف وتعلم الحيل والاتجاهات الجديدة مع تقدمنا على المستوى المهني ، من المهم بنفس القدر أن نبقى وفياً للمفاهيم الأساسية والخالدة التي تدفع جوهر تصميم واجهة المستخدم.
اليوم أود أن آخذك من خلال بعض المبادئ الأساسية ولكن الأساسية التي تضمن لك تحقيق شيء لا يُنسى وذات مغزى في كل مرة تقوم فيها بتصميم منتجات رقمية.
1. التسلسل الهرمي
التسلسل الهرمي، يشبه إلى حد كبير معناه التقليدي ، هو ترتيب العناصر حسب أهميتها أو وزنها على الشاشة. يوضح التسلسل الهرمي المرئي كيف يمكننا تنظيم المحتوى وعناصر التصميم بشكل فعال. من الطبيعي أن العناصر ذات الوزن البصري الأكبر تميل إلى جذب انتباه المستخدمين. يجب مراعاة هذا السلوك عند تصميم التخطيط.
- إنشاء علاقات مرئية بين عناصر التخطيط
- ثم قم بإضافة أوزان بصرية مختلفة لكل عنصر من العناصر
- أخيرًا إنشاء أنماط لحركة العين بيرنجسف
- اللون
- الوزن
- الأنماط
- الخطوط
- بين
- الرقيق
- تعبئة sans serif
على سبيل المثال ، سيتطلب عنوان المدونة اهتمامًا أكبر من النص الأساسي. وبالمثل ، في تصميم الواجهة ، قد تحتاج الدعوة إلى اتخاذ إجراء (CTA) إلى أهمية خاصة أكثر من غيرها.عندما نحاول فهم المعلومات بصريًا ، نلاحظ أولاً أوجه التشابه والاختلاف في ما نراه. تسمح لنا هذه العلاقات بتمييز الأشياء.
2. التباين
التباين هو مبدأ مهم آخر يساعدنا في تصميم واجهات أفضل. لا يتعلق الأمر فقط بألوان متناقضة فاتحة وغامقة أو أحجام صغيرة وكبيرة: إنها أكثر من ذلك. يساعدنا التباين في تنظيم المحتوى الخاص بنا بطريقة أفضل ، كما أنه يساعد المستخدمين على التركيز على عناصر معينة. بصرف النظر عن التركيز على العناصر ، فإنه يخلق أيضًا توازنًا بصريًا واهتمامًا بالتصميم. ومع ذلك ، فإن كثرة التباين يمكن أن تكون مربكة للمستخدمين. يمكن أن ينشئ العديد من نقاط الاتصال التي قد يجد المستخدمون صعوبة بسببها في اتخاذ الإجراءات المقصودة. اهدف إلى إنشاء المقدار المناسب من التباين من خلال اللعب بـ:
الحجم
demo