material-ui‏

[180]

שלום לכולן
יש לי שאלה, עבדתי על דשבורד מורכב מאד מאד
השלב הבא הם רוצים שאני ימיר את זה למטריאל UI (סוג של המרה לקוד? אם הבנתי נכון)
שלחו לי את הלינק הזה.
https://material-ui.com/

העניין הוא שאין לי מושג מה זה.
משהי התנסתה בכזה דבר?
מאיפה מתחילים לעשות את זה?
או שלב ראשוני מאיפה מתחילים ללמוד איך עושים את זה?

 

[מעריכה תורה]

אני חושבת שזו מעין ספריה המקבילה לבוטסטראפ

 

[180]

@מעריכה תורה תודה!
אז זה תבניות שעושים לפני העיצוב?
סיימתי את הדשבורד בxd
אני אמיר לשפת תכנות
זה יקדם משהו?

 

[Avi300]

שלום לכולן
יש לי שאלה, עבדתי על דשבורד מורכב מאד מאד
השלב הבא הם רוצים שאני ימיר את זה למטריאל UI (סוג של המרה לקוד? אם הבנתי נכון)
שלחו לי את הלינק הזה.
https://material-ui.com/

העניין הוא שאין לי מושג מה זה.
משהי התנסתה בכזה דבר?
מאיפה מתחילים לעשות את זה?
או שלב ראשוני מאיפה מתחילים ללמוד איך עושים את זה?

מטריאל UI זה לא בהכרח ספרייה או קוד מסוים.

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

הקישור שהבאתם הוא ספציפית לריאקט, המקור הרלוונטי יותר לכאורה הוא https://material.io

 

[נעמי.]

אוקיי
אז קצת רקע:

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

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

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

והנה הוא: https://material.io/design/


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

קמו גם אתרים שהתעסקו רק בהשראות לעיצוב בשפת המטיריאל, הידועה שבהם היא uplabs.com

עד כאן ההקדמה שלי


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

את כרגע צריכה לקחת את העיצוב שלך, ולהשתמש בקומפוננטות של מטיראל דיזיין.
יש ברשת ערכות מוכנות להורדה או לרכישה שיחסכו לך הרבה זמן בעיצוב, הנה אחד שמצאתי ברפרוף מהיר https://materialdesignkit.com/android-gui/

 

[180]

@נעמי. תודה על התשובה המפורטת!
הכרתי את מטיריאל דזיין בקטע של הכללים, לא חשבתי שהיא משמשת למשהו אחר.
מה שאת אומרת, זה צריך לעשות בשלב בעצם של אחרי הux לפני המעבר לui, לא?
ואם כבר עשיתי הכל, נשנה את הכפתורים וכו׳ לפי הערכות שניתן להוריד?
מאמינה שזה גם יוצר עיצוב תבניתי מאד, שאני די נרתעת מזה...
למעשה, אני צריכה לחזור בUI שלי כמה שלבים אחורה?

 

[נעמי.]

@נעמי. תודה על התשובה המפורטת!
הכרתי את מטיריאל דזיין בקטע של הכללים, לא חשבתי שהיא משמשת למשהו אחר.
מה שאת אומרת, זה צריך לעשות בשלב בעצם של אחרי הux לפני המעבר לui, לא?
ואם כבר עשיתי הכל, נשנה את הכפתורים וכו׳ לפי הערכות שניתן להוריד?
מאמינה שזה גם יוצר עיצוב תבניתי מאד, שאני די נרתעת מזה...
למעשה, אני צריכה לחזור בUI שלי כמה שלבים אחורה?

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

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

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

 

[180]

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

אדבר איתם.
זה באמת לא כ״כ בסדר, סיכמנו על ייצוא לcss מxd
ופתאום הם נזכרו בזה ---

בכל אופן, תודה רבה רבה!
החכמת אותי...!