מערכת Diagram
ליצור סיסמאות זרימה, דיאגרמות UML, דיאגרמות רשת, ולחבר כל אלמנטים חזותיים עם מחברים חכמים.
(Diagram Flowchart) (…/images/diagram-flowchart.png)
סקירה
מערכת Diagram מספקת:
- Diagram Shapes - Flowchart, UML וסמלי רשת
- Smart Connectors - חצים של כלי רכב שעדכונים כאשר צורות נעות
- Connect Everything - קישור לכל פריטי בד (תמונות, טקסט, צורות, SVGs)
- Auto-Layout - לארגן באופן אוטומטי דיאגרמות
עקבו אחרי Diagram Panel
- לחץ על הלחצן Diagram בשמאל
- לוח ה-Digram פותח מראה צורות זמינות
[Diagram Panel]
יצירת צורות Diagram
מתוך The Panel
- פתח את לוח דיאגר
- בחר קטגוריה בצורת (Flowchart, UML, Network, Basic)
- לחץ על צורה כדי להוסיף אותה ל הבד
- דרגו לתפקיד
Shape קטגוריות
| קטגוריה | צורות | שימוש עבור |
|---|---|---|
| Flowchart | תהליך, החלטה, טרמינל, נתונים, מסמך, מסד נתונים | זרימה, זרימות עבודה |
| UML | השתמש במקרה, שחקן | דיאגרמות תוכנה |
| רשת | Cloud, Server | דיאגרמות אדריכלות |
| יסוד | מעגל, משולש, כוכב | מטרה כללית |
חיבור פריטים
Quick Connect (כל פריט)
- בחר את הפריט המקור
- Hold Shift ולחצו על פריט היעד
- מחבר נוצר באופן אוטומטי
המונחים: Connect Mode
- לחץ על Connect בפאנל Diagram (או הקש C)
- לחץ על נמל המקור (עיגול כחול)
- כניסה לנמל היעד
- לשחרר ליצירת הקשר
(Connect Everything) (…/images/diagram-connect-anything.png)
עבודה עם כל דבר
קישורים אינם מוגבלים לצורות דיאגרמה. חיבור:
- תמונות ו-SVGs מיובאים
- רכיבי טקסט
- צורות מכס (עיגולים, כוכבים, מלבנים)
- אלמנטים שנוצרו על ידי גנרטור
סגנונות Connector
סגנונות
| סגנון | תיאור | הטוב ביותר |
|---|---|---|
| ישיר | קו ישר | קשרים פשוטים |
| Orthogonal | נתיבים של ממש | דיאגרמות טכניות |
| קארי | Smooth bezier עקומות | פריסות אורגניות |
סגנונות Arrowhead
| סגנון | הופעה |
|---|---|
| קלאסיקה קלאסית | משולש מלא |
| גנבת | יהלום עם Notch |
| שארפ | נקודה ארוכה |
| פתוח | המונחים: |
| יהלומים | צורת היהלום |
| מעגל | מעגל מלא |
| אף אחד לא | לא חצים |
Auto-Layout
לארגן אוטומטית את הדיאגרמה שלך:
- בחר את הצורות כדי לארגן (או לא לבחור בכלל)
- Auto-Layout* בפאנל Diagram
- בחר אלגוריתם פריסה
סוגי Layout
| Layout | תיאור | הטוב ביותר |
|---|---|---|
| היררכי | המונחים: top-to-bottom | Flowcharts, org charts |
| עץ | ההיררכיה של הילד | עצים משפחתיים, מבני קבצים |
| רדינל | מעגלי Concentric | מפות מחשב |
| גרי | רשת רגילה | ממציאים, גלריות |
| ניהול כוח | הפיזיקה | דיאגרמות רשת |
(Auto Layout) (…/images/diagram-auto-layout.png)
דוגמאות
Flowchart
תהליך פשוט זורם עם:
- טרמינל צורות להתחל/סוף
- צורות תהליכים לפעולות
- קבלת יהלומים בתנאים
- מחבר Orthogonal
רשת Diagram
(Network Diagram) (…/images/diagram-network.png)
אדריכלות רשת המציגה:
- צורת ענן לאינטרנט
- צורות Server לתשתיות
- מחברים דכאים לקישורים פנימיים
המונחים: UML
דיאגרמת מקרה שימוש עם:
- דמות שחקן
- המונחים: ellipses
- חבר
אנימציה Connectors
הוסף את אפקט “בולטים” עבור זרימת אנימציה:
- בחר מחבר
- המונחים: putlt Effect
- הגדרות הסתגלות:
-
- צבע בולט
- מהירות - מהירות אנימציה
- Size - גודל בולט
-
הבריח נוסע לאורך המחבר, מראה את הכיוון של זרימת הנתונים.
טיפים
טיפים:
- שימוש ב- orthogonal routing עבור דיאגרמות טכניות
- שימוש ב- routing for Organic, Mind-map סגנונות
- יישום Auto-Layout לאחר הוספת כל הצורות
- החזק Shift בעת גרר ל-p-to-grid
Keyboard Shortcut
| מפתח | פעולה |
|---|---|
| המונחים מצב | |
| Escape | מצב חיבור יציאה |
| Delete | מחבר/Shape |
קשורים
- Arrows & Connectors - כלי חץ מורשת
- Animations - אלמנטים של דיאגרמה
- (Keyframe Editor)(/features/keyframes) - רצפי אנימציה מורכבים