UI

עיצוב ממשק משתמש UI

גיבוש הקונספט הגרפי הינו השלב בו מוגדר ה-look&feel בתהליך עיצוב ממשק המשתמש של המערכת / אתר. לאחר שלב אפיון קונספט UX שבו אנו יודעים מה יהיה מבנה ממשק המשתמש וכיצד הוא יתנהג מגיע תורו של המעצב הגראפי לחבר את אלמנט האסטטיקה ואת התובנות שלו לגבי אנימציות ומיקרואינטראקציות.

בשלב זה מעצב UX לוקח בחשבון מספר פרמטרים:

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

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

עיצוב גראפי מפורט UI / GUI / UX Visual & Motion Design

מצוין, יש לנו קונספט גראפי! מה עכשיו?

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

 

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

הגדרות לעיצוב הממשק (UI Style Guide)

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

  • הנחיות לעיצוב מסכים
  • הנחיות לעיצוב אלמנטים: ניווט, גריד, טבלאות, כפתורים וכו׳
  • הנחיות לעיצוב גופנים (פונטים), צבעים, כותרות, גבולות ורקעים
  • הגדרת הגדלים והמיקומים של האובייקטים הגרפים