التخطيطات والمناطق

التخطيط يقسم الشاشة إلى مناطق. كل منطقة تعرض قائمة تشغيلها الخاصة، في حلقتها الخاصة، وتعرف حجم التصميم الذي تحتاجه.

لماذا وُجدالشاشة مستطيل واحد، ولوحة قائمة الطعام ليست كذلك. تقسيمها يُبقي الطعام على الشاشة بينما يتحرك شريط الأخبار ويأتي الصوت من مكان آخر تمامًا — ثلاثة أشياء تتغير بثلاث سرعات، وهذا ما يفعله جدار في متجر فعلًا. البديل فيديو واحد يجب إعادة مونتاجه كلما تغير حساء اليوم.

المناطق#

تأتي مع المنصة تسعة تخطيطات: ملء الشاشة، ومنطقة رئيسية مع شريط سفلي، وشريط جانبي على أي من الجانبين، وشكل L، ونوعان من التقسيم، وزاوية طقس فوق صورة كاملة، وتقسيم ثلاثي. تُسمى مناطقها الرئيسية، والشريط الجانبي، والثانوية، والتذييل، وأداة.

ولكل تخطيط أيضًا الصوت، وهو ليس منطقة على الإطلاق — لا مربع له على الشاشة. إليه تذهب قائمة تشغيل الموسيقى أو الإعلانات الصوتية، وعلى جدار الفيديو يأتي الصوت من لوحة واحدة مهما كان عدد اللوحات التي تعرض الصورة.

رسم تخطيطك الخاص#

في نموذج الشاشة، تحت «التخطيط»، يفتح زر رسم تخطيط لوحة رسم بشكل تلك الشاشة. اسحب منطقة لتحريكها، واسحب زاوية لتغيير حجمها، أو اكتب البكسلات الدقيقة — المساحة المبيعة بمقاس 1920 × 240 تُدخل على أنها 1920 و240 بدلًا من سحبها حتى يتطابق الرقم مصادفة.

الشاشات ← شاشة ← إعدادات متقدمة ← التخطيط ← رسم تخطيط

واجهة المتجر · المقاسات لشاشة 1920×1080 — Old Street

الصورة الرئيسية1920 × 842 px · 100% × 78%الطبقة 02

شريط الأخبار1920 × 238 px · 100% × 22%الطبقة 0

تخاطبها الجداول باسمي الرئيسية والتذييل3

1الشاشة بدقتها وشكلها الخاصين، لذا تُرسم اللافتة العمودية عموديةً.

2تحمل كل منطقة الحجم الذي ستكون عليه فعلًا، بالبكسل، على هذه الشاشة.

3الاسم الذي يخاطب به الجدول هذه المنطقة. لا يتغير أبدًا، مهما أعدت تسميتها.

التخطيط نِسَب، لا بكسلات. تخطيط واحد يناسب كل شاشة تضعه عليها: الشريط الجانبي بعرض الربع يبلغ 480 px على شاشة 1920 و960 على شاشة 4K. المقاسات بالبكسل المعروضة هي للشاشة التي جئت منها.
إعادة تسمية منطقة آمنة. ما يشير إليه الجدول هو مفتاح المنطقة، المعروض تحت اسمها، وهذا لا يتغير أبدًا. سمِّها "شريط الأخبار" أو "نتائج كرة القدم" — تستمر الجداول التي تشير إليها في العمل.
أما حذف منطقة فليس آمنًا. المحتوى الموجّه إلى منطقة لم تعد موجودة يبقى مجدولًا ويتوقف عن الظهور. يخبرك المحرر قبل الحفظ بالجداول التي سيؤثر عليها ذلك.
الطبقات تحسم التداخل. يمكن أن تتراكب المناطق — وهذا ما هي عليه زاوية الطقس. الطبقة الأعلى في المقدمة.

شاشة جزء منها بلا محتوى

لا يلزم أن يغطي التخطيط الشاشة كلها، وحيث لا تصل أي منطقة تكون الشاشة سوداء. يخبرك المحرر أثناء الرسم بمقدار ذلك، لأن شريطًا أسود على أحد الجانبين واضح من الطرف الآخر للغرفة وغير واضح إطلاقًا على لوحة الرسم.

ما حجم التصميم الذي تحتاجه المنطقة#

هذا هو السؤال الذي وُجدت المقاسات بالبكسل للإجابة عنه. المصمم يحتاج إلى رقم، و"الشريط الجانبي" ليس رقمًا. افتح لوحة جدولة الشاشة فتجد كل منطقة مدرجة بحجمها — الصورة الرئيسية 1920 × 842 — وهذا ما ترسله لمن يصنع التصميم.

تظهر الأرقام نفسها عند إعداد مساحة إعلانية: اختيار مقاسات ثابتة يعرض المقاسات التي تنتجها شاشاتك فعلًا، مع التخطيط والمنطقة التي جاء منها كل منها، فتختار واحدًا بدلًا من كتابته. راجع كيف يعمل الإعلان.

مثال — واجهة مخبز في Old Street

الشاشة في الواجهة بمقاس 1920 × 1080. التخطيط صورة رئيسية فوق شريط أخبار، والتقسيم عند 78%، ويُظهره المحرر على أنه 1920 × 842 و1920 × 238. تُطلب الصور الفوتوغرافية بمقاس 1920 × 842. يأخذ الشريط أداة أخبار لا تحتاج إلى أي تصميم. ولا تأخذ منطقة الصوت شيئًا، لأن الواجهة تطل على الشارع.

على الهاتف

يمكن اختيار التخطيطات على الهاتف لكن لا يمكن رسمها. سحب المربعات على لوحة رسم وقراءة مقاساتها بالبكسل يحتاج إلى مكتب.