מהן ההנחיות המומלצות עבור אייקונים בדיזיין סיסטם?
מהן ההנחיות המומלצות לשפה עיצובית של אייקונים? שמרו על עובי קו ורדיוס פינות עקביים בכל סט האייקונים שלכם. אם במערכת קיימים גם אייקונים מלאים וגם קוויים, הגדירו כללים ברורים מתי להשתמש בכל סגנון. בנוסף, הקפידו שהסגנון הוויזואלי של האייקונים ישתלב עם העיצוב הכללי של המוצר שלכם כדיי לייצר תחושת אחידות. איך כדאי להגדיר את הגודל […]
איך לנהל צבעים עבור דאטה ויזואליזציה בדיזיין סיסטם?
עדיף ליצור פלטת צבעים ייעודית לדאטה ויזואליזציה, גם אם היא משתמשת בגוונים זהים לגוונים במערכת עצמה. כך תוכלו לשלוט בגוונים באופן נפרד מבלי להשפיע על רכיבים אחרים במערכת. פלטה איכותית לדאטה ויזואליזציה מוגדרת כתלות בצרכים ויכולה לכלול בתוכה: חשוב לוודא שהצבעים נבדלים זה מזה בצורה ברורה ועומדים בסטנדרטים של נגישות. בנוסף, כדאי לספק הנחיות ברורות […]
מתי נכון ליצור טוקן צבע theme חדש שלא נמצא בדיזיין סיסטם?
צרו טוקנים חדשים כשאתם נתקלים בצורך עקבי בקומפוננטות מרובות שאינו מטופל על ידי הטוקנים הקיימים. לפני יצירת טוקנים חדשים, נסו להעריך אם הצורך מייצג פער אמיתי במערכת הצבעים שלכם או רק חריג. זה זמן טוב ליצור טוקן חדש כאשר: הימנעו מיצירת טוקן חדש כאשר: כשיוצרים טוקן חדש, הקפידו על:
איך לסדר את ה-collections והמשתנים בצורה נכונה?
מומלץ לקבץ טוקנים קשורים וליצור קולקשן נפרד לכל קבוצה לוגית, לדוגמה: צבעים פרימיטיביים/גלובליים, טיפוגרפיה, בורדר רדיוס, וכו׳. עבור דיזיין סיסטמז עם מספר מודים/ט'ימים, חשוב להפריד טוקנים שאינם משתנים בין מודים לקולקשנים נפרדים. לדוגמה: אם רוצים לייצר דארק מוד וטוקנים של בורדר רדיוס יושבים באותו הקולקשן, יצירת מוד נוסף תשכפל גם את טוקני הבורדר רדיוס למרות […]
איך נכון להתייחס לעמודים שלמים בדיזיין סיסטם?
עמודים שלמים צריכים לספק מסגרת עבודה גמישה שניתן להתאים לצרכים השונים בכל מסך, לכן יש להתייחס לעמודים שלמים כתבניות או טמפלטים ולא כקומפוננטות. אפשר לתעד מבני עמודים נפוצים, אזורי תוכן, הנחיות ריווחים ונקודות שבירה. ספקו דוגמאות על איך קומפוננטות עובדות יחד בעמוד, אך שמרו עליהן גמישות מספיק כדי להתאים לדרישות ייחודיות של עמודים. כדאי לתעד […]
מתי נכון להפריד קומפוננטות ומתי כדאי שישבו באותה קומפוננטה?
קומפוננטות יכולות להיראות דומות מבחינה ויזואלית אך לשרת מטרות שונות, ולכן חשוב להבחין מתי יש הצדקה להפריד אותן ומתי עדיף לשמור אותן בתוך אותה קומפוננטה עם וריאנטים. מתי להפריד קומפוננטות? אם שתי קומפוננטות מתנהגות בצורה שונה או משמשות להקשרים שונים, גם אם הן נראות דומות, עדיף להפריד ביניהן. כך נמנעים מתלות מיותרת ומבטיחים גמישות גבוהה […]
מה הגישה הטובה ביותר לבניית קומפוננטות מורכבות כמו טבלאות, מודאלים ותפריטים?
קומפוננטות מורכבות שנועדו להיות מותאמות אישית צריכות להיבנות בדפוס "grab-and-go" – כלומר, כחלקים מודולריים שניתן לחבר יחד לפי צרכים ספציפיים. גישה זו מספקת גמישות לצד שמירה על קונסיסטנטיות. אפשר להגדיר אותן כקומפוננטה עבור שליפה מהירה מהחיפוש במקום העתקה מקובץ ה-DS עצמו ועבור רפרנס למפתחים. במקרה הזה, סמנו אותן כמיועדות לשבירה בפייג׳ של הקומפוננטה ובתיאור שלה. […]
מהם כללי השיום הנכונים עבור קומפוננטות, פרופרטיז ושכבות?
כללי השיום תלויים בד"כ בטכנולוגיה ובפריימוורק בו משתמשים לפיתוח. בפיתוח, לכל פריימוורק יש מוסכמות שיום משלו – לדוגמה, ב-React נהוג להשתמש ב-PascalCase לקומפוננטות (AccordionItem), בעוד שב-Angular מקובל kebab-case (accordion-item). דוגמאות לכללי שיום בסיסיים Reactקומפוננטות – PascalCase, לדוג' Button, DatePicker, UserCardפרופרטיז – camelCase, לדוג' onClick, isDisabled, dateFormat Angularקומפוננטות – kebab-case, לדוג' app-header, user-profileפרופרטיז – camelCase, לדוג' […]
איך כדאי לארגן את מבנה הקבצים בדיזיין סיסטם?
ארגון נכון של מבנה הקבצים בדיזיין סיסטם חיוני לניהול יעיל ולתחזוקה נוחה של היסודות ושל הקומפוננטות. מבנה קבצים יכול להשתנות מחברה לחברה כתלות בצרכים השונים שעליהם אמור הדיזיין סיסטם לענות – אין פתרון אחד שמתאים לכולם. מבנה נכון אמור לענות על הצרכים הבאים: כדי לענות על כל זה, חשוב לארגן את הקומפוננטות בצורה מסודרת וברורה […]