خطوات عملية للتصميم
أضف تسميات لصورة المنتج دون اختراع خصائص
يمكن للصورة التوضيحية الإشارة إلى شكل دون ادعاء مواصفة. يظهر المقبض الحلقي في صورة الكوب، لكن الصورة لا تثبت السعة أو صلاحية الغسل في غسالة الصحون.
نضيف هنا تسميتين إلى صورة كوب تحريرية خيالية موجودة. يحافظ Ciyo على الأصل وينشئ تخطيطاً بلا تسميات، ثم يضع خطوط الإشارة في الخلفية المحيطة.
اختر ملامح تُظهرها الصورة فعلاً
مصدرنا 1024×1024: كوب عاجي اللون بحافة مستديرة ومقبض حلقي يميناً ومستطيل كهرماني فارغ أماماً. إنه رسم خيالي للتجربة، لا دليل على مواصفات منتج حقيقي.
استخدم تسميات قصيرة للشكل المرئي. اخترنا «حافة مستديرة» و«مقبض حلقي»؛ يظهر النص الإنجليزي في الملفات. لا تضف قياسات أو مواد أو أداء دون مصدر موثّق منفصل.
أنشئ تخطيطاً دون تسميات أولاً
يضع Ciyo الصورة الأصلية 1024×1024 عند (168,28) داخل مساحة بيضاء 1360×1080. لا يعيد تحجيمها أو قصها أو توليدها أو تنقيحها. النسخة غير المعلّمة أساس للمقارنة.
احجز مساحة للنص قبل رسم الخطوط. تظهر التخطيطات في مربعات معاينة تستخدم object-fit contain؛ يبقى الحجم الحقيقي 1360×1080 وتبقى نسبة الأبعاد محفوظة.
اجعل نهايات الخطوط خارج المنتج
يمر خط الحافة من (240,126) عبر (400,126) إلى (608,209)، أعلى الحافة المجاورة بنحو 9 بكسلات. يمتد خط المقبض من (1120,500) إلى (1090,500)، خارج المقبض بنحو 21 بكسلاً.
نستخدم نصاً فحمياً 32 بكسلاً وخطوطاً كهرمانية بسماكة 2 بكسل، دون رؤوس أسهم أو دوائر فوق المنتج. نزّل PNG النهائية وافحصها بحجم العرض المقصود؛ الإحداثيات تخص هذا المصدر.
استخدم الصورة 1024×1024 دون تغيير، وضعها عند (168,28) في مساحة بيضاء 1360×1080 واحفظ نسخة بلا تسميات. أضف فقط "Rounded rim" و"Loop handle" بنص فحمي 32 بكسلاً وخطوط كهرمانية 2 بكسل. اجعل نهاية خط الحافة (608,209) وخط المقبض (1090,500) خارج المنتج. لا تخترع أبعاداً أو مادة أو سعة أو أداء. احفظ الأصل والنسخة غير المعلّمة والمعلّمة على اللوحة، واحتفظ بمجموعات SVG القابلة للتحرير. تحقّق من تطابق المستطيل المحمي، وقدّم وصفاً نصياً للمنتج.افصل الملاحظة عن الادعاء غير المدعوم
تصف التسميتان المختارتان شكلين مرئيين. أما «سعة 350 مل» أو «خزف» أو «آمن لغسالة الصحون» فتحتاج معلومات خارج هذه الصورة الخيالية. جودة التصميم لا توفر الحقائق المفقودة.
ضع الأصل والتخطيط غير المعلّم بجانب النتيجة. تسهّل المقارنة ملاحظة تغير المقبض أو المستطيل الأمامي أو الحد الخارجي بالخطأ.
| التسمية المقترحة | تُستخدم هنا؟ | السبب |
|---|---|---|
| حافة مستديرة | نعم | شكل مرئي |
| مقبض حلقي | نعم | شكل مرئي |
| سعة 350 مل | لا | لا توجد مواصفة مقاسة |
| آمن لغسالة الصحون | لا | لا يوجد دليل أداء |
قارن بكسلات منطقة المنتج المحمية
المستطيل المحمي في المصدر x230..900 وy190..844 يطابق منطقة النتيجة x398..1068 وy218..872 بكسلاً ببكسل. يحتفظ التخطيط غير المعلّم بكامل مربع الصورة الأصلية.
في النتيجة المعلّمة تغيّر 3,727 بكسلاً داخل مساحة الصورة، في الخلفية الخالية حيث يمتد النص والخطوط. لا ندّعي تطابق كل بكسل في تلك المساحة؛ اختبار التطابق يخص منطقة المنتج المحمية.
سلّم الصورة مع وصف نصي
اكتب المعلومات الأساسية بجانب الصورة. تدعم إرشادات W3C للصور المعلوماتية شرحاً نصياً مجاوراً، حتى لا يحتاج الزائر إلى قراءة حروف صغيرة لفهم الوصف.
مثالنا: كوب عاجي اللون بحافة مستديرة ومقبض حلقي يميناً ومستطيل كهرماني بلا كتابة أماماً. يحتوي SVG القابل للتنزيل على مجموعتي التسميات فقط. ضعه فوق مساحة بيضاء 1360×1080 تضم الأصل عند (168,28)؛ ليس صورة منتج مستقلة. قد تختلف الخطوط بين المحررات، بينما تحفظ PNG المسطّحة مظهر التجربة.
أسئلة عملية
هل تثبت الصورة مادة المنتج أو سعته؟
لا. يظهر المصدر الخيالي الشكل واللون. احصل على مواصفة موثّقة قبل إضافة تلك الادعاءات.
هل SVG التسميات صورة منتج كاملة؟
لا. يحتوي مجموعتي التسميات فقط. اجمعه مع الأصل عند (168,28) داخل مساحة بيضاء 1360×1080.
هل تطابقت كل بكسلات الصورة؟
يحفظ التخطيط غير المعلّم الصورة كاملة. في النتيجة المعلّمة تتطابق منطقة المنتج المحمية، بينما يغيّر النص والخطوط بعض بكسلات الخلفية.
أشر إلى الملمح الذي تستطيع عرضه
افتح Ciyo، وقارن التخطيط المعلّم بالأصل، وصدّر الرسم مع وصف نصي واضح.