الصورة / أيقونات التطبيقات
مولد أيقونات Liquid Glass لـ Icon Composer
حوّل ملف PNG أو SVG أماميًا إلى حزمة .icon بتصميم Liquid Glass لاستخدامها مع Icon Composer وXcode 26. اختر لون الخلفية والحواف، وقارن بين معاينات تقريبية فاتحة وداكنة وملوّنة وشفافة، وصدّر ملف PNG مدمجًا بمقاس 1024 × 1024.
مولد أيقونات Liquid Glass لـ Icon Composer: يفصل صورة أمامية واحدة عن تدرج الخلفية التلقائي الذي يضيفه Icon Composer. يوسّط العمل الفني وفق الحواف التي تحددها، ويضع حزمة .icon داخل ملف ZIP. تعرض معاينات المتصفح مربعات مستديرة ودائرة للساعة، مع وضعي التلوين والشفافية التقريبيين. يستخدم ملف PNG المدمج لون الأساس المصمت المحدد، ولا يحتوي على مواد زجاجية. لا تغيّر عناصر التحكم في شكل المعاينة ومظهرها إعدادات الحزمة. يعمل 100% محليًا في المتصفح، من دون رفع أي ملفات إلى الخادم.
- الفئة
- أدوات الصور
- مرات التشغيل
- في المتصفح
- التكلفة
- مجاني · بلا تسجيل
- التوفر
- جاهز للاستخدام
تعمل بالكامل في المتصفح
Liquid Glass هي لغة تصميم Apple التي قُدّمت مع iOS 26. تستخدم أيقونات التطبيقات طبقات ومواد تتكيف مع مظهرها ومحيطها. وثائق مطوري Apple · إرشادات واجهة الإنسان
أفلت العمل الفني هنا أو استعرض الملفات. تعمل الأعمال الفنية الشفافة بأفضل شكل. حتى 20 MB.
يملأ Icon Composer الخلفية بتدرج تلقائي من لونك. تستخدم هذه المعاينات وPNG المسطّح لونًا أساسيًا خالصًا؛ اضبط التدرج النهائي في Icon Composer.
هذه معاينة تقريبية، أما المظهر النهائي فيعرضه iOS. الأشكال والمظاهر الملوّنة والشفافة توضيحية، وليست عرض Apple للمواد.
استخرج ملف ZIP، وافتح AppIcon.icon في Icon Composer for Xcode 26، وراجع المواد والمظاهر، ثم أضف حزمة .icon إلى مشروع Xcode. استخدم PNG المسطّح في كتالوج أصول للوجهات الأقدم. دليل Icon Composer من Apple
يحافظ هذا المُنشئ على طبقة مقدمة واحدة فوق تعبئة الخلفية. ولا يحرر العمق متعدد الطبقات أو الانكسار أو الإبرازات أو الظلال. أضف طبقات أخرى واضبطها في Icon Composer. لا تغيّر عناصر التحكم في المعاينة إعدادات مظهر الحزمة.
تبقى صورتك في المتصفح. لا يتم رفع أي شيء.
Liquid Glass وتصميم أيقونات التطبيقات
تصف Apple تقنية Liquid Glass وأيقونات التطبيقات القابلة للتكيّف في وثائق المطورين وإرشادات Human Interface Guidelines. اتبع إرشاداتها للحصول على أيقونة يمكن تمييزها عبر المنصات والمظاهر المختلفة. https://developer.apple.com/documentation/technologyoverviews/liquid-glass و https://developer.apple.com/design/human-interface-guidelines/app-icons
Icon Composer و Xcode
يدعم Icon Composer الأعمال الفنية متعددة الطبقات وتعديلات المواد. افتح حزمة .icon المستخرجة وراجعها هناك قبل إضافتها إلى مشروع Xcode. ينشئ هذا المولّد طبقة أمامية واحدة وتدرجًا لونيًا تلقائيًا للخلفية استنادًا إلى لونك. https://developer.apple.com/icon-composer/ و https://developer.apple.com/documentation/Xcode/creating-your-app-icon-using-icon-composer
طريقة الاستخدام
- اختر العمل الفني الأمامي، ويفضّل أن يكون ملف PNG شفافًا أو SVG، ثم اضبط الحواف ولون الخلفية.
- قارن بين الشاشات الرئيسية الفاتحة والداكنة، وأشكال المنصات، والمظاهر الملوّنة أو الشفافة التقريبية.
- نزّل ملف ZIP الذي يحتوي على .icon وفك ضغطه، ثم افتح الحزمة في Icon Composer وراجع المظهر النهائي وأضفها إلى مشروع Xcode. نزّل ملف PNG مدمجًا للأهداف الأقدم.
الخصوصية والقيود
تُفك ترميز الصور وتُصدَّر في المتصفح. لا يتم رفع عملك الفني.
أدوات ذات صلة
الأسئلة الشائعة
ما المقصود بـ Liquid Glass؟
Liquid Glass هي لغة تصميم Apple التي قُدّمت مع iOS 26. يمكن لأيقونات التطبيقات استخدام طبقات ومواد تتكيف مع أوضاع العرض المختلفة. تجهّز هذه الصفحة حزمة أولية، بينما يعرض نظام التشغيل مظهرها النهائي.
كيف أستخدم التنزيل في Xcode 26؟
فك ضغط ملف ZIP وافتح حزمة AppIcon.icon في Icon Composer. راجع الأيقونة واحفظها هناك، ثم أضف حزمة .icon إلى مشروع Xcode واخترها كأيقونة للتطبيق. يشرح دليل Icon Composer من Apple إعداد المشروع.
هل يدعم هذا المحرر العمق متعدد الطبقات؟
يوفّر طبقة أمامية واحدة فوق تعبئة الخلفية. لا يحرّر طبقات متعددة أو العمق أو الانكسار أو الإبرازات أو الظلال. أضف الطبقات واضبط المواد في Icon Composer.
هل تمثل المعاينات مظهر iOS النهائي؟
لا. أشكال المربعات المستديرة والدوائر، وتأثيرات التلوين والشفافية، هي معاينات تقريبية. يعرض iOS المظهر النهائي. يستخدم المتصفح وملف PNG المدمج لون خلفية مصمتًا، بينما يضيف Icon Composer التدرج التلقائي.
أداة مجانية · عدد مرات الاستخدام في المتصفح · لا يتطلب حسابًا