ثلاثة مقاسات، وخلاص
جداول المقاسات اللي تلقاها بالنت فيها عشرين رقماً، وأنت بتستخدم ثلاثة منها. العرض ثابت 1080 بكلها — اللي يتغيّر هو الطول:
مربّع
1080×1080 · 1:1
منشور إنستغرام وفيسبوك
طولي
1080×1350 · 4:5
يأخذ مساحة أكبر بالتايم لاين
ستوري
1080×1920 · 9:16
ستوري وريلز
لا تصمّم بمقاس رابع «مخصص» — المنصة بتقصّه لواحد من هذي الثلاثة، والفرق إنك ما بتختار وش ينقص.
وين ينقصّ كلامك بالضبط — بالبكسل
هذي الهوامش اللي يحجزها انشرلي بكل مقاس ولا يحط فيها نصاً. لو تصمّم بأداة ثانية، خذ نفس الأرقام وحطها مسطرة بملفك:
مربّع — 1080×1080
اترك 81px فاضية من فوق، و86px من تحت. يبقى لك شريط ارتفاعه 913px هو مكان النص الآمن.
طولي — 1080×1350
اترك 97px فاضية من فوق، و101px من تحت. يبقى لك شريط ارتفاعه 1152px هو مكان النص الآمن.
ستوري — 1080×1920
اترك 182px فاضية من فوق، و202px من تحت. يبقى لك شريط ارتفاعه 1536px هو مكان النص الآمن.
وهذي مو أرقام تقديرية — هي نفسها المحجوزة داخل محرّك التصميم عندنا، فما تحتاج تختبرها بكل منشور.
الطولي ينقصّ مرتين — وأغلب الناس تنتبه متأخر
المنشور الطولي 1080×1350 يظهر كامل بالشريط، لكنه بشبكة حسابك ينقصّ لمربّع من الوسط. يعني ينحذف 270px — 135px من فوق و135px من تحت.
فلو حاطّ اسم محلك بأعلى الطولي، ورقم جوالك بأسفله، كل واحد منهما بيختفي من شبكة حسابك — وهي أول شي يشوفه اللي يزور صفحتك أول مرة. خلّهما داخل المربّع الأوسط، والأطراف للصورة أو للتدرّج فقط.
وعشان ما تحسبها بكل مقاس: الثلث الأوسط هو الشريط اللي ينجو من قص الشبكة ومن واجهة التطبيق مع بعض. حدوده من فوق ومن تحت بالبكسل:
- مربّع: من 360px إلى 720px نازلاً من الحافة العليا.
- طولي: من 450px إلى 900px نازلاً من الحافة العليا.
- ستوري: من 640px إلى 1280px نازلاً من الحافة العليا.
هذا الشريط أضيق من منطقة الأمان اللي فوق، وهو المكان الوحيد اللي تحط فيه الشي اللي ما تتحمّل ضياعه: السعر، والتاريخ، ورقم الطلب.
الستوري: التطبيق نفسه يجلس فوق تصميمك
بالستوري ما فيه قص — فيه حجب. واجهة انستقرام ترسم أشياءها فوق صورتك، وهذي مواقعها:
الشريط العلوي
صورتك واسم الحساب ووقت النشر، مع خط التقدّم. أي نص تحطه هنا نصه محجوب.
الشريط السفلي
خانة «أرسل رسالة» وزر المشاركة. تحتلّ آخر جزء من الشاشة كامل.
الملصقات
الاستفتاء أو الرابط أو العدّاد. لو ناوي تحط ملصقاً، افرغ له مكاناً بالثلث السفلي قبل التصميم مو بعده.
واختبار سريع: افتح الستوري بجوالك وامسكه بشكل طبيعي. لو كان كلامك تحت إبهامك، ما قروه.
عدّ حروف عنوانك قبل ما تصمّم
الكلمة العربية ما تنكسر بالنص: بالإنجليزي تقص الكلمة الطويلة بشرطة، وبالعربي الحروف موصولة فتنزل كاملة للسطر الجاي — والعنوان اللي يبان مضبوطاً بالمربّع يصير ثلاثة أسطر بالستوري ويطلع من منطقة الأمان. وزيادة على كذا العربي أطول: «عرض نهاية الأسبوع» ١٧ حرفاً، ومقابلها بالإنجليزي Weekend Offer ١٣ حرفاً.
تحت ٢٠ حرفاً
سطر واحد بأكبر خط ممكن. هذا العنوان اللي يوقّف الإصبع.
من ٢١ إلى ٤٠
سطران. يشتغل بالمربّع والطولي، ويضيق بالستوري لو زاد التباعد.
فوق ٤٠ حرفاً
ما هو عنوان — هذا كابشن. انقله تحت الصورة وخلّ على التصميم جملة قصيرة.
وشي أخير يخصّ العربي وحده: خلّ تباعد الأسطر ١٣٠٪ على الأقل. حروفنا فيها نقاط وأطراف تنزل تحت السطر — زي «ج» و«ي» و«ر» — ولو ضيّقت التباعد لامست السطر اللي تحتها.
عناوين مقاسة — انسخها كما هي
هذي عناوين محسوبة الحروف مسبقاً، كل واحد يدخل بمقاسه من غير ما ينكسر. بدّل الكلمة اللي تخص نشاطك واترك الباقي:
طازة من الفرن اليوم
خصم ٢٥٪ على كل التشكيلة
تشكيلة الشتاء وصلت من ١٩٩ ريال
آخر يومين بالعرض
القالب هو اللي يقرّر وين يقع النص
مو كل قالب يناسب كل مقاس. القالب اللي يحط النص على حافة الصورة يخسر بالطولي وبالستوري، والقالب اللي يجمع النص بالوسط ينجو بالثلاثة. بانشرلي تختار المقاس والتصميم يعيد ترتيب نفسه، فما تطلع نسخة الستوري بخط صغير ضايع بنص الصورة:
ست غلطات مقاس — وجنب كل وحدة رقمها البديل
هذي الغلطات اللي تتكرّر بحسابات المحلات، وجنب كل وحدة وش يصير لها فعلاً والرقم اللي يصلّحها. افتح آخر منشور نشرته وقارنه بالجدول:
اسحب الجدول يمين ويسار لبقية الأعمدة
| الغلطة | وش يصير لها | الرقم البديل |
|---|---|---|
| ترفع تصميمك المربّع كما هو ستوري | التصميم يقعد بنص الشاشة ويطلع فوقه وتحته شريطان فاضيان مجموعهما 840px يعبّيهما التطبيق بخلفية مطموسة | 1080×1920 صدّر نسخة ستوري مستقلة، وكبّر خطها لأن الشاشة أطول |
| تحط شعارك بأعلى زاوية بالمنشور الطولي | شبكة حسابك تقصّ أول 135px، فالشعار أول شي يضيع من أول صفحة يفتحها الزائر | 232px ابدأ الشعار بعد هالمسافة من الحافة العليا: 135 للقص و97 لهامش الأمان |
| رقم جوالك بآخر سطر بالستوري | خانة «أرسل رسالة» تجلس فوق آخر 202px، فيبان نصف الرقم بس | 1718px خلّ آخر سطر ينتهي قبل هالحد نازلاً من الحافة العليا |
| تصمّم بمقاس 1080×1500 عشان «يبان أطول» | انستقرام يرجّعه إلى 4:5 وينحذف 150px — 75 من فوق و75 من تحت، وأنت ما اخترت وش راح | 1080×1350 هذا أطول مقاس مسموح بالشريط، وما ينقص منه ولا بكسل |
| تاخذ لقطة شاشة للتصميم بدل ما تصدّره | اللقطة تجي بعرض شاشتك مو بعرض 1080، وإعادة التحجيم تفتّت أطراف الحروف العربية الرفيعة | 1080px صدّر بهالعرض بالضبط ولا تضغط الملف بنفسك — المنصة بتضغطه هي |
| تظبط حجم الخط وأنت تعاين التصميم على الكمبيوتر | الشريط بالجوال يعرض المنشور بعرض قريب من 400px، يعني كل قياس بملفك ينكمش لأقل من نصفه | 90px / 50px أصغر حجم للعنوان وللسطر الثانوي بملف عرضه 1080 |
وكل اللي فوق يخصّ مكان الكلام، مو شكل الحروف نفسها. لو طلع نصك مفكوكاً أو مقلوباً بالتصميم، فالعطل بالأداة اللي رسمته — فيه اختبار قصير يكشف أي أداة بنص دقيقة.
وبانشرلي ما تحفظ ولا رقم من هذي الأرقام: تختار مربّع أو طولي أو ستوري، والتصميم نفسه يرتّب النص داخل الشريط الآمن للمقاس اللي اخترته. تصمّم مرة وحدة، وتنزّل بالثلاثة، وما تقصّ ولا تعيد تصدير شي بيدك.