لقد تطور التصميم الجرافيكي (كتخصص) في العقدين الماضيين أكثر من أي شيء آخر. كان هناك وقت حيث كان يُنظر إلى المصممين على أنهم منفذون فقط. هل تتذكرون أيام CoralDraw أيها المصممون القدامى؟ إلى أي مدى تعتقدون أننا تطورنا على مدار السنوات القليلة الماضية؟

اليوم، يتباهى المصممون ببادئة جديدة أنيقة (مثل IxD وUI وMotion Design)، ويستخدمون أدوات متطورة (مثل Sketch وFigma وInvision) ولديهم أفضل الموارد عبر الإنترنت (مثل Dribbble وMuzli) لتوجيههم في عملهم اليومي.

هناك ترقية كبيرة أخرى وهي أن مصممي اليوم لديهم مقعد على الطاولة. لماذا، قد يتساءل المرء. والسبب هو أننا نستخدم اليوم بشكل متزايد المزيد والمزيد من المنتجات الرقمية ونتحرك نحو نظام بيئي رقمي بالكامل. مصممو واجهات المستخدم هم من يمكنهم إنشاء تلك الواجهات السحرية التي تشبه الحياة تقريبًا والتي نتفاعل معها كل يوم. وبينما يتمتع المصممون بسلطة أفضل، فإنهم يتحملون أيضًا مسؤولية أكبر على أكتافهم. وهي خلق تجارب سلسة وتمكين الروابط العاطفية بين البشر والتكنولوجيا.

التصميم الجيد هو جعل شيء مفهوم ولا يُنسى. التصميم الرائع هو جعل شيء لا يُنسى وذو معنى.

في حين أننا نود الاستمرار في اكتشاف وتعلم الحيل والاتجاهات الجديدة مع نمونا المهني، فمن المهم بنفس القدر البقاء على وفائنا للمفاهيم الأساسية والخالدة التي تحرك جوهر تصميم واجهة المستخدم.

أود اليوم أن أطلعك على بعض المبادئ الأساسية ولكن الرئيسية التي تضمن لك تحقيق شيء لا يُنسى وذو معنى في كل مرة تقوم فيها بتصميم المنتجات الرقمية.

1. التسلسل الهرمي

التسلسل الهرمي، مثل معناه التقليدي، هو ترتيب العناصر حسب أهميتها أو وزنها على الشاشة. يوضح التسلسل الهرمي البصري كيف يمكننا تنظيم عناصر المحتوى والتصميم بشكل فعال. من الطبيعي أن تميل العناصر ذات الوزن البصري الأكبر إلى جذب انتباه المستخدمين. يجب مراعاة هذا السلوك عند تصميم تخطيط.

• قم بإنشاء علاقات بصرية بين عناصر التخطيط
• ثم أضف أوزانًا بصرية مختلفة لكل عنصر
• وأخيرًا قم بإنشاء أنماط لحركة العين

على سبيل المثال، يتطلب عنوان المدونة مزيدًا من الاهتمام مقارنة بنص الموضوع. وبالمثل، في تصميم الواجهة،قد تحتاج الدعوة إلى اتخاذ إجراء (CTA) إلى أهمية خاصة أكثر من غيرها. كلما حاولنا فهم المعلومات بصريًا، نلاحظ أولاً أوجه التشابه والاختلاف بين ما نراه. تسمح لنا هذه العلاقات بالتمييز بين الأشياء.

2. التباين

التباين هو مبدأ مهم آخر يساعدنا في تصميم واجهات أفضل. لا يتعلق الأمر فقط بالتباين بين الألوان الفاتحة والداكنة أو الأحجام الصغيرة والكبيرة: إنه أكثر من ذلك. يساعدنا التباين في تنظيم المحتوى الخاص بنا بطريقة أفضل، كما يساعد المستخدمين على التركيز على عناصر معينة. وبصرف النظر عن التأكيد على العناصر، فإنه يخلق أيضًا توازنًا بصريًا واهتمامًا بالتصميم. ومع ذلك، فإن التباين المفرط يمكن أن يكون مربكًا للمستخدمين. يمكن أن يخلق العديد من النقاط المحورية التي قد يجد المستخدمون صعوبة في اتخاذ الإجراءات المقصودة بسببها. اهدف إلى إنشاء المقدار المناسب من التباين من خلال اللعب بما يلي:

الحجم

• اللون
• الوزن
• الأنماط
• الخطوط
• من بين
• الخطوط ذات التذييل
• الخطوط الخالية من التذييلات