لیکوئید گلس اپل / زبان طراحی اپل

,
لیکوئید گلس اپل / زبان طراحی اپل

 چیستی Liquid Glass

اپل مواد شیشه‌ای شفافی به اسم Liquid Glass معرفی کرده که بازتاب و شکست نور محیط را شبیه‌سازی می‌کند، با رنگی قابل‌تغییر که با محیط (روشن یا تاریک) تطبیق داده می‌شود Meet Liquid Glass – WWDC25 (Apple Developer

  • این ماده در بخش‌های کوچک (دکمه‌ها، سلایدرها، کنترل‌های رسانه‌ای) و بخش‌های بزرگ (ناوار تب، سایدبارها، نوار ابزار) استفاده می‌شود.
  • سیستم با استفاده از رندرینگ زمان‌واقعی و هایلایت‌های موضعی، جلوه‌ای زنده و پویا ایجاد می‌کند .

 لیکوئید گلس / زبان طراحی اپل

 

ویژگی‌های بصری و حرکتی

  • لنسینگ (Lensing): نور را خم کرده و عمق و لایه‌بندی بصری ایجاد می‌کند.
  • حرکت پویا: ماده در مواجهه با لمس کاربر انعطاف‌پذیر شده و حالت مایع طبیعی‌تری دارد .
  • سازگاری محیطی: با توجه به رنگ پشت‌صحنه، opacity، سایه‌گذاری و تن رنگ به‌طور خودکار تنظیم می‌شود .

تطبیق‌پذیری با ابعاد و مقیاس

  • نوارهای تب در iOS کم‌عرض شده و هنگام حرکت محتوا رشد می‌کنند؛ در macOS و iPadOS سایدبارها با شکست نور پشت محتوا ترکیب می‌شوند
  • ابزارک‌ها، آیکون‌ها، داک، نوار منو و صفحه قفل همگی این ویژگی را به ارث می‌برند.

پیشنهادی / ایران از دید هوش مصنوعی

 لیکوئید گلس / زبان طراحی اپل

تجربه‌ی پلتفرمی یگانه

  • برای نخستین‌بار، اپل زبان طراحی مشترکی برای iOS، iPadOS، macOS، watchOS و tvOS معرفی کرده
  • صفحه قفل پویا شده؛ زمان با Liquid Glass و قلم مهندسی شده برای تطبیق با پس‌زمینه – چه تصویر و چه رنگ – نمایش داده می‌شود.
  • داک macOS شفاف‌تر شده و می‌توان ظاهر اپ‌ها و ویجت‌ها را رنگی یا بی‌رنگ تنظیم کرد.

ابزار برای توسعه‌دهندگان

  • APIهای UIKit، SwiftUI و AppKit برای استفاده از این مواد آماده شده‌اند.
  • آیکون‌سازهایی برای خلق آیکون‌های Liquid Glass در نور، تاریکی، رنگ‌دار یا بی‌رنگ به‌روز شده‌اند

راهنمای استفاده برای طراحان

  1. مناسب‌ترین لایه: Liquid Glass برای لایه‌ی ناوبری شناور مناسب است، نه لایه‌ی محتوا.
  2. اکثر حالات: Reuglar Variant: با سازگاری بالا و وضوح در هر موقعیتی.
  3. حالت Clear: خیلی شفاف؛ فقط در محیط‌های غنی از رسانه و با یک لایه‌ی فِید برای وضوح کافی توصیه می‌شود .
  4. هنگام ترکیب با متن/آیکون: شفافیت و کنتراست به‌طور خودکار تنظیم می‌شود.
  5. رنگ‌بندی (Tinting): برای برجسته‌سازی اقدامات مهم، با انتقال رنگ طبیعی شیشه .
  6. دسترسی‌پذیری: وقتی کاربر شفافیت کم یا حرکت کُند را انتخاب کند، اپلیکیشن به‌صورت خودکار تنظیم می‌شود .

بازخوردها و مقایسه‌ها

  • رسانه‌هایی مانند The Verge این تغییر را «بیشترین به‌روزرسانی طراحی تا به‌حال» توصیف کرده‌اند
  • کاربران ردیت نظرات متنوعی داشته‌اند:“It looks lovely”
    “I like the UX … but all these reflections look too distracting” (reddit.com).

برخی با یادآوری Aero Glass ویندوز و پوست‌اندازی iOS 7 با افکت‌های شفافیت، نگران مصرف منابع و شلوغی بصری شده‌اند.

Liquid Glass یک گام بزرگ رو به جلو برای زبان طراحی اپل است که نوید زیبایی، همگونی و تعامل روان‌تر را در تمام پلتفرم‌ها می‌دهد. این طراحی با ترکیب زیبایی بصری با فناوری‌های پیشرفته رندرینگ، تجربه‌ای لذت‌بخش‌تر و مدرن‌ از سیستم‌عامل‌های اپل خلق کرده و در عین حال برای توسعه‌دهندگان UX ابزار و راهنما فراهم می‌کند.

 

0 پاسخ

دیدگاه خود را ثبت کنید

تمایل دارید در گفتگوها شرکت کنید؟
در گفتگو ها شرکت کنید.

دیدگاهتان را بنویسید