تصميم ui وux لجولات والمواقع

حسِّن تصميم ui وux لجولات والمواقع بأدنى حد من التعديلات عند إنشاء واجهات مستخدم فعالة وسهلة الوصول وجميلة، وفي هذه المقالة، أقدم لك مجموعة أخرى من النصائح الدقيقة وسهلة التطبيق في تصميم ui وux لجولات والمواقع، ويمكن أن تساعد النصائح السهلة في تحسين التصميم وتجربة المستخدم، وهنا، جمعت نصائح من أشهر نصائح UI و UX.

تصميم ui وux لجولات والمواقع

تصميم ui وux لجولات والمواقع

احصل على تصميم ui وux لجولات والمواقع متميز في عام 2022

1.   استخدم رموزًا محددة في واجهة المستخدم لتجنب ارتباك المستخدم

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

2.   pt Baseline Grid + 8pt Grid = Vertical Harmonic Percussion4

  • عند العمل مع الخطوط، يمكن أن يؤدي استخدام خط أساسي من 4 نقاط وشبكة متعددة الاستخدامات 8 نقطة إلى تنفيذ الحيلة.
  • قم بإنشاء إيقاع عمودي أكثر تناسقًا لتصميماتك.
  • تحتاج إلى استخدام قيم متعددة لارتفاع الصفوف 4 (16، 20، 24، 28، إلخ …) لمحاذاة كتابتك مع الشبكة الأساسية المكونة من 4.
  • لماذا 4؟ حسنًا، لقد وجدت في الماضي أن القياس بمضاعفات 8 لم يكن شائعًا جدًا عند التعامل مع أحجام نصوص معينة.
  • شبكة أساسية 4pt + شبكة 8pt = تناغم عمودي جميل.

3.   استخدم الوزن والحجم واللون للإشارة إلى التسلسل الهرمي في النوع الخاص بك

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

4.   صمم أيقوناتك باستمرار عند استخدام نظام الشبكة 8pt

  • عند استخدام الرموز وشبكة من 8 نقاط.
  • تشتمل غالبية مجموعات الرموز المصممة جيدًا على رموز بمضاعفات 8 داخل إطار (مثل 16 × 16، 24 × 24، 32 × 32، إلخ …)
  • كذلك هذا ليس هو الحال دائمًا، وليس هذا هو الحال دائمًا.
  • إذا لم يكن الأمر كذلك، فتأكد من أن أي أيقونات تقوم بتضمينها في تصميمك يتم تحجيمها إلى شبكة من 8 نقاط (أي 24 × 24).
  • نتيجة لذلك، ستحصل أيقوناتك على مظهر موحد في جميع مشاريعك.

5.   أخبر المستخدمين بما يمكن توقعه إذا اتخذوا إجراءً

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

6.   تأكد من إعطاء الأولوية للشاشات الأكثر أهمية في شريط علامات التبويب

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

تصميم ui وux لجولات والمواقع

7.   حاول إنشاء مساحات كبيرة قابلة للنقر على الأجهزة المحمولة

  • عند التصميم للأجهزة المحمولة، حاول أن تجعل المساحة القابلة للضغط كبيرة بما يكفي لقرصة إصبع ناجحة.
  • كذلك الحد الأدنى لمنطقة النقر الموصي بها لنظامي التشغيل iOS وAndroid هو –
  • iOS 44 × 44 نقطة
  • 48 × 48dp لنظام Android
  • كذلك تأتي أصابعنا بأحجام كثيرة مختلفة، لذا فإن منحها بعض المساحة يتيح للمستخدمين النقر بسهولة وبدقة دون الشعور بالإحباط الشديد.

شاهد كذلك:

There are no reviews yet.

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *



ابدأ في الكتابة واضغط على ENTER للبحث