תוֹכֶן
- 01. מדריכי העתקה והדבקה
- 02. מנקה סקיצות
- 03. אנימה
- 04. תגובה Sketch.app
- 05. תוסף Git Sketch
- 06. ImageOptim
- 07. מראה קסם
- 08. ייצא עוד
- 11. Marketch
- 12. מעגלים מפולחים
- 13. סקץ ראנר
- 14. גופן אייקון
- 15. מצא והחלף
תוספי סקיצה עוזרים לשפר את Sketch. סקיצה הוא הכלי העיצובי של ממשק המשתמש של ממשק המשתמש הנבחר עבור רבים, וחלק ממה שעושה כל כך טוב הוא קהילת האנשים הפועלים להרחבת הפונקציונליות והתכונות שלה על ידי בניית תוספים מותאמים אישית.
הניהול של תוספי ה- Sketch שלך קל יותר מתמיד. תוספים מתעדכנים אוטומטית ומיושנים מושבתים. הפיכת המערכת האקולוגית לתוספים ליותר שימושית היא Sketch Cloud, שירות שיתוף קבצים שכל אחד יכול להירשם אליו, בו תוכלו להציג, להוריד ולהגיב על מסמכי Sketch ששותפו באופן ציבורי, או באופן פרטי היישר מ- Sketch.
אז בואו נסתכל על תוספי ה- Sketch הטובים ביותר בסביבה - אלה שיכולים לשנות באופן דרסטי את האופן שבו אתם מתכננים ממשקי משתמש. לאחר שזיהית אחד שתרצה, קרא כיצד להתקין תוספי Sketch. אם אתה אוהב את כלי האינטרנט שלך, אל תחמיץ את הכלים האהובים עלינו לעיצוב אתרים, בניית אתרים וענפי אחסון בענן. וזכור, הבחירה שלך בספק אירוח אתרים היא קריטית להצלחת האתר שלך (המדריך שלנו יעזור).
01. מדריכי העתקה והדבקה
- הורד כאן
- מחיר: חינם
- סיכום: העתק, הדבק או הסר מדריכים ממשטחי היצירה שלך
לכל מעצב יש יחסי אהבה / שנאה עם מדריכים. לפעמים הם חיוניים לחלוטין, ובשאר הזמן הם פשוט נוגעים בדרכך. אם אתה משתמש במדריכים במקום באפשרות הפריסה של Sketch, שינוי בהם עבור משטחי יצירה מרובים יכול להיות סיוט, אך עם התוסף הזה קל להעתיק, להדביק ולהסיר מדריכים מכל משטחי היצירה שלך.
02. מנקה סקיצות
- הורד כאן
- מחיר: $2
- סיכום: קבל את קבצי העיצוב שלך נקיים כמו משרוקית
כל עיצוב סקיצה שעבר כמה חזרות חייב להרים מעט זבל בדרך, כגון שכבות נסתרות, עמדות גבול לא עקביות וסגנונות שכבה שאינם בשימוש.
למרות שזה לא סוף העולם שיהיה לו קובץ Sketch מבולגן, זה עלול להשפיע על העברת היד, וזה יקל על החיים לכל מי שיצטרך להבין את זה בהמשך הדרך. במקום לעבור על הכל ביד, השתמש ב- Sketch Cleaner כדי להתמודד עם כל הבעיות הנפוצות באופן אוטומטי.
03. אנימה
- הורד כאן
- מחיר: חופשי כלפי מעלה
- סיכום: צור אבות טיפוס מגיבים ואמינות
בעבר היה זמין כתוספים חינמיים נפרדים - Auto Layout ו- Launchpad - Anima הוא כעת תוסף All-in-One שנועד לעזור לך ליצור פריסות רספונסיביות עם סיכות, ערימות וריפודים, ואבות טיפוס באיכות גבוהה המתאימים לכל המסכים. יש עדיין גרסה חינמית שתומכת בפרויקט אחד; עבור פרויקטים ללא הגבלה, התמחור מתחיל מ- $ 25 לחודש.
04. תגובה Sketch.app
- הורד כאן
- מחיר: חינם
- סיכום: הפוך רכיבי תגובה לשרטוט
ניהול נכסי עיצוב יכול ב- Sketch יכול להיות קשה. תוסף Sketch שימושי זה מספק דרך קלה ואמינה יותר לניהול הנכסים שלך. יישם את העיצובים שלך בקוד כרכיבי תגובה, ואז השתמש בתוסף זה כדי לעבד אותם לשרטוט. זה גם מקל על אחזור והטמעה של נתונים אמיתיים בקבצי ה- Sketch שלך.
React Sketch.app פותחה על ידי Airbnb לשימוש במערכת העיצוב שלה, במטרה לעזור לגשר על הפער בין מעצבים למפתחים.
05. תוסף Git Sketch
- הורד כאן
- מחיר: חינם
- סיכום: לקוח Git מובנה בתוך Sketch
תוסף זה נועד להביא את בקרת הגרסאות אל Sketch. זה עובד על ידי ייצוא תמונה לכל חלק בעיצוב, ואז יצירת די הבדלים כך שברור אילו שינויים בוצעו. על ידי תיעוד כל שלב בתהליך העיצוב, כל הצוות יכול לראות כיצד התקדם העיצוב.
תוסף Git Sketch נוצר על ידי מתייה דוטור, שעבר מאז ליצירת מערכת בקרת גרסאות מקיפה יותר בתשלום בשם Kactus.
06. ImageOptim
- הורד כאן
- מחיר: חינם
- סיכום: מיטוב תמונה בסקיצה
סקיצה אמנם מציעה פיתרון משלה לאופטימיזציה של קבצי SVG, אך אין מגוון אפשרויות לדחיסת תמונות JPG ו- PNG. מכיוון ש- ImageOptim מציעה שירות מוצק מזה מספר שנים, הגיוני שהוא יביא את הפונקציונליות הזו ל- Sketch.
כל מעצב שדואג לזמני הטעינה ולאופטימיזציה של התמונה (שצריכים להיות כולם מעצבים) צריך להוסיף את ImageOptim לארגז הכלים שלהם. שים לב כי בנוסף לתוסף, תצטרך להתקין את אפליקציית הליבה ImageOptim (בחינם) במערכת ה- MacOS שלך, ואתה עדיין צריך לסמן שכבות כמיוצא ב- Sketch (נווט אל 'ייצא וייעל את כל הנכסים' כדי להתחיל).
07. מראה קסם
- הורד כאן
- מחיר: מ- $ 4 לחודש
- סיכום: כלי לשינוי פרספקטיבה תמונה
אם אתה מנסה לעשות מדגמים מרשימים על מוצרים אבל אתה צריך להמשיך ולקפוץ לפוטושופ כדי להתמודד עם הדברים המסובכים, Magic Mirror יכול להיות מציל חיים בשבילך. זהו כלי לשינוי פרספקטיבה של דימוי, המאפשר לך ליצור דוגמאות פרספקטיביות ואפקטים מעוותים אחרים מבלי לעזוב את Sketch.
08. ייצא עוד
- הורד כאן
- מחיר: חינם
- סיכום: יוצר תמונות תמונות של מיקום באופן אוטומטי
הוספת תמונות מצביעי מקום לעיצוב היא חלק הכרחי באבות טיפוס, אך מציאת התמונות בפועל יכולה להיות כאב. אז במקום לבזבז זמן על זה, השאירו את הכל בידי Day Player. זה מאפשר לך להוסיף תמונות מצייני מיקום מותאמות אישית לכל מסמך Sketch, ממספר שירותי תמונה של מצייני מיקום שונים, ולכן ההחלטה הגדולה ביותר שתצטרך לקבל תהיה אם ברצונך להשתמש בביל מאריי, ניקולה קייג 'או חתלתולים.
11. Marketch
- הורד כאן
- מחיר: חינם
- סיכום: צור עמוד HTML שיכול למדוד ולקבל סגנונות CSS
אם אתה רוצה לאחזר סגנונות CSS מעיצובי סקיצה שלך, תוסף כמו Marketch הוא חיוני בהחלט. זה מאפשר לך לייצא את משטחי היצירה שלך כקובץ zip מלא במסמכי HTML שאותם תוכל לחלץ כדי לשלוף שפע של CSS מתוק, מוכן לשימוש.
12. מעגלים מפולחים
- הורד כאן
- מחיר: חינם
- סיכום: צור גרפיקה מעגלית מדויקת
הנה דרך מהירה ליצור מעגלים מפולחים לתרשימים ודיאגרמות. תוסף זה יכול לייצר סגנונות שונים של דיאגרמה מעגלית כולל מעגלים מקווקו וסימונים, והעובי נשלט באמצעות רשימה פשוטה של ערכים המופרדים בפסיקים.
13. סקץ ראנר
- הורד כאן
- מחיר: חינם
- סיכום: זרקור לחיפוש
סקיצה אהובה מאוד בזרימת העבודה המינימליסטית של המקלדת. עם זאת, תמיד יש שניים או שלושה קיצורי מקשים שתמיד נראה שאתה שוכח או מבלבל עם אפליקציית עיצוב אחרת כמו פוטושופ - ובל נשכח את הכלים והתכונות הפחות נפוצים שאין להם קיצור מקשים ומוסתרים עמוק בתוך תפריט סקיצה.
Sketch Runner פותר בעיות אלה ועושה זאת באופן שמשתמשי macOS מכירים - Sketch Runner הוא ה- Spotlight של macOS, אך עבור Sketch.
14. גופן אייקון
- הורד כאן
- מחיר: חינם
- סיכום: נהל גופני אייקונים
גופני אייקונים הם דרך יעילה ביותר להשתמש בסמלים בעיצובי האינטרנט שלך ללא צורך לייצא ולבצע אופטימיזציה של המון נכסי תמונה. בדרך כלל אנו מתייחסים לגופני סמל ב ראש> קטע של דפי אינטרנט ב- HTML, כפי שאנו עושים עם CSS ו- JavaScript. עם זאת, השימוש בהם ב- Sketch הוא קצת יותר מסובך. למרבה המזל, גופן אייקון מקל על כך.
לאחר הורדת והתקנת Sketch IconFont, הורידו קבצי גופני SVG או הורידו את חבילת הגופנים הזו, הכוללת את קבצי הגופנים עבור FontAwesome, Icons Design Icons, Icons Icons ו- Simple Line Icons. כשתסיים, נווט אל תוספים> גופן אייקון> התקן חבילת גופנים, בחר את הגופנים שהורדת מתיבת הדו-שיח פתח קובץ, ואז נווט אל תוספים> גופן אייקונים> הוספת רשת> [גופן הסמל הרצוי שלך] על מנת להוסיף אייקון.
גם אם אתה מתכוון לעצב ערכת אייקונים מותאמת אישית לעיצוב שלך, העומד לרשותך סמלים מוכנים יכול לעזור לך עם טיפוס מהיר של טיפוס בשלבים המוקדמים של העיצוב, ולהוסיף מעט יותר בהירות / נאמנות למעגלים הנמוכים שלך. .
15. מצא והחלף
- הורד כאן
- מחיר: חינם
- סיכום: מצא והחלף טקסט בשכבות שנבחרו
עורכי טקסט הם לא המקום היחיד שאתה צריך למצוא ולהחליף - זה שימושי גם ב- Sketch. לתוסף זה יש הרבה אפשרויות מתקדמות, והוא מאפשר לך לחפש מקרים של מילים או ביטויים מסוימים בטקסט בשכבות שנבחרו (וכל מה שמופיע בתוכו), ואז להחליף אותו בקלות.
העמוד הבא: תוספי Sketch יותר חוסכים זמן
