Adobe XD للمستوى المتوسط: إنشاء النماذج الأولية

Name: Adobe XD للمستوى المتوسط: إنشاء النماذج الأولية
Author: Jessica Henley

تعلم المهارات المتوسطة للنماذج الأولية مثل الربط بأسلاك والتحريك التلقائي وحالة المكونات

شاهد الدرس الأول مجانًا — احصل على وصول كامل إلى جميع الدروس الـ7.

دورة تدريبية: عند الطلب

مرحبا، اسمي جيسيكا هينلي. وفي هذا الدرس، سأوضح لك كيفية توصيل واختبار نموذج أولي. للبدء، سأقوم فقط بالنقر بزر الماوس الأيمن فوق لوحة الرسم الخضراء هذه. وما أريد فعله هو المضي قدمًا وتحديد نسخ، ثم النقر بزر الماوس الأيمن في أي مكان بالخارج ثم اللصق. الآن سأقوم بنقله. بعد ذلك، سأقوم فقط بتحديد الكل على هذه السبورة الثالثة والضغط على "حذف" على لوحة المفاتيح لأنني أريد البدء من جديد. لقد قمت للتو بتكرارها بحيث يكون حجم اللوحة الفنية بنفس حجم الشاشة السابقة. سأقوم الآن بتحديد المستطيل أو يمكنك النقر على الحرف R للحصول على اختصار. النقر على المستطيل وسحبه لتغطية اللوحة الفنية الثالثة بالكامل واختيار لون موجود بالفعل في حوامل أو عينات الألوان لدي. هنا يمكنني إجراء تغيير في التصميم من خلال المظهر وتغيير اللون، وهو التعبئة. أو يمكنني النقر بزر الماوس الأيمن فوقه والانتقال إلى "تحرير". وهنا ضمن تحرير، يمكنني فقط النقر والسحب لتحديد اللون المطلوب. سأمضي قدمًا وأذهب إلى أداة المستطيل. لذا، يمكنك أيضًا النقر على الحرف R. ومن خلال النقر والسحب، سأقوم بمحاذاة الخط على كلا الجانبين. سنقوم بصنع شبكة في خلال لحظة واحدة فقط. لدي الآن بعض الصور أسفل هذه الزهور. لقد التقطت هذه الصور، وهذه بعض الزهور التي حصلت عليها. وإحدى الزهور المفضلة لدي هي هذه الصورة التي التقطتها. لذلك سأقوم فقط بتكرارها. يمكنك النقر على Ctrl أو Command D للتكرار، أو يمكنك النقر بزر الماوس الأيمن ونسخه ثم لصقه. سأقوم بلصقها لأنني سأستخدم هذه الزهور عدة مرات على لوحات فنية مختلفة. بعد ذلك، ما سأفعله هو المضي قدمًا وسحب هذا للأعلى، ولكن أيضًا تغيير حجمه بحيث يتناسب داخل هذا المستطيل الأبيض. بمجرد تثبيته في الداخل، سأذهب إلى النص، أو يمكنك النقر على الحرف T للحصول على اختصار. الآن سأقوم بالكتابة في الجزء العلوي من لوحة الرسم هذه. هنا، سأضع العنوان كعنصر نائب. وسوف أختار أحد أنماط الأحرف لدي، لكنه صغير جدًا. لذلك سأذهب إلى الجانب الأيمن وأغيره. لذا سأقوم الآن باختبار رقم مختلف. هنا تحت النص، سأكتب 50، وباستخدام أداة التحديد، سأقوم بصفها. سأقوم أيضًا بالنقر فوق علامة الجمع لإضافتها إلى أنماط الأحرف لدي. مرة أخرى، بالنسبة للعنوان، سأمضي قدمًا وأكتب بأداة النص. وبالنسبة لداخل هذا الصندوق، سأسميه فقط المعلومات كعنصر نائب، المعلومات باختصار. هنا عندي 35 ولكن اسمح لي أن أجرب 38 و 40. أحاول معرفة أي واحد أريد الاحتفاظ به. إذن هذا هو 32، ويمكنني فقط النقر والسحب وإضافة ذلك أيضًا إلى نمط الأحرف لدي في حالة رغبتي في استخدامه في المستقبل. لذلك لدي 32 مثل هذا الخط، ويمكنني فقط الضغط باستمرار على Shift للتحديد المتعدد. بمجرد تحديد العناصر الثلاثة، يمكنني النقر فوق "تكرار". شبكة Repeat Grid. الآن سأقوم فقط بالنقر والسحب للأسفل. يمكنك الآن رؤية شبكة متكررة من المعلومات في الصورة، بالإضافة إلى المستطيل الأبيض الطويل. سأقوم بالنقر بزر الماوس الأيمن والانتقال إلى استبدال الصورة. داخل مجلد الزهور، سأقوم باختيار صورة زهرة جديدة. يمكنك أن ترى أنه يتغير، وأنا أستمر في المضي قدمًا حتى أصل إلى الأسفل. انقر على اليمين، سأنزل إلى استبدال الصورة، اختيار زهرة مختلفة، اضغط على استيراد Import. لذلك سأقوم بالنقر بزر الماوس الأيمن فوقها، واستبدال الصورة، واضغط على استيراد. لدي الآن أربع صور مختلفة للزهور. لذلك على هذه السبورة البيضاء، سأقوم بالنسخ، انقر بزر الماوس الأيمن ثم الصق مرة أخرى، ثم اسحبها لبعض من التباعد. ومرة أخرى، حدد الكل واحذف. بمجرد الحذف، فقد حان الوقت للمضي قدمًا والاستمرار في إنشاء السبورة البيضاء التالية. انقر بزر الماوس الأيمن ثم انسخ والصق لنفس الصورة. وسوف أقوم بإبراز على هذه اللوحة الفنية هذه الصورة. لذا، مع تحديد العنوان، سأقوم فقط بالنقر بزر الماوس الأيمن و نسخ ولصق، والمضي قدما وسحب ذلك. أستطيع أن أرى أي لوحة فنية تم تحديدها من خلال النقر في الأعلى. الآن، بدلاً من نسخ المعلومات، أحتاج إلى المضي قدمًا وكتابة ذلك من البداية، لأنني إذا حاولت تكرارها من الشبكة، سيكون لدي أربعة نص المعلومات. لا أريد أربعة، أريد فقط معلومات واحدة عن لوح الرسم هذا الذي أعمل عليه الآن. الآن، سأقوم فقط بإضافة بعض الخطوط المتقطعة للنص التظاهري. وبطبيعة الحال، سوف أقوم بتغيير حجمه بمجرد الانتهاء. لذلك فقط اكتب ذلك هناك. الآن، أنا فقط بحاجة إلى تحديده واختيار خط مختلف. وأنا سأختار اللون الأسود فقط، وأحاول معرفة ما إذا كنت أحب ذلك. وبينما أمضي قدمًا وأركزه أكثر قليلًا، ها نحن ذا. لذا فإن الشيء التالي الذي سأفعله هو أنني سأقوم بالسحب فوق لوح الرسم هذا قليلاً، وسأقوم بالتبديل إلى النموذج المبدئي prototype. بالنقر على لوحة الرسم هذه، أريد توصيلها، لكن لا أريد تحديد لوحة الرسم بأكملها، لأننا نريدها أن تصل إلى حيث إذا اخترنا الشبكة الأولى، يجب أن تنتقل بالفعل إلى اللوحة الفنية التالية، لأنك تستطيع أن ترى الزهور متطابقة. لذلك سأقوم فقط بالنقر والسحب لتوصيله. يمكنك معرفة أنه متصل، وتم ضبط الاتصال على النقر. وسوف أمضي قدمًا وأقوم باختيار Dissolve. هنا، سأقوم فقط باختيار اللوحة الفنية الأخيرة وربطها معًا أيضًا. لذا يمكنك من رؤية الاتصال. هناك سلكان متصلان ببعضهما البعض. الآن حان الوقت لاختباره. عندما أقوم بالنقر على زر التشغيل في الزاوية اليمنى العليا، أنا فقط اضغط. ولكن هذا ليس في الواقع حيث أريد أن أبدأ. يبدو أن هذا غير متصل، لذا أحتاج إلى العودة وربطهما معًا. حسناً، دعنا نحاول مرة أخرى. وأنا اضغط مرة أخرى، وأنها تعمل. انقر فوق معلومات، معلومات، معلومات Info, Info, Info يمكنك أن ترى أن هناك يدًا صغيرة هناك. عندما أضغط على الأول، أستطيع أن أرى أن الصفحة تعمل. في الدرس التالي، سأوضح لك كيفية إجراء تغييرات في التصميم وحل الأخطاء. شكرا للمشاهدة.

متوسط مقدِّم الخدمة : Jessica Henley 7 الدروس · 43m باللغات: العربية, الألمانية, الإنجليزية, الإسبانية, الفرنسية, البرتغالية, Chinese

وصف الدورة

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

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

ما ستتعلمه

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

النقاط الرئيسية

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

الأسئلة الشائعة

ماذا سأتعلم في مسار Adobe XD هذا؟

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

ما هو مستوى هذا المسار؟

هذا مسار متوسط لبرنامج Adobe XD يركز على بناء النماذج الأولية، ويهدف إلى نقل مشروعك إلى المستوى التالي.

كيف تم تنظيم هذا المسار؟

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

ما هي المهارات التي يغطيها هذا المسار؟

يغطي Adobe XD، وبرنامج Adobe Dimension، وبناء النماذج الأولية الرقمية، وبناء نماذج البرمجيات، ومهارات تصميم النماذج الأولية.