תוכן עניינים:
- מתחילים
- ממשק ובד
- רישום וקביעה לפי סקיצה
- אבות טיפוס ועיצוב רספונסיבי
- פלט ושיתוף פעולה
- שום דבר לא רושם באפליקציה הזו
סקיצ 'מה שמטפטל במהירות בתחרות, ומטרתו לעקוף את פוטושופ ככלי אב-טיפוס ממשק של ממש, עד כדי כך שמפתחים רבים מעדיפים כעת מעצבים למסור קבצי סקיצה ולא קבצי פוטושופ שכבהיים. בניגוד לפוטושופ, התוכנה הגרפית סקיצה נבנתה מהיסוד לעיצוב ממשקים אינטראקטיביים. זה יוצר קומפקטים חיה כך שלקוחות יוכלו לצפות בתצוגה מקדימה של מה שקורה כאשר הם לוחצים, החלקים או מקישים על העיצוב שלך בשולחן העבודה, הנייד, הטאבלט או הטלפון שלהם. בגלל כל אלה, מעצבים המשתמשים בפוטושופ כדי ליצור ממשקי משתמש לשולחן העבודה ולמכשירים ניידים עשויים לרצות לתת סקיצה מקרוב יותר.
לאחר שהגיע מהולנד, Sketch היא תוכנית לעיצוב וקטורי של Mac בלבד, עם דגש על יצירת אבות טיפוס אינטראקטיביים של עיצובים ברשת ואפליקציות. סוג העיצוב העובד ש- Sketch מייצר מאפשר ללקוחות שלך לקבל תחושה טובה יותר של האופן בו הכל נראה ומגיב. זה בתורו מאפשר להם לספק משוב מועיל יותר על הפונקציונליות (ממשק משתמש, או ממשק משתמש) וחוויית המשתמש (UX), וכתוצאה מכך מאפשר אישור מושכל מראש לקראת שלב הפיתוח - רסן את התסכול וחוסך זמן וכסף.
התפיסה האחרונה של סקיצה יחסית (2008) התמקדה בעיצוב שיתופי למסכים, כך שיש לה יתרון על פני פוטושופ, שעלה לראשונה כשלושים שנה קודם לכן, כאשר מסך המילים היה קשור למדידת צפיפות ההלפטונים. מעצבים החלו להישען על אדובי פוטושופ כדי לארגן ולהעביר קבצי עיצוב ממשקים מכיוון שזה היה הכלי הטוב ביותר בתיבה כדי לבצע את העבודה - לא מכיוון שזה היה כלי שנבנה במיוחד למטרה זו.
עם זאת, Sketch אינו לבד בחלל העיצוב של UX. Adobe XD (XD מייצג את חוויית העיצוב), שיצא בשנת 2016 כחלק מ- Creative Cloud של אדובי עבור Windows ו- Mac, הוא גם כלי מבוסס וקטור לריפינג והפקת אבות טיפוס אינטראקטיביים של קליקים.
מתחרה שני מבוסס על וקטור, המוצג כ"כלי העיצוב החזק ביותר למסכים בעולם ", הוא סטודיו מהפלטפורמה לניהול מערכות משקל כבד, InVision (בחינם לאב-טיפוס אחד, 25 $ לחודש עבור טיפוס בלתי מוגבל). שלא כמו סקיצה ו- XD, לסטודיו יש מודול אנימציה מתקדם מובנה. ניתן לבצע סינכרון של עבודות בסקיצה לפלטפורמת InVision באמצעות תוסף Craft Manager משלהן. Adobe מציעה תוכנית התחלויות XD בחינם שהגבילה (2GB) אחסון ושימוש בחלק מאוסף גופני Adobe. הגרסה המלאה של XD זמינה כחלק ממנוי Adobe Creative Cloud (CC), החל מ- $ 20.99 לחודש עבור האפליקציה היחידה, או החל מ- $ 54.99 לשנה עבור כל אפליקציות Creative Cloud, כולל Illustrator, InDesign ופוטושופ.
סקיצה משתמשת בגרסה לפי דגם מנוי, בעלות 99 דולר לשנה למכשיר (מחשב או נייד), ליחידים. זה כולל שנה של עדכונים, ו- Sketch Cloud (לשיתוף מקוון ושיתוף פעולה ברשת), לאחר מכן תוכלו לשמור ולהשתמש בגרסה הנוכחית שלכם לעד או לחדש תמורת 69 דולר לשנה כדי להחזיר עדכונים שוטפים והטבות בענן. רישוי נפח נע בין 64 דולר לשנה לכל מכשיר לשניים עד תשעה מכשירים, עד 49 דולר לכל אחד עבור 50 מכשירים ומעלה.
ראוי לציין שכשאתה רוכש רישיון אתה זכאי למושב יחיד בלבד (לשימוש במחשב אחד בלבד). אם אתה משתמש במחשבי מקינטוש מרובים, כמו שולחן עבודה ומחשב נייד, אין לך מזל, ותצטרך לרכוש שני מושבים. אפליקציות רבות מבוססות מנוי מאפשרות שני מושבים ברישיון כמפנה טוב לאותם יוצרי עבודה קשה שעובדים בשולחן העבודה שלהם במשרד ובמחשב הנייד שלהם בבית. אי הנוחות הקשורה לכך היא שאם ברצונך להשתמש ב- Sketch ב- Mac חדש או אם היית צריך לפרמט מחדש את הכונן שלך, עליך לבטל את הרישום של Sketch מהמחשב / הכונן הישן שלך ואז להירשם מחדש.
מתחילים
סקיצה היא הצמד להורדה מאתר החברה (sketchapp.com); יש ניסיון חינם למשך 30 יום, ללא כל כרטיס אשראי. הסקיצה דורשת MacOS 10.13.4 (High Sierra) ואילך. החברה מזהירה כי אם אתה עובד עם מסמכים מורכבים מרובי-רבבות עם מאות משטחי יצירה, מומלץ להשתמש במחשבי מקינטוש חזקים יותר ועמוסי RAM. בדקתי את Sketch 53.2 על MacBook Pro 2018 עם מעבד Intel Core i9 של 2.9 ג'יגה הרץ, RAM של 32 ג'יגה-בייט וכרטיס גרפי Radeon Pro 560X.
ממש בדף ההורדה, סקיצה מציעה מדריך למתחילים, תיעוד נרחב, הדרכות וטיפים וקישורים למדיה החברתית ולקהילות המפתחים שלה, לבלוגים ולצ'אטים ולדיבוב. זה מסביר פנים ומעורר השראה לראות רשימה של מפגשים ואירועים גלובליים של קהילת העיצוב. בנוסף, האתר מציע שפע של מקורות UX / UI / UI של ממשק היישום בחינם ופרמיום הכוללים ערכות מסגרת קווית, ערכות ממשק משתמש לנייד, תבניות, מודלים, לוחות מחוונים, מושגים ואייקונים.
ממשק ובד
סקיצה מובילה באמצעות דוגמה ומספקת ממשק משתמש נקי והקשרתי עם שלושה חלקים עיקריים - ו (לפי עיצוב) ללא לוחות צפים. אם אתה כבר משתמש ב- Mac, אתה תמצא את ממשק ה- Sketch U מוכר, מכיוון שהוא מעוצב על גבי הממשקים של אפליקציות אפל כמו דפים, מספרים ו- Keynote. עם הגירסה האחרונה הזו תומכת כעת במצב האפל של אפל.
בצד שמאל של המסך תמצאו את רשימת הדפים עם מלאי של השכבות שלך, פריטי תוכן בודדים בשכבות ומשטחי יצירה אלה, והתוכן הנקוב עליה. מימין נמצא המפקח בו תוכלו להתעסק בתכונות התוכן בשכבה שנבחרתם. מלמעלה יש לך סרגל הכלים שמכיל כלים ופעולות. מרכז הבמה הוא הבד שלך בו אתה יוצר את הקסם.
רשימת הדפים מקלה על ארגון, הקצאה או שינוי של שכבות, וכן מאפשרת לך שם, לקבץ, לבחור ולשכפל פריטי תוכן כך שזרימת העבודה שלך תהיה יעילה. אתה תהיה במצב מלמעלה כשמגיע הזמן למסור קבצים למפתח.
סקיצה משמן את זרימת העבודה שלך על ידי הקלה או אוטומציה של משימות נפוצות באמצעות ספריות קלות להכנה, סגנונות טקסט ושכבה, מופעי סמל והגדרות קבועות מראש. בנוסף, קיימות מאות ערכות UI חוסכות זמן, תבניות ותוספים שמרחיבות עוד יותר את הפונקציונליות של Sketch בשלל דרכים.
רישום וקביעה לפי סקיצה
כמו שצ'יטה היא לרוץ, סקיצה היא לאבות-טיפוס. ברדלס בהחלט מסוגל לצעוד, אך מה שהיא התפתחה הוא בריצה. באופן דומה, אתה יכול בהחלט לצייר סקיצה, וזה בסדר עם זה, אבל מה שיצא מה יוצא דופן בסקיצה זה אב טיפוס שלה. עם זאת, שווה לקבל סקירה כללית של מה ניתן לעשות עם כלי הרישום של Sketch.
כל יצירת התוכן, הייבוא וההרכבה מתחילים בלחיצה על התפריט הנפתח הוספה. שם תמצאו את הצורה, כלי הציור והטקסט הצפויים. נוח מצד ימין פעולות הסידור כמו להביא חזית, יישור וחלוקה; וכלים בוליאניים בסיסיים שאינם הרסניים כמו איחוד, חיסור, הצטלבות והבדל. הכלים הווקטוריים האינטואיטיביים והיעילים מאפשרים יצירה ועריכה של צורות, נקודות ועקומות Bezier. בעוד שסקיצה יכולה להתמודד עם משימות רישום חיוניות, היא אינה Illustrator - והיא גם לא אמורה להיות כזו.
טיפוגרפיה בסיסית בסקיצה היא פשוטה, עם תכונות מוכרות של מיקרוסופט וורד יחד עם אפשרויות דקורטיביות לצללים, מילויים וגבולות. עיצוב בלוקים מהסוג עשוי לדרוש מאמץ ידני בסקיצה, למשל, אינו תומך בכרטיסיות - עליך להשתמש במפתח הרווח כדי לדמות את האפקט הרצוי. זה בסדר גמור, מכיוון שכל הגדרת סוגים מורכבת מיועדת ללא תום בעת תכנון פריסות רספונסיביות: כל דבר טיפוגרפי (גודל, מעברי שורה, מקף וכן הלאה) משתנה כאשר הוא מתבונן במכשירים השונים בגודל שונה.
אבות טיפוס ועיצוב רספונסיבי
בניגוד לתוכניות רישום אחרות (אבל מאוד כמו Adobe XD), Sketch מאפשר לבנות אב-טיפוס אינטראקטיבי. כדי לדמות את המסלול של האתר או האפליקציה שלך (UI), ואיך תהיה החוויה (UX), תוכל להקצות אזורים מסוימים כמו גלילה או אי-גלילה, קישור ותפריטים מקושרים, סמלים, קטעים, דפים ו מופעים, והגדר נקודות חמות (אזורים הניתנים ללחיצה). לא רק אתה יכול להציג תצוגה מקדימה של המאמצים שלך מתוך האפליקציה, אלא אתה יכול גם להשתמש במראה סקיצה (עוד על תכונה זו בהמשך).
נחמדות חדשה בסקיצה היא שתוכלו לאכלס טקסט ואבני טקסט של שדות בעזרת נתונים ריאליסטיים דינמיים ולא להיות קשורים לטדיום הלורום איפסום הרגיל. לשכבות טקסט או צורה שנבחרו, תוכלו להקצות קובץ מקור שממנו יבוא טקסט או תמונות.
הסקיצה משחקת די יפה עם אחרים - ולא רק בתוך האפליקציה. זה היה תענוג לגלות שיכולתי להעתיק ולהדביק אייקון שנוצר ב- Illustrator. לאחר הייבוא, Sketch יצר שכבה מקובצת לאמנות שלי, ומשם יכולתי להשתמש בסמל כפי שהוא, להוסיף אותו לספריה או ליצור סמל - בדיוק כמו שאתה יכול עם כל אמנות שנוצרה בתוך האפליקציה.
בשוק של ימינו, כל עיצוב שנועד למסך חייב להיות מגיב. משמעות הדבר היא שתוכן במסך אפליקציה או בדף אינטרנט משנה גודל שונה ומשתנה באופן אוטומטי, בהתאם למכשיר הצפייה (שולחן עבודה, מחשב נייד, נייד, טאבלט). אז שינוי גודל הטקסט, מעברי קו משתנים ותמונות מתכווצות, מתרחבות או מסתירות, תלוי במה שייראה הכי טוב בכל מכשיר.
בסקיצה, עליך ליצור פריסות שונות ופשטות של יחסי הגודל השונים באופן ידני, על ידי העתקה והדבקה של כל אלמנט או קבוצה. עם זאת, אני מאחל שהייתה אפשרות להתאמה חכמה לשינויים בפריסה רספונסיביים בדומה לשינוי גודל התגובה ב- XD או אפילו בפונקציית ההתאמה של InDesign. אף על פי שמתאמת הפריסה כמעט ואינה נותנת פיתרון מושלם, היא בהחלט חוסכת זמן ומספקת מקום טוב יותר להתחיל בו מאשר עמוד ריק.
לצפייה בתצוגה מקדימה של עיצובי ה- Sketch בזמן אמת במכשירים שלכם, קיים מראה Sketch בחינם למערכת iOS, כמו גם מספר אפליקציות לעשות זאת במכשירי אנדרואיד. בכל המקרים, מכשירים יזדקקו ל- Wi-Fi או לחיבור USB. קבלת החלטות עיצוב מושכלות מועילה לזרימת העבודה של כל אחד, ולשם כך היכולת לראות את ההתאמות, הגידולים והגודל הטקסט שלך בשידור חי עם Sketch Mirror במכשיר האמיתי היא נכס כבד.
פלט ושיתוף פעולה
כאשר העבודה שלך מוכנה למשוב לקוחות או לשיתוף פעולה בצוות, יש כמה דרכים לשתף. השיטה העיקרית היא להעלות את המסמך שלך ל- Sketch Cloud. לאחר העלאה, תקבל כתובת URL ותוכל לבחור את מי להזמין להציג את המסמך, ולהגדיר אחת משלוש רמות גישה: תגובה, הורדה או שימוש כספרייה. כל מי שיש לו את הקישור יכול להשתמש בכלי התגובות המובנים, ואם יפתח את הדף בטאבלט או בטלפון, הוא יוכל לצפות בתצוגה מקדימה של משטחי הגרפיקה ברזולוציה מלאה כל עוד יש פריסה למכשיר שלהם.
ספריות מחברות אותך ואת הצוות שלך לנכסי הפרויקט וההגדרות המוגדרות מראש שלך. יצירת אלה בסקץ 'היא משב רוח וזו שיטה חכמה אחת לאחסון נכסי מותג גמישים במקום אחד ונגיש גלובלי - בין אם זה מקומי בכונן הקשיח, בשרת שלך, או אפילו במחסנים מבוססי ענן של צד שלישי כמו Dropbox. ספרייה היא רק דף סקיצה נוסף במסמך שאתה מייעד לספרייה, מה שהופך אותו לזמין ונוח להוספה או לתיקון נכסים.
אם אתה עורך סמל שיצרת, כאשר אתה (או מישהו אחר שמשתף פעולה במסמך) חוזר למסמך העיצוב שלך, אתה מוצא הודעה בפינה השמאלית העליונה של המסך המתריעה על העדכון. אז תוכל לבחור ללחוץ לעדכון, או שתוכל להחליט לנתק את הגרפיקה מהספרייה. הסקיצה היא גדולה לפי סדר וארגון, כך שכאשר אתה לוחץ על התראה זו, קופץ חלון דו-שיח המציג את רכיבי הספרייה שלך, המציג גם את הסמל המיושן וגם את הסמל המעודכן זה לצד זה. זה נהדר לקבל מידע מלא בהישג ידך.
לחלופין, אתה יכול לייצא משטחי יצירה כדפי PDF אותם ניתן לסמן עם הערות בתצוגה מקדימה של Apple, Adobe Acrobat או כל תוכנה אחרת לצפיית PDF. הסקיצה מייצאת גם גרפיקה, פרוסות ודפים כקובצי JPG, PNG ו- SVG. יתרה מזאת, הוא יכול לייצא קוד עבור תכונות SVG ו- CSS.
שום דבר לא רושם באפליקציה הזו
Sketch הוא כלי מן המניין שנולד עבור מעצבים היוצרים חוויות עיצוב מבוססות מסך, והוא עושה זאת בצורה אדירה. בעזרת המוכרים (למשתמשי מקינטוש), ממשק אינטואיטיבי ושיתופי פעולה קלים בין מעצבים ללקוחותיהם, Sketch זכתה למוניטין הצליל שלה ככלי עיבוד-טיפוס, מכיוון שהיא מקלה ומזרזת את תהליך האימות והאישור של העיצוב. לקבלת יכולות האיור הווקטוריות האולטימטיביות, עיין בבחירת העורכים שלנו, Adobe Illustrator.