شعار Wazzao

Wazzao

محاضرات طباعة الويب للمصممين والمطورين

قصص المتعلمين

ما الذي تغيّر فعلاً
بعد دراسة طباعة الويب؟

تعرف على البرنامج من نحن
مشهد من بيئة التعلم الرقمي في Wazzao

ما قاله المتعلمون بكلماتهم

اخترنا آراء متنوعة من خلفيات مختلفة. بعضهم مصممون، وبعضهم مطورون، وبعضهم يتعلمون لأول مرة.

كنت أعرف أن الخط مهم، لكنني لم أكن أعرف لماذا. بعد هذا المحتوى بدأت أفهم الفرق بين خط يخدم القارئ وخط يشتّت انتباهه. الفرق واضح الآن في كل صفحة أصمّمها.

صورة نورهان طارق
نورهان طارق مصممة واجهات — القاهرة

أنا مطوّر أمامي وليس مصمماً، لكن المحتوى كان مفيداً جداً. تعلمت كيف أترجم قرارات التصميم الطباعي إلى CSS بطريقة منطقية. الشرح كان واضحاً ومباشراً دون حشو.

ب
بلال منصور مطوّر أمامي — عمّان

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

صورة سمر العزيزي
سمر العزيزي مستقلة في التصميم — تونس

كيف يسير المتعلم عبر المحتوى

المسار ليس خطياً بالكامل. يمكنك البدء من أي نقطة تناسب مستواك، لكن هذا الترتيب هو الأكثر شيوعاً بين من أكملوا البرنامج.

الأساسيات الطباعية

فهم الوحدات والقياسات، الفرق بين px وem وrem، وكيف تؤثر كل منها على السلوك التفاعلي للنص.

التسلسل البصري

بناء تدرج واضح بين العناوين والنصوص الفرعية. تعلّم متى تستخدم الوزن ومتى تستخدم الحجم لإنشاء التمييز.

الخطوط العربية على الويب

اختيار الخطوط المناسبة للشاشات، التعامل مع تحميل الخطوط، وتقنيات font-display لتحسين الأداء.

التطبيق العملي

مشاريع قصيرة لتطبيق كل مفهوم. لا يوجد تقييم إلزامي، لكن التغذية الراجعة متاحة عبر المجتمع.

المهارات التي يكتسبها المتعلمون

هذه ليست قائمة تسويقية. هي المواضيع التي ذكرها المتعلمون أنفسهم عند سؤالهم عما تعلموه.

تباعد الأسطر تحميل الخطوط مقروئية الشاشة font-display التسلسل البصري وحدات CSS الخطوط المتغيرة الحجم التكيفي التباين واللون الشبكة الطباعية

طبقات المحتوى في البرنامج

البرنامج مبني على مستويات متداخلة. كل طبقة تُضاف فوق ما قبلها دون أن تلغيها، مما يجعل العودة إلى أي جزء مفيدة في أي وقت.

المستوى الأساسي

الطباعة كنظام، لا كأسلوب

كثير من المتعلمين يبدأون بالاعتقاد أن اختيار الخط مسألة ذوق شخصي. هذا الجزء من المحتوى يشرح لماذا الطباعة الجيدة قابلة للتعليم والقياس، وليست مجرد حدس. يتناول المحتوى هنا معايير مثل contrast ratio وoptical sizing بأمثلة مباشرة.

السياق التاريخي

فهم كيف انتقلت الطباعة من الورق إلى الشاشة يساعد على فهم القيود الحالية وسبب وجودها. ليس تاريخاً للتاريخ، بل خلفية تفسّر القرارات التقنية الحديثة.

الأداء والتحميل

الخطوط تؤثر على سرعة الصفحة. المحتوى هنا يتناول تقنيات preload وsubsetting وكيفية تقليل حجم الخطوط دون التأثير على جودتها المرئية.

الربط بين المستويات

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