material-ui‏

  • פותח הנושא 180
  • פורסם בתאריך

בניית אתרים וחוויית משתמש >> תוכן מקצועי

גם אתם שמתם לב שרק עכשיו הגיעה הקולקציה החדשה למדפים? הסוד המלא נחשף לראשונה, ועל הדרך טריק לניצול קופונים.
אם אתן מאלו שהבילוי שלהם הוא סיור בגאולה וברבי עקיבא, לסרוק ולמשש את חלונות הראווה, יכלתן לזהות השנה דיליי חריג במועד השקת הקולקצייה החדשה לחג...
תנו לאגד לנצח
ב"ה. לימים, יתקשו כל המעורבים להאמין שכל הסאגה המתמשכת התחילה בהתראה שגרתית שקפצה בצד השמאלי של המחשב הנייד. "תוקף רישיון גרסת הניסיון של...
הדרך להייטק עוברת בבני ברק
מרחב עבודה הצפוף בנשים חרדיות שיושבות וכותבות קוד, הוא לא מראה שכיח. לפני כמה שנים היו שאמרו שהוא גם לא אפשרי.
4.00 star(s) 1 ratings
מאחורי העמק | חלק ג'
"פסולה" "לא נכון" "עכשיו תורך לאחוז!" לכל אחת יש את הזיכרון המתוק הזה מהמשחקים הנוסטלגיים שהיוו חלק גדול מנוף ילדותינו, זיכרון שמעלה חיוך שעה...
5.00 star(s) 1 ratings

180

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

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

מעריכה תורה

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
פיתוח / אפיון / עיצוב אתרים
אני חושבת שזו מעין ספריה המקבילה לבוטסטראפ
 

180

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

Avi300

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

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

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

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

נעמי.

משתמש מקצוען
עיצוב גרפי DIP
אוקיי
אז קצת רקע:

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

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

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

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


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

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

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


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

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

180

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

נעמי.

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

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

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

180

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

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

לוח נדל"ן | למכירה והשכרה

לוח מודעות | קניה מכירה

למעלה