تصميم المواقع الإلكترونية، تصميم واجهة المستخدم/تجربة المستخدم وتصميم واجهة المستخدم المتقدمة

تُعلّم الدورة تصميم الويب الحديث باستخدام HTML وCSS وDreamweaver، بالإضافة إلى معرفة تصميم واجهة المستخدم/تجربة المستخدم وكيفية استخدام Figma وAdobe XD وAdobe XD وAxure RP لإنشاء مواقع ويب سهلة الاستخدام وجذابة بصرياً. ستتعرف أيضاً على استخدام الذكاء الاصطناعي في مكان العمل.
  • نوع الدرجة العلمية: شهادة "تصميم الويب باستخدام HTML/CSS/Dreamweaver"
    شهادة "تصميم واجهة المستخدم/تجربة المستخدم"
    شهادة "تصميم واجهة المستخدم المتقدمة"
  • الامتحان النهائي: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
  • أوقات الدرس: دوام كامل
    من الإثنين إلى الجمعة من الساعة 8:30 صباحًا إلى 3:35 مساءً (في الأسابيع التي تتخللها عطلات رسمية من الساعة 8:30 صباحًا إلى 5:10 مساءً)
  • لغة التعليم: الألمانية
  • المدة: 14 أسابيع

تصميم الويب (HTML/CSS/Dreamweaver)

HTML (5 أيام تقريبًا)

الإطار الأساسي

علامات لإنشاء النص (h1-H6، p، br)

أساسيات CSS

أوامر تنسيق النص

علامات HTML السقالات (مثل الرأس، التنقل)

دمج الرسومات وإعدادها في الفوتوشوب

رموز مفضلة

الروابط

الروابط الداخلية والخارجية والهاتفية والبريدية

القوائم والجداول

النماذج في HTML

عناصر النموذج

تكامل عناصر الفيديو والصوت

تكامل يوتيوب وخرائط جوجل

الاختلافات بين XHTML و HTML


الذكاء الاصطناعي في إجراءات العمل

عرض تقنيات محددة للذكاء الاصطناعي

والتطبيقات الممكنة في البيئة المهنية


أساسيات CSS (5 أيام تقريباً)

أساسيات دريمويفر

خيارات التكامل لمواصفات CSS (داخلي وخارجي ونمط مضمن)

تصميم النص باستخدام CSS

سمات CSS لتصميم الحدود والتباعد (الحشو والهامش)

تصميم الخلفية باستخدام CSS

أساسيات التعويم/الوضوح

تباعد الأعمدة مع التعويم

الألوان باستخدام CSS

واضح

العناصر الزائفة (::قبل/:بعد)

الفئات الزائفة (:ن من النوع)

فئات زائفة للقائمة/العرض/الرابط

التنقل باستخدام ul/li (أفقي/رأسي)


CSS Flexbox (حوالي 5 أيام)

الأعمدة مع فليكس

محاذاة العناصر مع فليكس

الأعمدة في الأعمدة مع فليكس

استخدام الخطوط المخصصة (@وجه الخط)

الخطوط مع دريمويفر

دريمويفر - مصمم CSS

موضع CSS

المواضع: نسبي/مطلق/ثابت

خيارات تصميم النموذج باستخدام CSS

تدرجات ألوان CSS

CSS - الانتقال/التحويل


تصميم الويب المتجاوب (6 أيام تقريبًا)

نقاط التوقف، منفذ العرض، استعلامات الوسائط

تصميم متجاوب للرؤوس والصور الرئيسية

عناصر الصورة في HTML

التنقل عبر الهاتف المحمول مع التمرير

تمكين التحويم في النقر على هواتف Apple المحمولة

حدث النقر عبر CSS (باستخدام خانة الاختيار)

التنقل المتجاوب مع النقر

زر برجر متحرك

أكورديون CSS (باستخدام أزرار الاختيار)

قائمة منسدلة لسطح المكتب والهاتف المحمول

تصميمات مختلفة

فئة CSS الزائفة: الهدف

موقع من صفحة واحدة - هيكل الصفحة

التنقل المتجاوب مع :التحكم في الهدف

مزايا المواقع ذات الصفحة الواحدة


جافا سكريبت (9 أيام تقريباً)

دمج التطبيقات

البدء باستخدام JavaScript/JQuery

إذا-ثم-إذا-إلا

المتغيرات

كائن البيانات

نوع بيانات المصفوفة

سكرول توب

لحلقة التكرار

كائن رياضيات

قائمة مثبتة (js/css)

إظهار/إخفاء القائمة مع التمرير

استخدام vh/vw وحساب

بصمة المعلومات الإلزامية/حماية البيانات

إشعار ملفات تعريف الارتباط

الخط الرائع - مكتبة الرموز

فلتر CSS

متغيرات CSS

تحسين الموقع لمحركات البحث (SEO)

تناسب الكائن - رسومات تملأ الإطار

رسوم متحركة CSS

شبكة CSS

شبكة-قوالب-مناطق القوالب

مقدمة لإطار عمل CSS: بوتستراب


عمل المشروع (10 أيام تقريباً)

لتوحيد المحتوى الذي تم تعلمه

عرض نتائج المشروع

تصميم واجهة المستخدم/تجربة المستخدم

مقدمة عامة (يوم واحد تقريباً)

تجربة المستخدم، وقابلية الاستخدام، وواجهة المستخدم، والمبادئ التوجيهية للنموذج الذهني، والمبادئ التوجيهية للعوامل البشرية

مبادئ التصميم المرتكز على المستخدم

أيزو 9241-210/إتش دي سي دي

إمكانية الوصول: المصطلحات الأساسية والمتطلبات القانونية (BITV، توجيهات الاتحاد الأوروبي)، أهمية تصميم تجربة المستخدم

عملية تصميم أنظمة تفاعلية قابلة للاستخدام

أنواع أدوات الذكاء الاصطناعي في سياق واجهة المستخدم/تجربة المستخدم (النص، الصورة، التحليل)


HCD: تحليل - سياق الاستخدام (يومان تقريبًا)

الشخصية وخريطة التعاطف

رحلة العميل

لمحة عامة عن تحليلات الويب/الاستبيان


HCD: تحديد متطلبات الاستخدام (يوم واحد تقريبًا)

السيناريوهات وقصص المستخدمين

نموذج المهام، تدفقات المهام

مقابلات السياق والمراقبة

دراسات اليوميات


HCD: إنشاء حلول تصميمية للوفاء بمتطلبات الاستخدام (يوم واحد تقريبًا)

الإرشادات والمعايير: 7 مبادئ حوارية من ISO 9241-110

10 مبادئ لتصميم واجهة المستخدم وفقًا لجاكوب نيلسن

الإدراك البصري والانتظام


حلول تصميم HCD: التصنيف وبنية المعلومات ومفاهيم التصفح (3 أيام تقريباً)

مخطط التدفق

تدفق المستخدم

بنية المعلومات

بنية المعلومات المصغرة

استراتيجية التحويل

مفاهيم التنقل وخريطة الموقع

فرز البطاقات: التخطيط والإعداد والتنفيذ والتقييم

أنماط التنقل عبر الأجهزة المحمولة (التنقل عبر الهاتف المحمول (التنقل عبر الإقلاع، وقوائم الهامبرغر، وعلامات التبويب)


نظرة عامة على إدارة المشاريع الرشيقة (يوم واحد تقريباً)

نموذج الشلال مقابل الأساليب الرشيقة

نظرة ثاقبة في الإدارة الرشيقة وفقًا لطريقة سكروم

الملحمة وقصة المستخدم والمهمة

طريقة سباق التصميم


حلول تصميم HCD: تصميم واجهة المستخدم (يومان تقريبًا)

دليل الأنماط ومجموعات أدوات واجهة المستخدم ومكتبة الأنماط ونظام التصميم

مكونات/عناصر واجهة المستخدم والنماذج

الألوان والخطوط والطباعة في واجهة المستخدم، والأيقونات

إمكانية الوصول: تباين الألوان والخطوط المقروءة، وعناصر التحكم (الحجم، والتباعد، والتركيز)

الاختبار الآلي للتباينات ووضوح القراءة والنصوص البديلة

لمحة عامة موجزة عن البنية الدلالية (HTML/ARIA)

التصميم الذري

التصميم الأول للجوال


حلول تصميم HCD: تقنيات التصميم مع فيجما (3 أيام تقريباً)

الهيكل والأساسيات: الصفحات والإطارات، وشبكات التخطيط، والقيود

المكونات والمتغيرات (الأزرار والمكتبات وأنظمة التصميم)

التصميم المتجاوب (الإطارات، التخطيط التلقائي)

الخربشات والإطارات السلكية والنماذج بالحجم الطبيعي

وضع النماذج الأولية: التفاعلات، الانتقالات، التراكبات، مشاركة النماذج الأولية

استخدام وظائف الذكاء الاصطناعي في فيجما والأدوات التكميلية للإنشاء السريع والتنويع في التصميمات


اختبار قابلية الاستخدام والتقييم (يومان تقريباً)

نظرة عامة على طرق اختبار قابلية الاستخدام

التفكير بصوت عالٍ: التخطيط والإعداد والتنفيذ والتقييم

الاستبيانات (UEQ، أتراك ديف، فيزاوي)

اختبار أ/ب

إمكانية الوصول: الاختبارات باستخدام لوحة المفاتيح وقارئ الشاشة

استخدام الوسائل والأدوات المساعدة


عمل المشروع (4 أيام تقريباً)

لتوحيد المحتوى الذي تم تعلمه

عرض نتائج المشروع

تصميم واجهة مستخدم متقدم

تدريب متعمق في فيجما (4 أيام تقريباً)

تكرار موجز لوظائف النماذج الأولية الأساسية

تخطيط Adobe Layout للتخطيطات المعقدة والمتجاوبة

تفاعلات متقدمة: الرسوم المتحركة والمكونات التفاعلية والتفاعلات المصغرة

إنشاء نماذج أولية لأجهزة مختلفة

استخدام المتغيرات والمنطق الشرطي

التسليم من المطور مع فيجما (وضع التطوير/التفتيش)

دمج اختبار المستخدم وحلقات التغذية الراجعة

استخدام الذكاء الاصطناعي في فيجما في الحياة اليومية: إنشاء المحتوى، وإعادة كتابة النصوص، ودعم اقتراحات التخطيط


الذكاء الاصطناعي (AI) في تصميم واجهة المستخدم (يوم واحد تقريباً)

سيناريوهات التطبيق وحدوده

أدوات الذكاء الاصطناعي الخارجية لتصميم واجهة المستخدم (مثل مولدات ومساعدات واجهة المستخدم القائمة على الذكاء الاصطناعي)


نظرة ثاقبة في Axure RP (يومان تقريبًا)

الوظائف الأساسية والميزات المتقدمة في Axure

إنشاء نماذج أولية ديناميكية وتفاعلية

استخدام المتغيرات والمنطق الشرطي

العمل مع اللوحات الديناميكية

محاكاة التفاعل بين المستخدمين والواجهة

تسليم النماذج الأولية عالية الدقة ونشرها لفرق التطوير


سير العمل عبر الأدوات (يوم واحد تقريبًا)

التعاون والإصدار في فيجما (الفروع والمكتبات)

نقل التصاميم إلى إدارة المشاريع وأدوات التطوير


عمل المشروع (يومان تقريباً)

لتوحيد المحتوى الذي تم تعلمه

عرض نتائج المشروع



التغييرات ممكنة. يتم تحديث محتوى الدورة التدريبية بانتظام.

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

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

بالإضافة إلى ذلك، سوف تكون قادراً على تطبيق تقنيات النماذج الأولية المتقدمة في فيجما وتكون واثقاً في استخدام Axure RP. سوف تكون قادراً على إنشاء واجهات مستخدم تفاعلية وديناميكية مع لوحات ديناميكية ومتغيرات ومنطق شرطي في Axure، وكذلك تنفيذ سير العمل بالكامل - من المفهوم إلى النماذج الأولية إلى التسليم إلى المطورين - وإدارة المشاريع بكفاءة من خلال دمج الأدوات.

مصممي الويب ومبرمجي الويب ومصممي الجرافيك ومصممي الوسائط والمتخصصين من المهن الفنية أو الأشخاص المسؤولين عن تصور وتصميم المواقع الإلكترونية وتنفيذها عملياً ويرغبون في اكتساب المعرفة والمهارات اللازمة.

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

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

توفر لك شهادتك المفيدة نظرة تفصيلية عن المؤهلات التي اكتسبتها وتحسن من فرصك المهنية.

المفهوم التعليمي

إن محاضريك مؤهلون تأهيلاً عالياً من الناحيتين المهنية والتعليمية وسيقومون بتدريسكم من اليوم الأول إلى اليوم الأخير (لا يوجد نظام للدراسة الذاتية).

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

 

الفصول الدراسية الافتراضية alfaview®

Bildungszentrumتُقدَّم الدروس باستخدام تقنية الفيديو الحديثة alfaview® - إما من منزلك أو في مقرنا في . يمكن للدورة التدريبية بأكملها رؤية بعضكم البعض وجهاً لوجه عبر alfaview®، والتواصل مع بعضكم البعض بجودة صوت متزامنة الشفاه والعمل على مشاريع مشتركة. وبالطبع، يمكنك أيضاً رؤية مدربيك المتصلين والتحدث إليهم مباشرةً في أي وقت، وسيقوم المحاضرون بتدريسكم في الوقت الفعلي طوال مدة الدورة التدريبية. الدروس ليست تعليماً إلكترونياً، بل تدريس حقيقي مباشر وجهاً لوجه عبر تقنية الفيديو.

 

alfatraining Agentur für Arbeit الدورات التدريبية في مدعومة ومعتمدة وفقًا للائحة اعتماد AZAV. Bildungsgutschein Aktivierungs- und Vermittlungsgutscheinعند تقديم أو، عادةً ما يتم تغطية تكاليف الدورة التدريبية بالكامل من قبل جهة التمويل.
Europäischen Sozialfonds Deutsche Rentenversicherung يمكن التمويل أيضًا من خلال (ESF) أو (DRV) أو برامج التمويل الإقليمية. Berufsförderungsdienst كجندي منتظم، يمكن حضور المزيد من الدورات التدريبية عن طريق (BFD). Agentur für Arbeit (Qualifizierungschancengesetz) يمكن للشركات أيضًا تأهيل موظفيها عن طريق برنامج تمويل من .

يسعدنا تقديم المشورة لك مجاناً.

0800 3456-500 من الإثنين إلى الجمعة من الساعة 8 صباحًا إلى الساعة 5 مساءً
مجانًا من جميع الشبكات الألمانية.

اتصل بنا

يسعدنا تقديم المشورة لك مجاناً. 0800 3456-500 من الإثنين إلى الجمعة من الساعة 8 صباحًا حتى 5 مساءً مجانًا من جميع الشبكات الألمانية.