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

במסך הפתיחה הראשון של Xd יש לבחור את סוג הפלטפורמה שאליה אנו מעוניינים לעצב/לאפיין וללחוץ על אישור.

בחרתי לצורך הדוגמה באייפון 6.

כלי העבודה הבסיסי ביותר הוא כלי המלבנים (עם Shift – ריבוע).

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

שימו לב שבחלון ה-Apearance אפשר ליצור פינות עגולות לא שוות בגודלן.

בחלון ה-Apearance ניתן לשלוט ביתר המאפיינים הסטנדרטיים של אובייקט.
צבע מילוי:

צבע קו ועובי קו:

צל:

ושקיפות:

למרות שניתן לשכפל צורות בתוכנה באמצעות גרירת הצורה והוספה של Alt, כמו בתוכנות Adobe האחרות, ניתן ליצור במהירות גריד באמצעות האפשרות Repeat Grid בחלון הצדי.

ראשית יש לבחור באובייקט הרצוי לשכפול ואז ללחוץ על הכפתור:

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

וכעת נותר רק לגרור את הציר הרצוי לשכפול, האופקי או האנכי:

כדי להפוך אותן לצורות “רגילות”, יש ללחוץ על Ungroup Grid.
במידה שהצורות לא מתפזרות היטב על הדף, ניתן להשתמש בחלון Align כדי לפזר אותן מחדש.

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

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

בעוד שגרירה של נקודות הפינה של Paragrapgh Text תזרים את המלל מחדש, ב-Point Text המלל ישנה את גודלו בהתאמה.

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

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

אני בחרתי ב- Kitt של Apple.

כל מה שנותר לעשות הוא להשתמש בצירוף של Copy & Pasete כדי להעתיק את האובייקטים הרצויים.

הוספת דפים נוספים לאפיון

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

כך, למשל, יכולה להיראות גרסת הדסקטופ של אותו אתר / אפליקציה:

כך, למשל, יכול להיראות דף נוסף של אותו אתר / אפליקציה, באותה פלטפורמה:

יצירת הדמיה ושיתופה

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

לחיצה על אייקון הבית משמאל, תגדיר מי מהדפים יהיה עמוד הבית:

גרירת הקונקטור תקבע את סדר הדפים:

ובתפריט שייפתח ניתן יהיה לקבוע את סוג המעבר, מהירותו ושינוי הקצב שלו:

כדי לצפות בהדמיה, יש ללחוץ על כפתור ה-Play בצדה הימני העליון של התוכנה.

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

לאחר שנלחץ על Create Link יווצר דף אינטרנטי עם האפיון שלנו, אותו נוכל לשלוח ללקוח / לשותפים לפרויקט – ובמידה שאישרנו זאת – ניתן יהיה להמשיך את ההתכתבות בתוך הדף עצמו

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

מאמר קודםהורדה חינמית ב-CREATIVE MARKET
מאמר הבארקוויאם למוות ידוע מראש
דקל מועלם, מרצה של תוכנות אדובי (Adobe) זה כ-20 שנה. מומחה ומרצה מוסמך של אדובי לפוטושופ, אילוסטרייטור ואינדיזיין. כמו כן מדריך עיצוב אתרי אינטרנט, עיצוב לסמארטפונים, אינדיזיין אינטראקטיבי, לייטרום ועוד. שותף לכתיבה של למעלה מעשרה ספרי הדרכה בתחומי עיצוב האתרים והגרפיקה הממוחשבת. לאחרונה הוציא לאור בשיתוף עם הצלם תומר יפה את הספר: "ספר פוטושופ בעברית".
תגובות פייסבוק

השאר תגובה

Please enter your comment!
Please enter your name here