دليل دراسة+
الواجهات

الطابع: صفحة جميلة دون أن تكون مصمّماً

الطابع ليس لوناً فقط: خطوط وألوان وزوايا وأزرار وحركة وأشكال للأقسام صُمّمت لتعمل معاً، بالعربية والفرنسية والإنجليزية. تختار واحداً من عشرة، ثم تخصّصه بلونك وخطّك، ولا تستطيع أن تكسره: كل خيار في اللوحة آمن، والألوان تُضبط لتبقى الكتابة واضحة. مثالنا مريم، مدرّبة اللياقة في البيت، تنقل صفحتها من «مِداد» إلى «نَبض» وتحتفظ بلونها الأخضر المزرقّ.

  • دقيقتان إلى خمس
  • 8 خطوات

من يستطيع: من يملك «تحرير الواجهات».

ستتعلّم في 8 خطوات

  1. 1افتح «الطابع»: عشر بطاقات، كل واحدة تعرض افتتاحية صفحتك أنت؛ والضغط يعيد كل الخيارات إلى تصميم الطابع.
  2. 2«احتفظ بلوني» قبل أن تضغط بطاقة، أو اختر «لون الهوية» أو «استعمل لون مؤسّستي»: نضبط درجته لتبقى الكتابة مقروءة.
  3. 3اضبط «قلم التحديد» و«الرماديات» و«الأساس» فاتحاً أو داكناً.
  4. 4اختر «الخط» من ثلاثة أزواج، ثم «الزوايا» و«الكثافة» و«الأزرار».
عرض الكلّ
  1. 5«حركة الظهور» و«حركة زرّ الشراء» و«زخرفة الطابع»، وبجانب كل مجموعة «كما صُمّم».
  2. 6«أشكال الطابع» تعطي الأقسام غير المقفلة أشكال الطابع، بخطوة تراجع واحدة.
  3. 7«النبرة» لقسم واحد: «تلقائي» يكفي غالباً، ولبعض الأقسام نبرات محدّدة.
  4. 8جرّب بلا خوف: «قبل تغيير الطابع» في «النسخ»، و«تراجع»، والزوار لا يرون شيئاً قبل النشر.

قبل أن تبدأ

  • واجهة مفتوحة في المحرّر: «الهوية» في الشريط السفلي على الهاتف، أو «الهوية» في لوحة «الأقسام» على الحاسوب.
  • لون هويتك إن كان لك لون: رمزه مثل ‎#0e7c66‎، أو لون مؤسّستك المحفوظ في إعدادات الموقع.
  • صورة غلاف واضحة في «الافتتاحية»: البطاقات تعرضها بكل طابع.
  1. الخطوة 2 من 8

    لونك: «احتفظ بلوني» و«لون الهوية»

    تُبقي لون هويّتك في أيّ طابع، والمنصّة تضبط درجته لتبقى الكتابة وزرّ الشراء واضحين.

    • «احتفظ بلوني»شغّله قبل أن تضغط بطاقة طابع: يتغيّر الخطّ والشكل، ويبقى لونك.
    • من أين اللون؟اثنا عشر لوناً مسمّى، أو «رمز اللون» بنفسك، أو «استعمل لون مؤسّستي» من إعدادات موقعك.
    • لون فاتح جداً؟لا يُكتب عليه بالأبيض: الطابع يجعل نصّ الزرّ داكناً ويقول لك ذلك، ليُقرأ زرّ الشراء.

    نصيحةرمز خاطئ؟ تقول اللوحة «اكتب رمزاً مثل #1f53b8». انسخ الرمز من شعارك أو من إعدادات موقعك.

    كلّ التفاصيل

    حين يختلف لون هويتك عن لون الطابع يظهر فوق البطاقات «احتفظ بلوني» («يتغيّر الخطّ والشكل، ويبقى لونك.»): شغّله قبل أن تضغط بطاقة لتبقى ألوانك. وفي تبويب «الألوان» تختار «لون الهوية» («اختر أيّ لون. نضبط درجته لتبقى الكتابة واضحة.») من اثني عشر لوناً مسمّى (أحمر الورّاق، برتقالي دراسة، أخضر الأفق، أزرق الحبر…)، أو «لون مخصّص» بكتابة «رمز اللون»، أو «استعمل لون مؤسّستي» إن كان في إعدادات موقعك لون آخر. تحت الحقل «لونك» وبجانبه ما سيظهر فعلاً: «يظهر كما هو» أو «يظهر هكذا ليُقرأ النصّ»، ثم أربع مربّعات بالنبرات الأربع لترى الحرف والزرّ على كل خلفية.

    ستجد على الشاشةاحتفظ بلونيتخصيصالألوانلون الهويةلون مخصّصرمز اللوناستعمل لون مؤسّستيلونكيظهر كما هويظهر هكذا ليُقرأ النصّ

    انتبهاللون الفاتح جداً (الأصفر المشمس مثلاً) لا يُكتب عليه بالأبيض: الطابع يجعل نصّ الزرّ داكناً، ويقول لك ذلك. هذا مقصود، ليقرأ الزائر زرّ الشراء.

  2. الخطوة 3 من 8

    التحديد والرماديات والأساس

    تضبط لون الكلمات المظلّلة ودرجة الرماديات وأساس الصفحة الفاتح أو الداكن، واللوحة تنبّهك إن صعبت القراءة.

    • «قلم التحديد»«بلا»، أو «من لونك»، أو ثمانية ألوان من أصفر الزعفران إلى الفستقيّ.
    • فاتح أم داكن؟الداكن يناسب التصوير والمونتاج، والفاتح يناسب أغلب الدروس.
    • للعودة«كما صُمّم» يعيد التحديد والرماديات والأساس، ولا يمسّ لونك.
    كلّ التفاصيل

    «قلم التحديد» يلوّن الكلمات التي تظلّلها في نصوصك: «بلا»، أو «من لونك»، أو ثمانية ألوان: أصفر الزعفران، ذهبي، مشمشي، ورديّ، خزامى، سماويّ، نعناعيّ، فستقيّ؛ و«الآن:» يريك الاختيار. «الرماديات»: «محايدة» أو «من لونك» أو «دافئة» أو «باردة». «الأساس»: «فاتح» أو «داكن» («الداكن يناسب التصوير والمونتاج. الفاتح يناسب أغلب الدروس.»). إن صار شيء صعب القراءة قالت اللوحة ذلك صراحة، مثل «النصّ صعب القراءة في النبرة المعكوسة.» أو «التظليل يغطّي النصّ في النبرة المعكوسة.»، فتعرف ما تغيّره. و«كما صُمّم» بجانب «الألوان» يعيد التحديد والرماديات والأساس، ولا يمسّ لونك.

    ستجد على الشاشةقلم التحديدبلامن لونكالآن:الرمادياتمحايدةدافئةباردةالأساسفاتحداكنكما صُمّم
  3. الخطوة 4 من 8

    الخطّ والشكل

    تختار زوج خطوط وزوايا وكثافة وأزراراً تليق بطابعك، وترى كلّ خيار قبل أن تضغطه.

    • «الخط»ثلاثة أزواج لكلّ طابع، خطّ للعناوين وخطّ للنصّ، مقيسة لتبقى الصفحة خفيفة على الهاتف.
    • «الشكل»الزوايا من «حادّة» إلى «كبسولة»، والكثافة، والأزرار: «مصمت» أو «ملموس» أو «بسهم» أو «مؤطّر».
    • خطّك الخاص؟لا يُرفع: الأزواج مختارة لتظهر العربية والفرنسية صحيحتين.

    نصيحةلا يمكن رفع خطّ خاص: الأزواج مختارة لتظهر العربية والفرنسية صحيحتين، ولتبقى الصفحة خفيفة.

    كلّ التفاصيل

    «الخط» («ثلاثة أزواج تليق بهذا الطابع.»): لكل طابع ثلاثة أزواج، خطّ للعناوين وخطّ للنصّ، أوّلها «خطّ الطابع» والآخران «مثل …» طابعين قريبين، وتحت كل زوج اسما الخطّين (في «نَبض»: Lalezar · Almarai). كلها مقيسة لتبقى صفحتك خفيفة على الهاتف. «الشكل»: «الزوايا» «حادّة» و«مشذّبة» و«ليّنة» و«مستديرة» و«كبسولة»؛ «الكثافة» «مضغوطة» أو «عادية» أو «واسعة»؛ «الأزرار» «مصمت» أو «ملموس» (بظلّ تحته) أو «بسهم» أو «مؤطّر». كل خيار يظهر بمعاينة صغيرة قبل أن تضغطه.

    ستجد على الشاشةالخطثلاثة أزواج تليق بهذا الطابع.خطّ الطابعالشكلالزواياحادّةمشذّبةليّنةمستديرةكبسولةالكثافةمضغوطةعاديةواسعةالأزرارمصمتملموسبسهممؤطّر
  4. الخطوة 5 من 8

    الحركة: الظهور وزرّ الشراء والزخرفة

    تقرّر كم تتحرّك الصفحة أثناء التمرير، وهل يلفت زرّ الشراء النظر، وهل تظهر زخرفة الطابع.

    • «حركة الظهور»«بلا» أو «هادئة» أو «حيّة». أوّل شاشة لا تتحرّك أبداً لتفتح الصفحة بسرعة.
    • «حركة زرّ الشراء»«بلا» أو «نبض» أو «لمعة». تبدأ «بلا»، وتُعطَّل ما دامت «حركة الظهور» على «بلا».
    • «زخرفة الطابع»مفتاح، وتحته وصف زخرفة طابعك، مثل سطر النقاط الذهبية في «مِشكاة».

    نصيحة«حركة زرّ الشراء» تبدأ «بلا» في كل الطوابع. جرّب «نبض» في صفحة قصيرة يكون فيها الزرّ هو المقصود، واتركها «بلا» في صفحة طويلة للقراءة.

    كلّ التفاصيل

    في «الحركة»: «حركة الظهور» للأقسام عند التمرير، «بلا» أو «هادئة» أو «حيّة»؛ و«أوّل شاشة لا تتحرّك أبداً، لتفتح الصفحة بسرعة.» ثم «حركة زرّ الشراء»: «بلا» أو «نبض» أو «لمعة» («تلفت النظر إلى الزرّ دون أن تزعج القارئ.»)، وهي معطّلة ما دامت «حركة الظهور» على «بلا»، وتتوقّف على الهواتف التي تطلب تقليل الحركة. أخيراً «زخرفة الطابع»: مفتاح، وتحته وصف زخرفة هذا الطابع، مثل «شريط النبض فوق العناوين، وأرقام عدّ كبيرة» في «نَبض» أو «سطر من النقاط الذهبية فوق العناوين وتحت الأرقام، وورق كريمي بحبر أخضر» في «مِشكاة». و«كما صُمّم» بجانب «الحركة» يعيد الثلاثة.

    ستجد على الشاشةالحركةحركة الظهورهادئةحيّةحركة زرّ الشراءنبضلمعةزخرفة الطابعكما صُمّم
  5. الخطوة 6 من 8

    «أشكال الطابع»: الأقسام نفسها بهيئة أخرى

    تعطي أقسامك أشكال طابعك دفعة واحدة، وتترك لنقطة تنسيق إيقاع الصفحة، وكلاهما يتراجع بخطوة.

    • «أشكال الطابع»زرّ يعطي كلّ قسم غير مقفل شكل الطابع: «الافتتاحية» ملصقاً في «نَبض»، والأسعار جدولاً في «سَطر».
    • ما لا يتغيّر؟الأقسام المقفلة، وأشكال لها معنى: تذكرة البثّ، جدول الحصّة الواحدة، المنهج الأسبوعي للأفواج.
    • إيقاع نقطة«دع نقطة تنسّق إيقاع الصفحة» يغيّر أربعة مفاتيح من «الإخراج» فقط، لا نصوصك ولا أشكالك.

    نصيحةقسم أعجبك شكله ولا تريده أن يتغيّر؟ اقفله أوّلاً («اقفل القسم» في تبويب «الشكل»): الأقسام المقفلة لا تتغيّر.

    كلّ التفاصيل

    «أشكال الطابع» («لكلّ طابع أشكاله للأقسام، لا خطوطه وألوانه فقط: افتتاح بملصق أو ببيان، عرض بإيصال أو ببطاقة…»). الزرّ تحتها يحمل اسم طابعك، مثل «طبّق أشكال «نَبض» على الأقسام»: يعطي كل قسم غير مقفل شكل هذا الطابع له، فتصير «الافتتاحية» في «نَبض» ملصقاً، وفي «سَطر» تصير الأسعار جدولاً، وفي «مِشكاة» تنتهي الصفحة برسالة موقّعة. ثم سطر يقول ما حدث: «تغيّر شكل N من الأقسام. تراجع بخطوة واحدة إن أردت.» أو «أقسامك على أشكال هذا الطابع.». بعض الأشكال لها معنى فلا تُستبدل: تذكرة البثّ، والشريط الرفيع فوق افتتاحية البثّ، وجدول الحصّة الواحدة، والمنهج الأسبوعي للأفواج. بعدها صفّان لنقطة يشرحهما درس «نقطة تصمّم وتراجع»: «دع نقطة تصمّم صفحتك» («تقترح الأقسام من دورتك، تختار أنت، ثمّ تختار هي الأشكال والإيقاع.») و«راجعي كزائر» («أسئلة المشتري قبل أن يدفع: أيّها تجيب عنه صفحتك، وأيّها ينقصها، مع إصلاح بضغطة.»). ثمّ زرّ «دع نقطة تنسّق إيقاع الصفحة»: خطوة واحدة تتراجع عنها، لا تمسّ نصوصك ولا أشكالك، بل أربعة مفاتيح من «الإخراج» في كلّ قسم (الحضور والكثافة والبطاقات والعرض). يصير عنوان قسم العرض (أو «استمارة الطلب» إن كانت في الصفحة) بارزاً، والشرائط الرفيعة مضغوطة («شريط الإعلان»، شريط الموعد، شرائط الشعارات، «دعوة للتسجيل» في سطر…)، و«الكلمة الأخيرة» بهواء أكثر، وثاني شبكتي بطاقات متتاليتين مسطّحاً، و«الأسئلة» و«قد تتساءل» والقصّة وبيان الضمان بعرض القراءة. ما اخترته للرأس والكلمة الملوّنة والصور يبقى كما هو، والأقسام المقفلة والمخفية لا تتغيّر؛ أمّا المفاتيح الأربعة في غيرها فتأخذ قرار نقطة. ثمّ سطر يقول ما فعلت، مثل «نسّقت نقطة 4 من الأقسام: …»، أو «إيقاع صفحتك منسّق.».

    ستجد على الشاشةأشكال الطابعأقسامك على أشكال هذا الطابع.دع نقطة تصمّم صفحتكراجعي كزائردع نقطة تنسّق إيقاع الصفحةإيقاع صفحتك منسّق.
  6. الخطوة 7 من 8

    «النبرة»: خلفية كل قسم

    تختار أيّ ألوان هويتك تأخذها خلفية كل قسم، والمحرّر يرتّبها لتُقرأ الصفحة بإيقاع.

    • من أين تُغيَّر؟اختر القسم ثم تبويب «الشكل»: «النبرة» أوّل ما فيه، على الحاسوب والهاتف.
    • القواعدالافتتاحية بنبرة واحدة دائماً. الداكن مرّتان على الأكثر في صفحة من سبعة أقسام، و«بلونك» مرّة واحدة.
    • كسرت الإيقاع؟تقترح «جاهزة؟» «اترك النبرة تلقائية».

    نصيحةاجعل «بلونك» لقسم واحد يستحقّها، مثل الكلمة الأخيرة: إن تكرّرت فقدت أثرها، ولذلك تسمح بها الصفحة مرّة واحدة.

    كلّ التفاصيل

    كل قسم يأخذ نبرة من ألوان هويتك: «فاتح» و«ورقي» و«داكن» و«بلونك» (وعلى هوية داكنة يصير «ورقي» «فحمي»). اختر القسم ثم تبويب «الشكل»: «النبرة» أوّل ما فيه، على الحاسوب والهاتف. «تلقائية» ترتّب النبرات ليتناوب إيقاع الصفحة، وهي الأفضل غالباً. وللإيقاع قواعد: الافتتاحية بنبرة واحدة دائماً ليبرز زرّها، فلا يظهر لها صفّ النبرة؛ والداكن مرّتان على الأكثر، في صفحة من سبعة أقسام فأكثر، وعلى الأرقام والآراء وصاحب العرض والكلمة الأخيرة فقط؛ و«بلونك» مرّة واحدة؛ وأقسام العرض لا تكون داكنة. لذلك لا يظهر لكل قسم إلا ما يناسبه. وإن اخترت نبرة تكسر الإيقاع، تقترح «جاهزة؟» «اترك النبرة تلقائية».

    ستجد على الشاشةالنبرةالشكلتلقائيةفاتحورقيداكنبلونكفحمياترك النبرة تلقائية
  7. الخطوة 8 من 8

    جرّب بلا خوف

    تجرّب الطوابع كما تشاء: كلّ شيء يتراجع، والزوّار لا يرون شيئاً حتى تنشر.

    • نسخة قبل التغييرأوّل تغيير في المظهر يحفظ «قبل تغيير الطابع» في «النسخ»، و«تراجع» يعيد آخر خطوة.
    • كيف تتأكّد؟بدّل «هاتف» و«حاسوب» في أعلى المحرّر، أو افتح «معاينة».
    • لهذه الواجهة وحدهاالطابع لا ينتقل إلى واجهاتك الأخرى: اختره في كلّ واحدة بنفسك.
    كلّ التفاصيل

    أوّل تغيير في المظهر يحفظ نسخة اسمها «قبل تغيير الطابع» في «النسخ» (ثم نسخة كل عشر دقائق على الأكثر)، و«تراجع» يعيد آخر خطوة، و«أشكال الطابع» كلها تُلغى بخطوة واحدة. شاهد النتيجة على «هاتف» و«حاسوب» في أعلى المحرّر، أو بـ«معاينة». وزوارك لا يرون الطابع الجديد حتى تنشر. في آخر اللوحة زرّ «طبّق على كل واجهاتي» معطّل، وتحته: «قريباً: تطبيق طابع واحد على كل واجهاتك دفعة واحدة. الآن يُحفظ الطابع لهذه الواجهة وحدها.»

    ستجد على الشاشةقبل تغيير الطابعالنسختراجعهاتفحاسوبمعاينةطبّق على كل واجهاتي

    انتبهالطابع يُحفظ لهذه الواجهة وحدها: لواجهة ثانية بالطابع نفسه، اختره فيها بنفسك.

هل ساعدك هذا الدرس؟
الدرس التاليإعدادات الصفحةابدأ الدرس

بعد الطابع

أسئلة شائعة

لماذا تغيّر لوني قليلاً؟

لأنّ الكتابة فوقه كانت ستصعب قراءتها. نضبط درجته، ونقول لك «يظهر هكذا ليُقرأ النصّ»، ولونك الأصلي محفوظ في الحقل كما كتبته.

ضغطت طابعاً فضاع لوني، ماذا أفعل؟

اضغط «تراجع»، أو اختر لونك من جديد في «لون الهوية». وقبل أن تجرّب البطاقات شغّل «احتفظ بلوني»: يظهر فوقها حين يكون لونك مختلفاً عن لون الطابع.

هل يمكنني رفع خطّ خاص بي؟

لا. لكل طابع ثلاثة أزواج مختارة ومقيسة لتبقى الصفحة خفيفة على الهاتف وتظهر العربية والفرنسية صحيحتين.

هل يتغيّر الطابع لزواري فوراً؟

لا. يظهر في المحرّر فوراً، ويصل إلى الزوار حين تنشر.

هل يغيّر «أشكال الطابع» نصوصي؟

لا. كل الأشكال تحفظ نصوصك، والزرّ يغيّر هيئة الأقسام غير المقفلة فقط، ويُلغى كله بخطوة تراجع واحدة.

هل الطابع الداكن مناسب للهاتف؟

نعم، وكل الطوابع مفحوصة لوضوح الكتابة في نبراتها الأربع. «لقطة» و«وَقار» داكنان من تصميمهما، ويمكنك جعل أيّ طابع داكناً من «الأساس».

هل «حركة زرّ الشراء» تزعج الزوار؟

هي خفيفة، وتتوقّف على الهواتف التي تطلب تقليل الحركة، ولا تعمل إن كانت «حركة الظهور» على «بلا». جرّبها في المعاينة قبل أن تنشر.

هل أطبّق الطابع على كل واجهاتي مرّة واحدة؟

ليس بعد. «طبّق على كل واجهاتي» قادم؛ الآن يُحفظ الطابع لكل واجهة وحدها.

الدرس السابقالصور والفيديو والحركة