מה זה בכלל Glassmorphism?
אפקט זכוכית מודרני – שכבת אלמנט שקופה, עם טשטוש רקע, קווי מתאר עדינים ותחושה אלגנטית.
זה נראה יוקרתי, נקי, וטבעי מאוד באתרי תדמית, חנויות, פורטפוליו ועמודי נחיתה.
שאלו את עצמכם:
כמה פעמים ראיתם עיצוב יפה ואמרתם “איך עשו את זה?”
במקום לתכנת בעצמכם, ui.glass נותן הכול מוכן.
למה לבחור ב־ui.glass
הכלי פשוט, נגיש, ולא דורש ידע בקוד.
אתם יכולים לבחור:
רמת שקיפות
כמות טשטוש
צבע רקע
גבולות
radius
הצללות
וברגע שסיימתם – לחיצה אחת מעתיקה את הקוד המלא ל־CSS.
וזה בדיוק מה שאני אוהב ללמד ב־משולבים בדיגיטל:
פתרונות פרקטיים שמייצרים תוצאות בלי להסתבך.
איך להשתמש בכלי – שלב אחר שלב
1. נכנסים ל־https://ui.glass/generator
תראו ממשק פשוט עם לוח הגדרות מצד ימין ותצוגה מקדימה מצד שמאל.
2. משחקים עם הערכים
Blur – כמה הטשטוש יבלוט
Transparency – כמה האלמנט יהיה שקוף
Border Color + Width – קו דק כמעט בלתי נראה שנותן את מראה הזכוכית
Shadow – להתאים או לכבות
פתאום אתם קולטים כמה שינוי קטן משפיע על כל העיצוב.
3. לוחצים על “Copy CSS”
הכלי יוצר קוד מלא שאפשר להדביק במדויק על כל אלמנט.
4. משלבים באתר
אם זה אלמנטור:
נכנסים לאלמנט → מתקדם → CSS מותאם אישית
מדביקים את הקוד
ואם זו תבנית וורדפרס:מוסיפים ל־Custom CSS או לאזור ייעודי
סיפור מהשטח
אחד הלקוחות שלי רצה עמוד נחיתה יוקרתי לשירות פיננסי.
היה לו חשוב שזה יראה "נקי, משחקים של שקיפות, משהו עדין אבל יוקרתי".
במקום לבנות טשטושים ידניים,
פתחתי ui.glass, לקחתי קוד מוכן, שיחקתי 2 דקות,
והירו שלו יצא ברמה של עיצוב סטודיו — בלי שעות עבודה.
כשהראיתי לו את התוצאה, הוא אמר:
“איך עשית את זה כל כך מהר?”
עניתי לו: “אני פשוט יודע איפה למצוא את הכלים הנכונים.”
וזה מה שאני מלמד בכל פרויקט ב־משולבים בדיגיטל.
איפה כדאי להשתמש באפקט זכוכית
תיבות טקסט
כפתורים
תפריטים מרחפים
קופסאות אייקונים
אזורים חצי־שקופים על תמונות
כרטיסי מידע (Cards)
רק שימו לב: לא להשתמש המון.
יופי בעיצוב מגיע מכמות נכונה — לא מעודף.
שאלות שכדאי לשאול את עצמכם
האם העיצוב שלי מרגיש כבד וצריך “קלילות”?
האם אני רוצה לשדר מקצועיות מודרנית בלי עומס גרפי?
האם הרקע שלי מושלם לשכבות זכוכית?
אם עניתם “כן”, כנראה שהאפקט הזה בדיוק בשבילכם.
סיכום
ui.glass הוא אחד הכלים הכי פרקטיים למעצבים ובוני אתרים.
הוא מאפשר ליצור אפקט זכוכית מקצועי תוך דקות ולשדרג אתר שלם בלי קוד מסובך.
וזה בדיוק מה שעושה את ההבדל בין אתר “בסדר” לבין אתר שנראה כמו רמה אחת מעל כולם.
