كيفية إنشاء رسومات باستخدام Adobe XD: دليل المبتدئين

يعد Adobe XD أداة قوية تتيح لك إنشاء تصميمات UI / UX للبرامج والتطبيقات ومواقع الويب والمزيد. يتضمن ذلك أيضًا إنشاء نماذج بالأحجام الطبيعية ونماذج أولية ومكونات واجهة مستخدم مخصصة للواجهة. يمكنك إنشاء تصميمات بسيطة ومعقدة باستخدام Adobe XD.

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

إنشاء مشروع Adobe XD

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

تتضمن بعض الأمثلة على ذلك iPhone X / XS / 11 Pro (375 بكسل × 812 بكسل) أو iPad (768 بكسل × 1024 بكسل) أو الويب 1920 (1920 × 1080 بكسل). بدلاً من ذلك ، لديك أيضًا خيار تحديد عرض وارتفاع مخصصين لمشروعك.

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

اكتشف بعض الميزات الجديدة التي يقدمها Adobe XD.

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

كيفية إضافة الصور

هناك عدة طرق يمكنك من خلالها إضافة الصور إلى مشروع Adobe XD الخاص بك.

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

كيفية تغيير حجم الصورة وإعادة وضعها

يمكنك تغيير و تغيير حجم الصورة إما مباشرة على القماش أو عن طريق تغيير خصائصه.

1. قم بتمييز الصورة. عندما تقوم بتمييز عنصر تصميم على اللوحة ، ستتمكن من رؤية خصائصه في الجزء الأيمن.
2. قم بتغيير عرض الصورة وارتفاعها. يتم تمثيل هذه من قبل دبليو و ح مجالات.
3. يمكنك أيضًا تغيير ملف X و ص إحداثيات مكان بدء أعلى يسار الصورة.
4. لتحريك الصورة ، انقر واسحب الصورة حول اللوحة.
5. لتغيير الحجم ، اسحب النقاط الموجودة على حواف الصورة.

كيفية ضبط حواف الصورة

يمكنك ضبط زوايا الصورة لتغيير شكلها.

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

كيفية إضافة تأثيرات أخرى إلى الصورة

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

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

كيفية إضافة الأشكال

يمكنك إضافة أشكال في Adobe XD عبر الجزء الأيمن.

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

كيفية إضافة الأشكال المخصصة

يمكنك استخدام أداة الشكل المخصص لإنشاء الشكل الخاص بك.

1. في الجزء الأيمن ، حدد ملف قلم أيقونة.
2. انقر في أي مكان على اللوحة لإضافة النقطة الأولى ، أو "الزاوية" للشكل. لكل نقطة من الشكل ، انقر فوق اللوحة القماشية في المنطقة التي تريدها.
3. عند الانتهاء من إنشاء الشكل ، اضغط على هالشوري على لوحة المفاتيح.

كيفية تغيير لون الشكل

يمكنك تغيير لون الشكل باستخدام الجزء الأيمن.

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

كيفية إضافة نص

يمكنك أيضا إضافة وتحرير النص بنفس الطريقة التي تضيف بها الأشكال.

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

كيفية إنشاء المكونات

المكون هو مجموعة من عناصر التصميم التي يمكن إعادة استخدامها. لإنشاء مكون واستخدامه ، تحتاج أولاً إلى مجموعة من الأشكال أو كائنات تصميم أخرى.

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

كيفية تصدير الأصناف

يمكنك تصدير العناصر الفردية وكذلك الصفحة بأكملها.

1. إذا كنت تريد تصدير عنصر واحد ، فقم بتمييز العنصر الذي تريد تصديره.
2. اضغط على همبرغر القائمة أعلى العمود الأيسر.
3. يختار يصدّر، ثم انقر فوق المحدد.
4. إذا كنت تريد تصدير الصفحة بأكملها (أو كل الصفحات) ، فحدد جميع اللوحات الفنية في حين أن.
5. يمكنك تحديد تنسيق الملف (PNG أو JPG أو SVG أو PDF) ، والغرض من العنصر الذي تم تصديره (مثل الويب أو iOS) ، والمكان الذي تريد حفظ ملفك فيه.

احصل على المهارات في Adobe XD

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

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

ستحولك دورات Adobe هذه إلى Creative Cloud Master

اقرأ التالي

نبذة عن الكاتب