نظرة عامة
وحدة التصميم في مايندلاب هي قماش يُبنى بالمحادثة: تصف ما تريده، فيرسم مايندلاب الشاشات ويصقلها معك تكراراً بعد آخر. وحين تصبح اللوحة جاهزة، يتيح لك التصدير إخراجها من القماش بصيغ يستطيع زملاؤك ومطوّروك استخدامها مباشرة.
التصدير منفصل عن التحويل إلى كود. إن كان هدفك مشاركة مرئية أو تسليم للمراجعة، فالتصدير هو ما تريده. أما إن كنت تريد تطبيقاً مُبرمَجاً حقيقياً من تصميمك، فراجع دليل «تحويل التصميم إلى تطبيق ويب».
صيغ التصدير
تقدّم لوحة التصدير ثلاث صيغ، لكلٍّ منها استخدامها:
1
صورة (PNG)
لقطة عالية الدقة لشاشة واحدة أو للوحة كاملة. الأنسب للمشاركة السريعة في شات الفريق، أو إدراجها في عرض تقديمي، أو إرفاقها بتذكرة. تُصدَّر بكثافة بكسل مضاعفة لتبقى حادّة على الشاشات عالية الدقة.
2
مستند (PDF)
كل شاشة في صفحة منفصلة، مع عنوان اللوحة وتاريخ التصدير. مناسب للمراجعات مع أصحاب المصلحة أو الموافقات الرسمية — حيث يفضّل الناس التمرير في مستند واحد بدل فتح أداة تصميم.
3
مواصفات التسليم
حزمة موجّهة للمطوّرين: المقاسات، والتباعد، والألوان، والخطوط، ونصوص العناصر مستخرَجة من كل شاشة. تتضمّن رموز التصميم (بصمة التصميم) المرتبطة باللوحة حتى يطابق ما يُبنى الهويةَ نفسها.
💡
نصيحة.إن لم تكن متأكّداً من الصيغة، صدّر PDF للمراجعة البشرية ومواصفات التسليم للمطوّرين معاً — فهما يخدمان جمهورين مختلفين دون تعارض.
تصدير لوحة
حالما تصبح اللوحة في حالة تعجبك، التصدير بضع خطوات:
1
افتح لوحتك
في وحدة التصميم، افتح اللوحة التي تريد تصديرها. تأكّد من أنّ التكرار الأخير قد اكتمل وأنّ المعاينة محدّثة قبل المتابعة.
2
افتح خيارات التصدير
افتح إجراء التصدير من شريط أدوات اللوحة. تظهر لوحة بخيارات الصيغة ونطاق التصدير.
3
اختر الصيغة والنطاق
اختر صورة أو PDF أو مواصفات التسليم، ثم حدّد ما إذا كنت تريد تصدير الشاشة المحدّدة فقط أم كل شاشات اللوحة.
4
صدّر ونزّل
أكّد التصدير. يجهّز مايندلاب الملف وينزّله إلى جهازك. تنتج صيغة المواصفات حزمة قابلة للمشاركة مع فريقك.
ما الذي يتضمّنه التصدير
تحمل صيغة مواصفات التسليم أكبر قدر من المعلومات. هذا ما تجده داخلها:
1
التخطيط والمقاسات
أبعاد كل شاشة وعنصر، إضافة إلى الحشو والهامش والفجوات — كافية لإعادة بناء التخطيط بدقّة.
2
رموز النمط (بصمة التصميم)
الألوان، والخطوط، ونصف قطر الحدود، ومقياس التباعد المرتبط باللوحة — كرموز تصميم لا قيماً مكتوبة مباشرة، حتى يبقى الناتج متّسقاً مع هويتك.
3
نصوص العناصر والمحتوى
النصوص الظاهرة في كل شاشة (العناوين، والأزرار، والتسميات) مستخرَجة كنصّ قابل للنسخ، لا كصور — حتى لا يضطر المطوّرون لإعادة كتابتها.
4
بنية الشاشات
كيف ترتبط الشاشات ببعضها (مثل التدفّق من شاشة إلى أخرى عند الإمكان)، ما يمنح الهندسة سياقاً عن نية المنتج لا مجرد لقطات منفصلة.
التسليم إلى الهندسة
عند تسليم تصميم للبناء يدوياً من فريقك، تساعد بضع عادات على نجاح التسليم:
1
صدّر المواصفات لا الصور وحدها
تترك الصور المطوّرين يخمّنون المقاسات والألوان. تمنحهم حزمة المواصفات القيم الفعلية ورموز التصميم لتطابق دقيق.
2
أرفق ملف PDF للسياق
أدرج ملف PDF إلى جانب المواصفات حتى يرى المطوّرون الصورة الكاملة المقصودة قبل الغوص في القيم.
3
فكّر في التحويل المباشر إلى كود
إن كانت غايتك تطبيقاً فعلياً عاملاً لا مرجعاً بصرياً، فقد يكون تحويل اللوحة مباشرة إلى تطبيق ويب أسرع من التسليم اليدوي. راجع الخطوة التالية أدناه.
ℹ
ملاحظة.يلتقط التصدير حالة اللوحة وقت تشغيله. إن واصلت التكرار على التصميم بعد التصدير، أعد التصدير لإبقاء الحزمة المُسلَّمة متزامنة مع أحدث نسخة.
ملاحظات وقيود
بضع أمور تستحقّ الانتباه عند التصدير:
1
التصدير لقطة ساكنة
تمثّل الصور وملفات PDF الشاشات كما تبدو، لا كتجربة تفاعلية. للتفاعل الحقيقي، حوّل التصميم إلى تطبيق ويب.
2
تأكّد من اكتمال التكرار
صدّر فقط بعد أن تستقرّ المعاينة. التصدير في منتصف تكرار جارِ قد يلتقط حالة بينيّة.
3
الخطوط المخصّصة
إن كانت اللوحة تستخدم خطاً مخصّصاً غير متاح للمطوّرين، فستذكره المواصفات بالاسم. تأكّد من أنّ فريقك يملك الترخيص ورابط الخط نفسه.
الخطوات التالية