لقد تطور التصميم الجرافيكي

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

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

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

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

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

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

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

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

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

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

2. التباين

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

الحجم

• اللون
• الوزن
• الأنماط
• الخطوط
• بين
• الرقيق
• تعبئة بلا رقيق