עיצוב אתרים מאפס ועד PRO - קורס חינם מ-Skillbox, הדרכה, תאריך: 29 בנובמבר 2023.

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

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

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

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

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

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

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

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

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

הכנת פריסה למפתחים
אתה יכול להראות למפתח את ההיבטים הטכניים של הפרויקט ואת הקוד של הרכיבים. למד לייעל את עבודת הצוות שלך באמצעות תוסף Figma Jam.

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

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

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

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

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

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

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

ספרינט 1
יקר ומינימליסטי: אנו יוצרים עיצוב דף נחיתה המבוסס על טיפוגרפיה

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

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

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

אב טיפוס של עמוד ראשון
צור wireframe - אב טיפוס המתמקד במבנה ולוגיקה ולא בעיצוב ויזואלי. שולט בשתי גישות עיצוב: בלוק וסגנון חופשי.

ספרינט 2
כתיבת UX: אנו יוצרים דף נחיתה ומכינים טקסטים לכל מרכיבי הממשק.

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

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

ניווט
הבן את סוגי הניווט. תבינו לאילו משימות ומכשירים כל אחד מהם מתאים.

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

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

ספרינט 3
אנו מתאימים את פריסת העמוד למחשב, טאבלט וטלפון נייד.

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

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

ספרינט 4
טכניקות לתיק עבודות מרשים: יצירת מקרה על Behance.

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

מודולי בונוס

1. עקרונות עבודה מוצלחת מול הלקוח
2. איפה לחפש הזמנות
3. איך מעצבים עובדים בצוותים גדולים

פרויקט גמר

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