material-ui‏

הנושא בפורום 'מעצבי דיגיטל ו-UX/UI' פורסם ע"י 180, ‏4/12/19.

  1. 180

    180 משתמש מקצוען פיתוח / אפיון / עיצוב אתרים עיצוב גרפי

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

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

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

    הצטרף:
    ‏29/6/16
    הודעות:
    297
    תודות :
    337
    נקודות:
    103
    עיסוק:
    מיתוג עסקי ופיתוח ממשקים
    דף הבית:
    אני חושבת שזו מעין ספריה המקבילה לבוטסטראפ
     
  3. 180

    180 משתמש מקצוען פיתוח / אפיון / עיצוב אתרים עיצוב גרפי

    הצטרף:
    ‏17/4/18
    הודעות:
    220
    תודות :
    311
    נקודות:
    104
    דף הבית:
    @מעריכה תורה תודה!
    אז זה תבניות שעושים לפני העיצוב?
    סיימתי את הדשבורד בxd
    אני אמיר לשפת תכנות
    זה יקדם משהו?
     
  4. Avi300

    Avi300 משתמש פעיל

    הצטרף:
    ‏9/10/16
    הודעות:
    198
    תודות :
    160
    נקודות:
    49
    מטריאל UI זה לא בהכרח ספרייה או קוד מסוים.

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

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

    נעמי. משתמש פעיל עיצוב גרפי

    הצטרף:
    ‏17/11/08
    הודעות:
    993
    תודות :
    187
    נקודות:
    59
    דף הבית:
    אוקיי
    אז קצת רקע:

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

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

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

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


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

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

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


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

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

    180 משתמש מקצוען פיתוח / אפיון / עיצוב אתרים עיצוב גרפי

    הצטרף:
    ‏17/4/18
    הודעות:
    220
    תודות :
    311
    נקודות:
    104
    דף הבית:
    @נעמי. תודה על התשובה המפורטת!
    הכרתי את מטיריאל דזיין בקטע של הכללים, לא חשבתי שהיא משמשת למשהו אחר.
    מה שאת אומרת, זה צריך לעשות בשלב בעצם של אחרי הux לפני המעבר לui, לא?
    ואם כבר עשיתי הכל, נשנה את הכפתורים וכו׳ לפי הערכות שניתן להוריד?
    מאמינה שזה גם יוצר עיצוב תבניתי מאד, שאני די נרתעת מזה...
    למעשה, אני צריכה לחזור בUI שלי כמה שלבים אחורה?
     
    נערך לאחרונה ב: ‏5/12/19
  7. נעמי.

    נעמי. משתמש פעיל עיצוב גרפי

    הצטרף:
    ‏17/11/08
    הודעות:
    993
    תודות :
    187
    נקודות:
    59
    דף הבית:
    אכן, כשמסיימים את שלב ה UX ומתחילים לעצב, בוחרים בשפה העיצובית..
    זה אומר שאת צריכה ללכת כמה שלבים אחורה ולעצב חלקית מחדש :(

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

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

    180 משתמש מקצוען פיתוח / אפיון / עיצוב אתרים עיצוב גרפי

    הצטרף:
    ‏17/4/18
    הודעות:
    220
    תודות :
    311
    נקודות:
    104
    דף הבית:
    אדבר איתם.
    זה באמת לא כ״כ בסדר, סיכמנו על ייצוא לcss מxd
    ופתאום הם נזכרו בזה ---

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