إنشاء أيقونات

أيقونة تطبيق iOS مميزة لتطبيق الجري واللياقة البدنية، تتميز
بشكل عداء مجرد ومنمق في حركة، يتكون من
أشرطة متدرجة متدفقة بلون مرجاني حيوي ينتقل إلى
أرجواني نابض بالحياة. يوحي الشكل بالسرعة والزخم الأمامي مع
عناصر حركة متتابعة. الخلفية زرقاء داكنة مع
تدرج شعاعي خفيف خفي خلف الشكل. ديناميكية،
حيوية، طموحة. إضاءة ناعمة مع توهج خفي حول
الشكل. تنسيق مربع مستدير، 1024x1024 بكسل.

اتبع المواصفات أدناه وتصاميم الأيقونات المرفقة كمثال:

تحدد هذه المواصفات اللغة المرئية لأيقونات التطبيقات الحديثة والمميزة كما تظهر في تطبيقات iOS/macOS من الدرجة الأولى. الهدف هو إنتاج أيقونات تبدو مصقولة، لا تُنسى، وتستحق منتجًا رائدًا.

---

## 1. اللوحة والشكل

### الشكل الأساسي
- **التنسيق:** مربع بزوايا مستديرة مستمرة ("squircle" الخاص بنظام iOS)
- **نصف قطر الزاوية:** حوالي 22-24% من عرض الأيقونة (يحاكي الشكل الفائق من Apple)
- **نسبة العرض إلى الارتفاع:** 1:1
- **الدقة الموصى بها:** 1024×1024 بكسل (تتدرج بشكل نظيف)

### المنطقة الآمنة
- حافظ على العناصر الأساسية ضمن 80% من مركز اللوحة
- اسمح للتأثيرات الخفية (التوهجات، الظلال) بالاقتراب من الحواف ولكن لا تقصها

---

## 2. معالجات الخلفية

### الخلفيات الصلبة
- **داكن/أسود:** أسود نقي (#000000) إلى فحم داكن (#1C1C1E) — يخلق دراما، ويبرز العناصر
- **ألوان صلبة نابضة بالحياة:** تعبئة بلون واحد مشبع (أزرق كهربائي #007AFF، برتقالي دافئ #FF9500)
- **خلفيات متدرجة:** تدرجات خفية من الأعلى إلى الأسفل أو شعاعية تضيف عمقًا

### أنواع التدرج (عند الاستخدام)
| النوع | الوصف | مثال |
|------|-------------|---------|
| خطي | انتقال ناعم، عادةً أفتح في الأعلى | تدرج سماء زرقاء |
| شعاعي | تأثير توهج مركزي، حواف أغمق | تأثير بقعة ضوئية |
| زاوي | انتقال لوني شامل | أسطح متلألئة |

### الملمس (خفي)
- خطوط عمودية/أفقية رفيعة لإحساس معدني أو نسيجي
- حبيبات ضوضاء بنسبة شفافية 1-3% لدفء عضوي
- تجنب الأنسجة الثقيلة التي تتنافس مع الرمز الرئيسي

---

## 3. لوحة الألوان

### خصائص لوحة الألوان الأساسية
- **تشبع عالٍ:** الألوان زاهية ولكن ليست نيون
- **ألوان داكنة غنية:** الأسود والأزرق الداكن يظهران بشكل بارز
- **ألوان ساطعة انتقائية:** ألوان مميزة تستخدم باعتدال للتأثير

### عائلات الألوان الموصى بها

#### الطيف البارد
```
Navy/Deep Blue:    #0A1628, #1A2744, #2D4A7C
Electric Blue:     #007AFF, #5AC8FA, #64D2FF
Purple/Violet:     #5E5CE6, #BF5AF2, #AF52DE
Teal/Cyan:         #30D5C8, #5AC8FA, #32ADE6
```

#### الطيف الدافئ
```
Orange:            #FF9500, #FF6B35, #FF3B30
Pink/Coral:        #FF6B8A, #FF2D55, #FF375F
Peach/Salmon:      #FFACA8, #FF8A80, #FFB199
```

#### الألوان المحايدة
```
True Black:        #000000
Soft Black:        #1C1C1E, #2C2C2E
White:             #FFFFFF
Off-White:         #F5F5F7, #E5E5EA
```

### قواعد تناغم الألوان
- اقتصار على 2-3 ألوان سائدة لكل أيقونة
- استخدام علاقات تكميلية أو متماثلة
- يجب أن يهيمن لون واحد (60%)، ثانوي (30%)، مميز (10%)

---

## 4. الإضاءة والعمق

### مصدر الضوء
- **الموضع:** أعلى اليسار أو مباشرة فوق (زاوية 45 درجة ثابتة)
- **الجودة:** ناعمة، منتشرة — لا توجد ظلال قاسية
- **تخلق:** إبرازات خفية على الأسطح العلوية، ظلال أدناه

### تقنيات العمق

#### الإبرازات
- تدرج أبيض/فاتح ناعم على الحواف العلوية للأشكال ثلاثية الأبعاد
- انعكاسات لامعة كنقاط صغيرة ومشرقة (غير طاغية)
- إضاءة حافة على الحواف المواجهة للضوء

#### الظلال
- **ظلال ساقطة:** ناعمة، منتشرة، شفافية 10-20%، إزاحة Y طفيفة
- **ظلال داخلية:** خفية جدًا، تضيف تأثيرًا غائرًا
- **ظلال التلامس:** ظلال أغمق وأكثر إحكامًا مباشرة تحت الكائنات

#### الطبقات
- يجب أن تظهر العناصر وكأنها تطفو فوق الخلفية
- استخدام المنظور الجوي (العناصر البعيدة أكثر ضبابية قليلاً)
- الأشكال المتداخلة تخلق تسلسلاً هرميًا طبيعيًا

---

## 5. الرمز والأيقونات

### أساليب التصميم

#### أ. كائنات ثلاثية الأبعاد/أبعاد
- أشكال ناعمة ومستديرة ذات حجم واضح
- تدرجات خفية توحي بالانحناء
- أمثلة: طائرة ورقية، كتاب مفتوح، كرات

#### ب. مسطحة مع إشارات العمق
- أشكال مبسطة مع ظلال/إبرازات استراتيجية
- هندسة نظيفة مع تدرجات طفيفة
- أمثلة: أيقونة لهب، قرص بوصلة

#### ج. مجردة/هندسية
- أشكال شفافة متداخلة
- أشكال متشابكة تخلق اهتمامًا بصريًا
- أمثلة: ماسات متداخلة، تركيبات مثلثة

#### د. زجاجية/شفافة
- تأثير الزجاج المصنفر مع التمويه
- أشكال تبدو شفافة
- انكسار خفي وتداخل الألوان

### خصائص الرمز
- **البساطة:** يمكن التعرف عليها بحجم 16×16 بكسل
- **التوازن:** الوزن البصري متمركز أو ديناميكي بشكل متعمد
- **الأصالة:** تجنب الشعور بالقصاصات الفنية العامة
- **الاستعارة:** الرمز يرتبط بوضوح بوظيفة التطبيق

### مقياس الرمز الموصى به
- الرمز الأساسي: 50-70% من لوحة الأيقونة
- ترك مساحة للتنفس حول الحواف
- التمركز البصري (قد يختلف عن المركز الرياضي)

---

## 6. جودة المواد والسطح

### الأسطح غير اللامعة
- تدرجات ناعمة بدون إبرازات حادة
- ملمس خفي ممكن
- الألوان تبدو صلبة وراسخة

### الأسطح اللامعة/العاكسة
- إبرازات وانعكاسات واضحة
- زيادة التباين بين المناطق الفاتحة والداكنة
- توحي بالزجاج أو البلاستيك أو المعدن المصقول

### الأسطح المعدنية
- تدرجات خطية أو شعاعية تحاكي لمعان المعدن
- درجات ألوان باردة للفضة/الكروم، ودافئة للذهب/البرونز
- خطوط نسيج رفيعة اختيارية

### الزجاج/الشفاف
- شفافية مخفضة (60-85%)
- تأثير تمويه على العناصر الخلفية
- صبغة ملونة مع حواف فاتحة
- توهج داخلي خفي

### الورق/النسيج
- ألوان ناعمة، باهتة
- ملمس خفي جدًا
- ظلال لطيفة توحي بالمرونة

---

## 7. التأثيرات والصقل

### تأثيرات التوهج
- **توهج خارجي:** هالة ناعمة حول العناصر الساطعة، شفافية 5-15%
- **توهج داخلي:** إضاءة حافة خفية، تخلق إحساسًا حجميًا
- **توهج لوني:** توهج ملون يتطابق مع لون العنصر (يخلق جوًا)

### الانعكاسات
- انعكاس أرضي خفي تحت الكائنات العائمة (خافت جدًا)
- انعكاسات بيئية على الأسطح اللامعة
- إبرازات لامعة توحي بمصدر الضوء

### التدرجات داخل الأشكال
- تدرجات متعددة النقاط لانتقالات لونية معقدة
- تدرجات شعاعية لمظهر كروي
- تدرجات شبكية لتلوين عضوي، سائل

### التمويه وعمق المجال
- تمويه الخلفية للتركيبات الطبقية
- تمويه Gaussian من 5-20 بكسل لتأثير جوي
- تمويه الحركة فقط إذا كان يوحي بالحركة

---

## 8. مبادئ التكوين

### التوازن البصري
- **متمركز:** الرمز يقع في المركز البصري (كلاسيكي، مستقر)
- **ديناميكي:** إزاحة طفيفة تخلق طاقة وحركة
- **غير متماثل:** عدم توازن متعمد مع ثقل بصري مضاد

### المساحة السلبية
- مساحة بيضاء/مساحة للتنفس واسعة
- الخلفية جزء من التصميم، وليست مجرد فراغ
- يمكن أن تشكل المساحة السلبية أشكالًا ثانوية

### نقطة التركيز
- منطقة واضحة واحدة ذات أعلى تباين/تفاصيل
- يجب أن تقع العين على العنصر الأكثر أهمية أولاً
- العناصر الداعمة تتراجع بصريًا

### تباين المقياس
- مزيج من العناصر الكبيرة والصغيرة يخلق اهتمامًا
- الرمز الأساسي يهيمن، التفاصيل خفية
- تجنب الفوضى بعناصر متساوية الحجم

---

## 9. اختلافات الأسلوب

### داكن بسيط
- خلفية سوداء أو داكنة جدًا
- عنصر ساطع واحد أو رمز أحادي اللون
- تباين عالٍ، إحساس درامي
- أمثلة: أيقونة لهب، مخططات الأسهم

### تدرج حيوي
- خلفيات متدرجة متعددة الألوان
- رموز بيضاء أو فاتحة في الأعلى
- إحساس حيوي، عصري
- أمثلة: Telegram، تطبيق الكتب

### ناعم وفاتح
- خلفيات فاتحة، هوائية (أبيض، ألوان باستيل)
- رموز ملونة بظلال ناعمة
- إحساس ودود، سهل الوصول
- أمثلة: تطبيق Altitude، أيقونات الإيماءات

### زجاجي
- عناصر شفافة، مصنفرة
- أشكال طبقية ذات شفافية متفاوتة
- إحساس معاصر، راقٍ
- أمثلة: أيقونة الاختصارات، أشكال متداخلة

### ثلاثي الأبعاد مصور
- كائنات ثلاثية الأبعاد واقعية
- إضاءة ومواد معقدة
- إحساس مميز، ملموس
- أمثلة: كرة، طائرة، كتاب