ابدأ بما يريد الشخص فهمه أو فعله. ستجمع مبادئ التكوين والخط واللون مع الهوية وتصميم الواجهات والإتاحة وتجهيز الملفات. اختيار أداة الرسم يأتي بعد تحديد المشكلة، والتصميم لا يكتمل بلقطة جميلة إذا تعذر قراءة النص أو استخدام الزر. نفذ نماذج صغيرة وقارنها بمهمة واضحة.
لمن هذه الأكاديمية؟ المبتدئ في التصميم أو من يستخدم أدوات الرسم ويريد قرارات بصرية لها سبب.
ماذا ستتعلّم؟
- تنظيم المعلومات بحسب أهميتها.
- اختبار قابلية القراءة والتباين والاستخدام.
- تسليم ملفات وأصول مناسبة للوسيط وحقوقها واضحة.
مسارات الأكاديمية
ابدأ بالأساسيات، ثم اختر المسار الذي تحتاجه. اقرأ الفكرة، نفّذ التطبيق، وافتح المصدر للتوسع. هذه بداية منظمة للتعلّم الذاتي وليست بديلًا عن دراسة تخصصية كاملة.
1. الفكرة والجمهور
الغرض · القيد · الرسالة
حدد الرسالة الأولى والفعل المطلوب وما يجب ألا يلتبس. اجمع أمثلة لفهم المشكلة، ولا تنسخ الهوية أو الأصول دون ترخيص.
جرّب: اكتب موجزًا لإعلان ورشة افتراضية.
راجع النتيجة: هدف وجمهور ومحتوى إلزامي وقيد مقاس.
USWDS: مبادئ التصميم ← — الإنجليزية
2. التكوين والتسلسل
المحاذاة · الفراغ · التجميع
اجعل العناصر المرتبطة متقاربة، واستخدم اختلاف الحجم والوزن لإظهار الأولوية. كثرة العناصر الكبيرة تجعل الجميع يتنافس على الانتباه.
جرّب: رتب عنوانًا وموعدًا ووصفًا وزرًا في مسودة ورقية.
راجع النتيجة: قارئ يحدد الحدث وموعده والفعل خلال نظرة قصيرة.
USWDS: مبادئ التصميم ← — الإنجليزية
3. الخط واللون والإتاحة
القراءة · التباين · الحالة
اختر خطًا يدعم العربية والتشكيل، واختبر النص بالحجم الفعلي. لا تستخدم اللون وحده للخطأ أو النجاح، ولا تحوّل التعليمات المهمة إلى صورة فقط.
جرّب: صمّم حالتي نجاح وخطأ مع نص واضح.
راجع النتيجة: المعنى مفهوم حتى دون تمييز اللون.
W3C WAI: مبادئ الإتاحة ← — الإنجليزية ولغات أخرى
4. الهوية والمواد البصرية
النظام · الاتساق · الترخيص
حدد مجموعة ألوان وخطوط واستخدامات بدل اختيار جديد لكل صفحة. راجع رخص الأيقونات والصور واحتفظ بسجل مصدرها. الاتساق لا يعني تكرار نفس التكوين لكل محتوى.
جرّب: أنشئ صفحة قواعد بصرية مختصرة.
راجع النتيجة: قواعد يستطيع مصمم آخر اتباعها.
Adobe Learn ← — الإنجليزية ولغات أخرى
5. الواجهات والتفاعل
المهمة · الحالات · النموذج
ارسم مسار المهمة والحالة الفارغة والتحميل والخطأ والنجاح. الرابط والزر يحتاجان أسماء توضح النتيجة. اختبر النموذج مع شخص ينفذ المهمة دون إرشادك خطوة بخطوة.
جرّب: صمّم شاشة اختيار وتأكيد وحالة فشل.
راجع النتيجة: مسار يمكن إكماله وتصحيح الخطأ فيه.
W3C WAI: مبادئ الإتاحة ← — الإنجليزية ولغات أخرى
6. التصدير والمراجعة
المقاس · الضغط · التسليم
اختر صيغة مناسبة: صورة مضغوطة للويب أو ملف طباعة مضبوط حسب مواصفات المطبعة. افحص القص والقراءة على الشاشة المقصودة، ولا تستنتج الجودة من حجم الملف وحده.
جرّب: صدّر نموذجًا للويب وافتحه على هاتف.
راجع النتيجة: نص واضح وصورة غير مشدودة وملف خفيف مناسب.
Adobe Learn ← — الإنجليزية ولغات أخرى
مشروع يجمع ما تعلّمته
صمّم صفحة تعريف بورشة افتراضية، ونسخة إعلان للهاتف. سلّم الموجز والمسودة والنسخة المعدلة وسجل مصادر الأصول، ثم نفذ اختبار مهمة: العثور على الموعد وطريقة التسجيل. وثق أين تعثر القارئ وما الذي عدلته.
مصادر للتوسّع
USWDS: مبادئ التصميم
اربط قرارات الواجهة باحتياجات المستخدم وتجربة الاختبار. اللغة: الإنجليزية. محتوى متاح للقراءة؛ قد تتطلب بعض الأنشطة حسابًا.
W3C WAI: مبادئ الإتاحة
راجع إدراك المحتوى والتشغيل والفهم والتوافق أثناء اختبار تصميمك. اللغة: الإنجليزية ولغات أخرى. محتوى متاح للقراءة؛ قد تتطلب بعض الأنشطة حسابًا.
Adobe Learn
اختر تدريبًا يطابق أداة التصميم؛ انقل الفكرة إلى مشروع بدل تقليد الخطوات فقط. اللغة: الإنجليزية ولغات أخرى. دروس متاحة؛ البرامج المستخدمة قد تحتاج ترخيصًا منفصلًا.
قبل البدء
أسئلة المعرفة تُصحّح بعد إرسال المحاولة ويظهر تفسير كل إجابة. التطبيق المفتوح تراجعه بمعايير واضحة؛ لا نمنحه درجة آلية. تسجيل الدخول مطلوب لحفظ محاولاتك، والتسجيل الصوتي الاختياري يبقى على جهازك.
أكاديمية التصميم والتواصل البصري
حوّل فكرة إلى تصميم مفهوم، واختبر القراءة والتسلسل والاستخدام قبل التجميل.
