النسخ المتجاوبة وحسب الجهاز
أنشئ نسخة جوال ونسخة سطح مكتب من الشاشة نفسها وأبقِهما متوافقتين.
آخر تحديث
إنشاء نسخة
اطلبها، أو استخدم أداة الجهاز على الشاشة:
اعمل نسخة جوال من صفحة الهبوط.
والنسخة شاشة جديدة على اللوحة، مكيَّفة مع العرض المستهدف — لا تحجيمًا مرنًا. فالتخطيطات يُعاد ترتيبها فعلًا: الأقسام متعددة الأعمدة تتراص، والتنقّل ينطوي، وأحجام الخط تصغر.
التكلفة
يُحتسب تحويل شاشة إلى مقاس جهاز آخر لكل شاشة بالسعر نفسه الذي تُحتسب به إعادة التوليد، لأنه إعادة توليد فعلًا. وتحويل ثماني شاشات يكلّف ثمانية أضعاف — يستحق أن تتفقّد رصيدك أولًا.
إبقاء النسخ متوافقة
النسخ شاشات منفصلة، فالتعديل اللاحق على نسخة سطح المكتب لا ينساب تلقائيًا إلى نسخة الجوال. أمامك خياران:
- اطلب التغيير على كلتيهما صراحةً: ”في صفحتَي الهبوط لسطح المكتب والجوال معًا، غيّر زر الدعوة إلى ’ابدأ مجانًا‘.“
- أو أنهِ تصميم سطح المكتب أولًا، ثم ولّد النسخ مرة واحدة في النهاية. وهذا عادةً هو الترتيب الأرخص.
النسق مشترك
كلتا النسختين تستخدمان نسق المشروع، فتغييرات اللون والخط تسري عليهما تلقائيًا. أما التخطيط وحده فيخص كل نسخة.
الكود المصدَّر
يعكس الكود المصدَّر الشاشة التي صدّرتها. فإن احتجت تنفيذًا متجاوبًا حقًا بدل تخطيطين ثابتين، فصدّر شاشة سطح المكتب وكيّفها، أو صدّر الاثنتين وادمجهما عند نقطة التوقف — راجع تصدير الكود.
هل كانت هذه المقالة مفيدة؟
مقالات ذات صلة
تحرير شاشة
الطرق الثلاث لتغيير تصميم — المحادثة، ووضع التحرير، وضبط النسق — ومتى تكون كل منها الأداة الصحيحة.
الأنساق وأدلة الأسلوب
كيف يعمل نسق المشروع، وكيف تغيّره بأمان، ولماذا لا ينبغي تحرير الألوان شاشةً شاشة.
تصدير الكود (HTML وReact وTailwind)
صدّر شاشة واحدة أو مشروعًا كاملًا كودَ واجهة أمامية جاهزًا للإنتاج.