موقع اسكتشات فنون سمعية وبصرية
فيما يلي دورة بناء موقع مسطّح باستخدام فوتوشوب CC من موقع تكناوي على يوتيوب من إعداد وتقديم المهندسة فضيلة عباس وهى مهندسة حاسب جزائرية وهى دورة ثرية واحترافية.
وتتضمن الدورة تعليمات تتعلق بالتخطيط قبل الشروع في التصميم، وتوضيح مفهوم التصميم المسطح Flat Design وعرض بعض المصطلحات المهمة.
كما تتناول الدورة بيان بأهم مصادر الأدوات التي يحتاجها مصممي المواقع، وعرض بعض قواعد تصميم المواقع المسطحة، وكيفية التعامل مع الألوان وطريقة استخدامها بالشكل الأحسن.
كما تشتمل الدروس على شرح طريقة ضبط الإعدادات الخاصة بتصاميم الويب، وكيفية ضبط قياسات التصميم المتجاوب، ثم الشروع في تصميم رأس الموقع وأماكن الخدمات وآخر الأعمال .
قد يهمك متابعة هذه الموضوعات:
كيفية تصميم موقع
دورة بناء موقع مسطّح بالفوتوشوب
الدرس الأول
التخطيط الأولي قبل الشروع في التصميم
في هذا الدرس نتعرف على الأمور التي يجب على أي مهتم بتصميم المواقع أن يأخذها بعين الاعتبار قبل مباشرته بتصميم المواقع والمراحل التي يجب أن يمر بها في هذا العمل.
الدرس الثاني
مفهوم التصميم المسطح Flat Design
في هذا الدرس سنتعرف على المقصود بمفهوم التصميم المسطح لمواقع الإنترنت وتوضيح مفهوم التصميم المسطح Flat Design
الدرس الثالث
مصطلحات مهمة قبل البدء بالتصميم
في هذا الدرس سنتعرف على بعض المصطلحات المهمة قبل الشروع في تصميم اي مشروع لموقع الكتروني وهي:
SKETCH – WIREFRAME – MOCKUP – PROTOTYPE
للمشاهدة انقر هنا
الدرس الرابع
أهم مصادر الأدوات التي يحتاجها مصممي المواقع
في هذا الدرس سنتعرف على بعض المواقع و المصادر المفيدة لمصممي مواقع الإنترنت ومنها موقع فلاتيكون وموقع أيكون فيندر
للمشاهدة انقر هنا
الدرس الخامس
من قواعد تصميم المواقع المسطحة
للمشاهدة انقر هنا
الدرس السادس
التعامل مع الألوان و حسن استخدامها
في هذا الدرس سنتعرف على طريقة التعامل مع الألوان وحسن استخدامها بشكل صحيح عند تصميم المواقع.
للمشاهدة انقر هنا
الدرس السابع
ضبط الإعدادات الخاصة بتصاميم الويب
للمشاهدة انقر هنا
الدرس الثامن
مشاكل الخطوط عند تصميم واجهة موقع مسطح
في هذا الدرس سنتعرف على كيفية اختيار نمط الخط و تثبيته على الجهاز، وطريقة استخدام الخط الرائعFONT AWESOME، وحل مشاكل الكتابة باللغة العربية على الفوتوشوب.
للمشاهدة انقر هنا
الدرس التاسع
ضبط قياسات التصميم المتجاوب
في هذا الدرس سنتعرف على أدوات ضبط القياسات للمواقع المتجاوبة و سنتعرف على مفهوم التصميم المتجاوب.
للمشاهدة انقر هنا
الدرس العاشر
التصميم المتجاوب والـ Grid System
في هذا الدرس سنتعرف على التصميم المتجاوب والـ Grid System عن طريق أداة GUIDE، واستخدام GRID SYSTEM، وإنشاء GRID BASELINE.
للمشاهدة انقر هنا
الدرس الحادي عشر
تصميم رأس الموقع (الجزء الأول)
في هذا الدرس سنتعرف على كيفية تصميم رأس الموقع Website Header ويشمل ذلك الـ Jumbotron والقائمة الأفقية والبانر Banner.
للمشاهدة انقر هنا
الدرس الثاني عشر
تصميم رأس الموقع (الجزء الثاني)
نستكمل في هذا الدرس الجزء الثاني من تصميم رأس الموقع Website Header ويتضمن إضافة الشعار وتغيير ألوانه، وتصميم Ghost Button، وكذلك تصميم وإضافة الخامة Pattern.
للمشاهدة انقر هنا
الدرس الثالث عشر
تصميم الجزء الخاص بالخدمات
في هذا الدرس سنتعرف على كيفية تصميم الجزء الخاص بالخدمات في الموقع.
للمشاهدة انقر هنا
الدرس الرابع عشر
تصميم الجزء الخاص بآخر الأعمال
في هذا الدرس سنتعرف على كيفية تصميم الجزء الخاص بآخر الأعمال في الموقع.
للمشاهدة انقر هنا
