گلسمورفیسم یک سبک طراحی رابط است که عناصر را مثل شیشهی یخ‌زده نشان میدهد: نیمه‌شفاف، با پس‌زمینه‌ی محو‌شده و لبه‌ای نازک و روشن. حس عمق و سبکی میدهد و در رابط‌های مدرن موبایل و داشبوردها دیده می‌شود.
ویژگی‌های اصلی#
- شفافیت: رنگ پس‌زمینه‌ی کارت کمی دیده می‌شود
- محو کردن پشت: تصویر یا رنگ پشت پنل بلور می‌شود
- حاشیه‌ی ظریف: خطی روشن دور کارت
- زمینه‌ی رنگی: معمولاً گرادیان یا شکل‌های رنگی پشت شیشه‌ها
یک مثال#
کارت پخش موسیقی را تصور کنید که روی تصویر آلبوم شناور است. رنگ‌های آلبوم از پشت کارت محو دیده می‌شوند و متن روی آن خوانده می‌شود. این همان حس گلسمورفیسم است.
در CSS#
با ویژگی‌هایی مثل محو کردن پس‌زمینه (backdrop-filter) و رنگ نیمه‌شفاف ساخته می‌شود. بنابراین پیاده‌سازی آن ساده است، اما در دستگاه‌های ضعیف ممکن است کمی سنگین شود.
اشتباه رایج و محدودیت#
بزرگ‌ترین خطر کنتراست کم است: متن سفید روی شیشهی روشن به‌سختی خوانده می‌شود. اگر پشت پنل رنگ‌ها شلوغ باشد، خوانایی بدتر می‌شود. پس همیشه متن را روی ترکیب‌های مختلف تست کنید.
نکته#
این سبک مثل لباس مد روز است؛ در دوره‌ای محبوب می‌شود و بعد جای خود را به سبک دیگری میدهد. برای برندهای جدی، اصول خوانایی مهم‌تر از سبک روز است.