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