כיצד ליצור גרפיקה עם Adobe XD: מדריך למתחילים

Adobe XD הוא כלי רב עוצמה המאפשר לך ליצור עיצובי UI/UX עבור תוכנות, אפליקציות, אתרי אינטרנט ועוד. זה כולל גם יצירת מוקאפים, אבות טיפוס ורכיבי ממשק משתמש מותאמים אישית עבור ממשק. אתה יכול ליצור עיצובים פשוטים ומורכבים באמצעות Adobe XD.

כאן, נתאר כיצד להוסיף גרפיקה פשוטה כולל צורות, תמונות וטקסט לפרויקט חדש של Adobe XD. לאחר מכן יבוא מדריך כיצד להמיר קבוצת צורות לרכיבים, וכיצד לעשות שימוש חוזר ברכיבים אלו בדף. לבסוף, המאמר יעסוק גם כיצד לייצא את הגרפיקה שלך. בוא נקפוץ ישר פנימה.

יצירת פרויקט Adobe XD

כאשר אתה יוצר פרויקט Adobe XD חדש, עליך לבחור גודל פריסה עבור הפרויקט שלך. הוא מספק כמה תבניות לבחירתך בהתבסס על כמה מכשירים פופולריים.

כמה דוגמאות לכך כוללות את ה-iPhone X/XS/11 Pro (375px על 812px), iPad (768px על 1024px), או Web 1920 (1920px על 1080px). לחלופין, יש לך גם אפשרות לבחור רוחב וגובה מותאמים אישית עבור הפרויקט שלך.

לאחר שיצרת פרויקט חדש, Adobe XD תפתח דף ריק. זה המקום שבו אתה יכול להתחיל להוסיף תמונות, צורות, טקסט או אלמנטים עיצוביים אחרים. תלוי באיזו גרסת Adobe XD יש לך, ייתכן שתוכל לחקור כמה מהתכונות החדשות ש-Adobe XD מציעה.

אלמנט העיצוב ברמה העליונה הוא דף הקנבס עצמו. אם תדגיש אותו, תוכל להשתמש בחלונית הימנית כדי לשנות חלק מהמאפיינים שלו ישירות, כגון הרוחב או הגובה של הבד.

כיצד להוסיף תמונות

ישנן דרכים רבות בהן תוכל להוסיף תמונות לפרויקט Adobe XD שלך.

• האפשרות הראשונה היא ללחוץ על המבורגר סמל התפריט בחלק העליון של העמודה השמאלית. לחץ על יְבוּא, ופתח את הקובץ שברצונך להוסיף.
• אפשרות נוספת היא לנווט לתמונה שלך בסייר הקבצים ולגרור את הקובץ ישירות לתוך Adobe XD.
• אפשרות שלישית היא להעתיק ולהדביק את התמונה שלך אם יש לך אותה פתוחה בתוכנה אחרת, כמו Microsoft Word.

כיצד לשנות גודל ולמקם מחדש תמונה

אתה יכול לשנות מיקום ו לשנות גודל תמונה ישירות על הבד או על ידי שינוי המאפיינים שלו.

1. הדגש את התמונה. כאשר אתה מדגיש אלמנט עיצובי על הקנבס, תוכל לראות את המאפיינים שלו בחלונית הימנית.
2. שנה את הרוחב והגובה של התמונה. אלה מיוצגים על ידי ה W ו ח שדות.
3. אתה יכול גם לשנות את איקס ו י קואורדינטות של המקום שבו מתחיל הפינה השמאלית העליונה של התמונה.
4. כדי להזיז את התמונה, לחץ וגרור את התמונה על הקנבס.
5. כדי לשנות את הגודל, גרור את הנקודות הממוקמות בקצוות התמונה.

כיצד להתאים את הקצוות של תמונה

ניתן להתאים את פינות התמונה כדי לשנות את צורתה.

1. הדגש את התמונה.
2. תראה כמה נקודות ממוקמות מסביב לתמונה. בנוסף, יש גם כמה נקודות הממוקמות בתוך פינות התמונה.
3. לחץ וגרור על נקודה הממוקמת בתוך התמונה. זה יעצב מחדש את התמונה לאט לצורה אחרת.

כיצד להוסיף אפקטים אחרים לתמונה

אתה יכול לתפעל את התמונה עוד יותר על ידי הוספת אפקטים. זה כולל אטימות, גבולות, אפקטי טשטוש ועוד.

1. סמן את התמונה ושנה את Oקצב בחלונית הימנית.
2. בעודך עדיין בחלונית הימנית, שנה את הצבע של בלהזמין. כאן, אתה יכול גם לשנות את עוֹבִי, סגנון מקף, ו סגנון פינתי של הגבול.
3. הוסף אפקט טשטוש לתמונה ושנה את כמות טשטוש אובייקט כדי להגביר או להקטין את עוצמת הטשטוש.

כיצד להוסיף צורות

אתה יכול להוסיף צורות ב-Adobe XD דרך החלונית השמאלית.

1. בחלונית השמאלית, אתה יכול לבחור ליצור צורות בסיסיות מרובות כולל מלבן, עיגול, משולש וקו. בחר את הצורה שברצונך לצייר.
2. לחץ על כל נקודה על הקנבס וגרור את הסמן כדי להתחיל ליצור את הצורה.

כיצד להוסיף צורות מותאמות אישית

אתה יכול להשתמש בכלי הצורה המותאמת אישית כדי ליצור צורה משלך.

1. בחלונית השמאלית, בחר את עֵט סמל.
2. לחץ בכל מקום על הבד כדי להוסיף את הנקודה הראשונה שלך, או "פינה", עבור הצורה. עבור כל נקודה של הצורה, לחץ על הקנבס באזור שבו תרצה שהוא יהיה.
3. לאחר שתסיים ליצור את הצורה, הקש על הsc מקש במקלדת שלך.

כיצד לשנות את הצבע של צורה

ניתן לשנות את צבע הצורה באמצעות החלונית הימנית.

1. הדגש את הצורה.
2. בחלונית הימנית, שנה את וחולה.
3. בנוסף, ניתן גם להוסיף גבולות, אפקטי טשטוש ולשנות את האטימות של הצורה באותו אופן כמו תמונות.

כיצד להוסיף טקסט

אתה יכול גם להוסיף ולערוך טקסט באותו אופן שאתה מוסיף צורות.

1. הקלק על ה טֶקסט סמל בחלונית השמאלית.
2. לחץ במקום כלשהו על הקנבס כדי להוסיף תיבת טקסט חדשה. הקלד את הטקסט הרצוי בתיבת הטקסט.
3. השתמש בחלונית הימנית כדי לערוך את גודל, משפחת גופן, ו יישור שדות.

כיצד ליצור רכיבים

רכיב הוא קבוצה של אלמנטים עיצוביים שניתן לעשות בהם שימוש חוזר. כדי ליצור רכיב ולהשתמש בו, תחילה עליך להצטייד בקבוצה של צורות או אובייקטים עיצוביים אחרים.

1. הדגש את קבוצת הצורות בבד. לחץ לחיצה ימנית על הקבוצה ובחר צור רכיב.
2. בתחתית החלונית השמאלית, לחץ על נכסים. תפריט חדש ייפתח ומפרט את כל הנכסים שיש לך, כולל הרכיב שזה עתה הוספת.
3. לחץ וגרור את הרכיב מרשימת הרכיבים אל הקנבס. פעולה זו תיצור את אותה קבוצת אלמנטים בדיוק.

כיצד לייצא פריטים

אתה יכול לייצא פריטים בודדים כמו גם את העמוד כולו.

1. אם ברצונך לייצא פריט בודד, סמן את הפריט שברצונך לייצא.
2. הקלק על ה המבורגר סמל התפריט בחלק העליון של העמודה השמאלית.
3. בחר יְצוּא, ואז לחץ על נבחר.
4. אם ברצונך לייצא את כל העמוד (או את כל הדפים), בחר כל משטחי היצירה במקום זאת.
5. אתה יכול לציין את פורמט הקובץ (PNG, JPG, SVG או PDF), עבור מה יהיה הפריט המיוצא (כגון אינטרנט או iOS), והיכן תרצה לשמור את הקובץ שלך.

התמקצע ב-Adobe XD

אלו רק היסודות. כמה תכונות אחרות כוללות את היכולת להוסיף היפר-קישורים, סמלים, שילובי אפליקציות וערכות ממשק משתמש. Adobe XD גם מוציאה מדי פעם תכונות חדשות כדי לעזור לשפר ולייעל את יצירת הדגמים ועיצובי ממשק המשתמש המותאמים אישית שלך.

ישנם מספר קורסים זמינים באינטרנט כדי לעזור לקחת את כישורי העיצוב החדשים שלך לשלב הבא.

קורסים אלו של Adobe יהפכו אותך למאסטר יצירתי בענן

קרא הבא

על הסופר