UX/UI

אבל מה עם רספונסיביותתת?! מה עם המובייל?! אל דאגה 🙂

גם הפעם לקחנו עיצוב מורכב ולמדנו המון על בניה נכונה, והפעם… עם קצת CSS!

ברוכים הבאים ל”בואו נעצב מדהים באלמנטור!”


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


בכוונה אנחנו לוקחים עיצובים קיצוניים כדי להתמודד עם תרחישים מורכבים, אבל הי, אנחנו נהנים מזה! 🙂

קובץ פינה מעוגלת: לחצו להורדת קובץ SVG של פינה מעוגלת לבנה הקוד לטקסט מובלט: t{ padding: 1vw 1vw 0.2vw 1vw; border-radius: 0.2em; margin: 0em -0.1em; display: inline-block; transform: rotate(2deg); background-color: blue; color: white; } אפשר להשתמש בקלאס במקום תגית: פה המילה שתרצו להדגיש  הקוד נשאר זהה רק להוסיף נקודה לפני הקלאס: .t{ padding: 1vw 1vw

בזומליינר הזה חקרנו את פיצ’ר ה-AI החדש באלמנטור שמאפשר לנו לכתוב תוכן וקוד בשניות, ובעתיד גם לייצר תמונות לאתרים שלנו! בהמשך, עברנו על תוסף הטפסים המעודכן JetFormBuilder ובנינו כמה טפסים לדוגמה, וסיימנו עם סקירת אתרים של 3 דרימליינרס מהקהילה לקראת התחרות הגדולה P4WOW.

תחת כיפת המותג היפהפייה שלנו יש לא מעט מיזמים שמסתיימים ב”ליינר”. זו הרשימה המלאה:

וואו! אחרי זום מטורף עם 250 איש, הספקנו לתת סקירה מהירה על התפתחות ה-AI בעולם העיצוב ובניית האתרים ולתת השערות לגבי העתיד הקרוב, לעבור על 5 כלי AI מדהימים למעצבים ובוני אתרים שאפשר להשתמש בהם כבר עכשיו, וסיימנו עם 3 תובנות עסקיות לקראת 2023!

*מתנצל על בעיית בהירות המסך בחלק מהזום, הנושא טופל לפעם הבאה 🙂

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

והפעם עם – יוני קסלר המעצב המוכשר, על פרויקט מושלם מכל היבט שבנה למותג Indesign Tips.

האתר שיוני מציג:
https://indesign.tips/

האתר האישי של יוני:
https://yonikessler.com/