الشرائح · مُختبَر
اصنع مجموعة أيقونات متطابقة واحدة لعرض تقديمي كامل بالذكاء الاصطناعي
تربط الأيقونات العرض التقديمي حين تبدو عائلة واحدة: سُمك الخط نفسه، والزوايا نفسها، والحجم نفسه على الشريحة. وخلط أيقونات من ثلاثة مواقع مجانية هو ما يجعل معظم العروض تبدو مركَّبة من قطع متفرقة. وصنع مجموعتك الخاصة بالذكاء الاصطناعي يحل مشكلة الأسلوب ويخلق مشكلة في الملف.
في 29 سبتمبر 2026 صنعنا في Ciyo ست أيقونات لـ Harbor Street Makers، وهي ورشة مجتمعية متخيَّلة. تطابقت الأيقونات جيداً. أما ملف SVG الذي جاء معها فكان سيضع بقعاً بيضاء على كل شريحة داكنة. إليك كيف اكتشفنا ذلك، وكيف أصلحناه.
اكتب قواعد المجموعة، لا ستة طلبات منفصلة
اطلب كل الأيقونات في رسالة واحدة، على ورقة واحدة، مع القواعد التي تجعلها عائلة: لون واحد، وسُمك خط واحد، وأطراف مستديرة، والحجم المرئي نفسه، وشبكة ثابتة. ستة طلبات منفصلة تعطيك ستة أساليب منفصلة.
رسم Ciyo Agent (وكيل Ciyo) الورقة باستخدام GPT Image 2.5 Flare وحوّلها إلى SVG بأداة Vector في Ciyo. وكلّفت الخطوتان معاً 4 أرصدة. ولاحظ الوكيل أن الأزرق الداكن خرج أغمق قليلاً مما طُلب، قريباً من #10326B بدلاً من #1F3A5F، وأن الأيقونات تحوّلت إلى أشكال مملوءة على هيئة خطوط محيطة بدلاً من خطوط قابلة للتعديل.
أدير Harbor Street Makers، وهي ورشة مجتمعية، وأبني عرضاً تقديمياً من 10 شرائح لدروسنا الخريفية. من فضلك اصنع مجموعة أيقونات متطابقة واحدة للعرض كله: ست أيقونات لتقويم، وأدوات يدوية، ومجموعة أشخاص، ودبوس موقع، وبطاقة سعر، وعلامة استفهام. الأسلوب: أيقونات خطية بسيطة، بلون واحد (أزرق داكن #1F3A5F) على الأبيض، وبسُمك الخط نفسه، وأطراف خطوط مستديرة، والحجم المرئي نفسه، وكل منها في وسط خليتها المربعة الخاصة، مرتبة في شبكة 3x2 بتباعد واسع، دون نص أو حروف. ثم حوّل الأيقونات إلى SVG لأستطيع تغيير لونها وحجمها في PowerPoint.افحص المجموعة قبل أن تفحص كل أيقونة
نجحت المجموعة في أهم اختبار: سُمك الخط. قسنا الخط في ملف PNG فكان من 12.8 إلى 14.0 بكسل في الأيقونات الست كلها، ولا يتجاوز الفرق بينها نحو 5%. وصمدت الأطراف المستديرة واللون الواحد أيضاً.
أما الحجم فكان أقل انتظاماً. ارتفاع معظم الأيقونات نحو 250 بكسل، لكن أيقونة الأشخاص 204، وتحمل علامة الاستفهام والبطاقة نحو نصف حبر التقويم. وعلى الشريحة تبدو هذه أيقونات “أخف”. أصلح ذلك بوضع كل أيقونة في المربع نفسه وتكبير الأخف قليلاً ببضعة في المئة، لا بطلب مجموعة جديدة.
| الأيقونة | العرض × الارتفاع | سُمك الخط | الحبر |
|---|---|---|---|
| التقويم | 247 × 250 | 14.0 بكسل | 20,163 بكسل |
| الأدوات | 282 × 255 | 12.8 بكسل | 19,405 بكسل |
| الأشخاص | 298 × 204 | 13.4 بكسل | 17,812 بكسل |
| الدبوس | 188 × 251 | 13.4 بكسل | 11,132 بكسل |
| البطاقة | 239 × 238 | 12.8 بكسل | 10,726 بكسل |
| الاستفهام | 157 × 248 | 13.4 بكسل | 10,033 بكسل |
المشكلة الخفية في ملف SVG المحوَّل
فتحنا ملف SVG. كان فيه 45 شكلاً مملوءاً ولا خطوط: 26 بالأزرق الداكن، و17 بالأبيض، و2 بالأزرق الفاتح. على شريحة بيضاء لن تلاحظ ذلك أبداً. أما على شريحة عنوان بالأزرق الداكن، فيظهر كل شكل أبيض بقعةً بيضاء، والأشكال الزرقاء الفاتحة بقايا من تنعيم الحواف في أداة التحويل.
هذا شائع في الأيقونات المحوَّلة، وهو أول ما يجب فحصه قبل أن تعتمد مجموعة: افتح ملف SVG في أي محرر وانظر إلى ألوان التعبئة.
أصلحها دون أن تتحول الأيقونات إلى كتل
طلبنا من الوكيل أن يزيل الأشكال البيضاء والزرقاء الفاتحة وأن يضبط كل شيء على #1F3A5F. لم يفعل ذلك حرفياً، وكان محقاً. فقد شرح أن أداة التحويل رسمت كل أيقونة كتلةً مصمتة بالأزرق الداكن ووضعت فوقها أشكالاً بيضاء لتصنع الخطوط المحيطة، لذلك فإن حذف الأشكال البيضاء كان سيصنع كتلاً مصمتة، بمساحة زرقاء داكنة أكبر بنحو 2.4 مرة.
بدلاً من ذلك قصّ الأشكال البيضاء من الأشكال الزرقاء الداكنة. فصارت كل أيقونة شكلاً مركباً واحداً بلون #1F3A5F بالضبط، وفيه ثقوب حقيقية. ثم عرض الأيقونات الست على شريحة داكنة ونبّه إلى مشكلة تصميم لم نسأل عنها: الأيقونات الزرقاء الداكنة على شريحة زرقاء داكنة تباينها ضعيف جداً.
فحصت ملف SVG: فيه 45 مساراً مملوءاً ولا خطوط. 26 منها بالأزرق الداكن (#0F326C)، و17 بالأبيض، و2 بالأزرق الفاتح، لذلك ستظهر الأشكال البيضاء على شرائح العناوين الداكنة بقعاً بيضاء. من فضلك اجعل الأيقونات جاهزة للشرائح: أزِل كل شكل أبيض وأزرق فاتح لتصبح الأجزاء الداخلية فارغة حقاً، واضبط كل شكل متبقٍّ على #1F3A5F بالضبط، واحفظ ستة ملفات SVG منفصلة (calendar, tools, people, pin, tag, question)، كل منها مقصوص إلى مربع بالهامش نفسه لتصطف معاً. واعرضها أيضاً مرة واحدة على خلفية شريحة زرقاء داكنة لأستطيع فحصها.أخرِج الملفات: كود SVG وملفات PNG بيضاء
ظهر هنا حدّ واحد. لا يستطيع الوكيل وضع ملفات SVG على لوحة Ciyo، التي تقبل PNG وJPG وWEBP وGIF وMP4 وMOV. لذلك طلبنا منه أن يلصق ملفات SVG الستة المنظَّفة على هيئة كود، تحفظه أنت في ملفات .svg، وأن يضع نسخ PNG بيضاء على اللوحة للشرائح الداكنة.
فحصنا ملفات SVG الستة: كل منها شكل واحد بلون #1F3A5F بقاعدة التعبئة الفردية الزوجية (even-odd)، على شبكة 100 × 100 بهامش لا يقل عن 10%، ويتراوح حجم كل منها من 1 إلى 3 KB فقط. والأجزاء الداخلية فارغة (الحبر يغطي 7–14% من كل مربع)، لذلك تعمل على أي خلفية. وملفات PNG البيضاء بمقاس 512 × 512 بخلفيات شفافة.
نعم للأمرين، من فضلك: الصق هنا كتل كود SVG الستة المنظَّفة لأحفظها في ملفات .svg، واحفظ على اللوحة نسخ PNG بيضاء على خلفية شفافة (512x512 لكل منها) لشرائح العناوين الداكنة.أو التزم بمكتبة مجانية
إذا كانت مكتبة أيقونات مجانية تحوي كل أيقونة تحتاجها، فاستخدمها، واستخدمها وحدها. والسبب الذي يدعوك إلى توليد مجموعتك الخاصة هو موضوع لا تغطيه أي مكتبة، مثل منتجك أو متجرك أو خدمتك. والقاعدة واحدة في الحالتين: ثبّت الأسلوب مرة واحدة ولا تخلط أبداً.
نُشر في 2026-09-26. يسرد مطوّر 20 مكتبة أيقونات مجانية وينصح باختيار واحدة تناسب اتجاهك البصري (سُمك الخط، ونصف قطر الزوايا، والشبكة، ومملوءة أم خطية) كي لا يخلط وكيل البرمجة “4 different icon styles” (أربعة أساليب مختلفة للأيقونات). إنها نصيحة لبناة التطبيقات، وليست عن Ciyo؛ لكن القاعدة نفسها تنطبق على مجموعة مولَّدة.
استخدمها في PowerPoint
أدرج كل ملف SVG من Insert (إدراج)، ثم Pictures (صور). وغيّر لونه من Graphics Fill (تعبئة الرسم)، لأن الأيقونات أشكال مملوءة، لا خطوط. وأبقِ كل الأيقونات بالحجم نفسه ليبقى سُمك الخط متساوياً من شريحة إلى أخرى.
مجموعات الأيقونات للشرائح بالذكاء الاصطناعي
هل يستطيع الذكاء الاصطناعي صنع أيقونات متطابقة؟
نعم، إذا طلبت المجموعة كلها على ورقة واحدة بقواعد صريحة. في اختبارنا في 29 سبتمبر 2026 بقي الفرق في سُمك خط الأيقونات الست في حدود 5% تقريباً؛ أما أحجام الأيقونات فتفاوتت أكثر.
لماذا تُظهر أيقونة SVG مربعاً أبيض أو بقعاً بيضاء على شريحة داكنة؟
كثيراً ما تستخدم الأيقونات المحوَّلة أشكالاً بيضاء فوق أشكال مصمتة لترسم الخطوط المحيطة. وكان في أيقوناتنا 17 شكلاً أبيض. قصّها من الأشكال الملوّنة، أو اطلب من Ciyo Agent أن يفعل ذلك، لتكون الثقوب فارغة حقاً.
هل أستطيع تغيير لون الأيقونة في PowerPoint؟
نعم. أدرج ملف SVG واستخدم Graphics Fill (تعبئة الرسم). ولأن الأيقونات أشكال مملوءة، فإن إعداد الخط المحيط لا يغيّرها.
كم كانت التكلفة؟
4 أرصدة لورقة الأيقونات والتحويل إلى SVG. ولم يكلّف التنظيف والكود وملفات PNG البيضاء أي رصيد في اختبارنا.
اصنع أيقونات عرضك في Ciyo
صِف المجموعة مرة واحدة، وحوّلها إلى SVG، ودع Ciyo Agent ينظّف الملفات للشرائح الفاتحة والداكنة.