الأقسام الجاهزة والقوالب وعروض Studio

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

الصفحة الرئيسية لتطبيق سفر صُممت في Yallapp Studio: صورة المنتجع، والرحلة القادمة في بطاقة صعود، وفنادق الشركة بسعر الليلة
الشكل الثاني لتطبيق Safra: الأيام المتبقية على الرحلة القادمة فوق مراحلها، والإقامات في شبكة صور، والإقامة مع الطيران بسعر واحد، والرحلات المغادرة
الصفحة الرئيسية لأكاديمية، صُممت في Yallapp Studio: مدرّسون حقيقيون ومهارات حقيقية فوق صورة المكتبة، ومدرّسوها في فهرس، والدورات الأكثر رواجًا
الشكل الثاني لتطبيق Rawaq Academy: دورة مدرّس في شريط صور بملء الشاشة، والمدرّسون في دوائر، والدورات الأكثر رواجًا

الأقسام الجاهزة

اسحب قسمًا وضعه في الصفحة، أو اضغط عليه فيُضاف في آخرها. وكل قسم مصنوع من عناصر عادية تغيّرها واحدًا واحدًا.

  • لكل المشاريع: ترحيب، وبانر العروض، والأقسام، وقائمة، وزرار، والمميزات، وأرقام، ورأي زبون، ومكاننا، وفورم تواصل، وشريط بحث، والخطوات، وأسئلة، وعرض بعدّاد؛ والأقسام التي تبدأ بالصورة صورة عليها كلام ومربعات صور وناس في دواير.
  • للمتاجر: سلايدر كبير، وسلايدر كروت، وسلايدر صورة وكلام، وسلايدر عروض، وعرض سريع، والأقسام بالصور، وأقسام في دواير، ووصل حديثًا، والأكتر مبيعًا، وعليه خصم، وعرض النهارده، واشتري اللوك، والماركات، وليه تشتري مننا، وكوبون خصم، وشفته قريب.
  • لكل نوع من المشاريع: ابعت شحنة، وتوصيل أكل، ومشاوير، والمدرسين، والمدرسة، والجامعة؛ وفي التطبيق متعدد البائعين: العنوان والبحث، وأنواع الأماكن، والعروض، والمطابخ، وأقسام السوبرماركت، والنادي، والأماكن القريبة منك، والأعلى تقييمًا، والأسرع، والبقالة، والتوصيل المجاني، واطلب تاني.

القوالب

يبدأ تمبلتات الصفحة المفتوحة من صفحة كاملة؛ فتُستبدل عناصرها، ويعيدها تراجع. تأتي قوالب نوع مشروعك أولًا: عرضه، وعليه علامة مُقترح (مثل زي الديمو: Sofra Eats)، ثم شكلا Signature الخاصّان بالعرض، وكلٌّ منهما التطبيق كله بذلك الشكل، ثم قوالب النوع الأخرى، مثل أكل بصورة كبيرة وماركت بمربعات صور ومندوب في المدينة ومشوار بالليل وخريطة التاكسي والنهارده في المدرسة ومدرسين حقيقيين وأكاديمية بريميوم. وتبدأ الأكاديمية بشكلَي Ufuq Academy، سينما بالليل والحلقة الدهبي. وتناسب براند وتواصل وصفحة فاضية كل المشاريع.

وتُعرض أشكال Signature أيضًا في خطوة العلامة التجارية من إعداد التطبيق، كلٌّ منها بصورته، وحين تُنشئ مشروعًا جديدًا.

ويحفظ احفظ الصفحة كتمبلت خاص بيك الصفحة في تمبلتاتي لصفحاتك الأخرى.

التصاميم الكاملة

يغيّر تصاميم كاملة كل الصفحات والهيدر والمظهر مرة واحدة. ولنوع المشروع الذي له عرض في Studio يأتي العرض أولًا (زي الديمو بتاعنا: …)، ثم شكله الثاني باسمه. ثم تأتي ستة تصاميم مميزة، كلٌّ منها مصنوع لنوع مشروعك، أيًّا كان:

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

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

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

الكلمات في تطبيقك

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

عروض Studio التسعة

كل عرض تطبيق حقيقي مصنوع في Studio، بالإنجليزية والعربية والتركية، بالوضعين الفاتح والداكن، وبصور حقيقية، وكلٌّ منها هو شكله A. والبدء من أحدها يعطيك كل شيء فيه: صفحاته وتبويباته وشريطه ومظهره وشاشة تسجيل الدخول وقائمة الحساب وعناصره والهيدرات المميزة وشكل شاشات التطبيق نفسه.

  • Ufuq Academy، أكاديمية مميزة: الدورة التي يدرسها الطالب بملء الشاشة، ودروسها أجزاء ذهبية، مع التحية وزر التشغيل؛ وسلسلة تعلّمه بأيام هذا الأسبوع بجانب حصته المباشرة التالية؛ ودورات مختارة له؛ مع تبويب المدوّنة وشريط كحلي عائم.
  • Rawaq Academy، أكاديمية بمدرسين كثيرين: صورة المكتبة مع «معلمون حقيقيون. مهارات حقيقية.»، والمدرّسون في فهرس يُميَّز فيه من يدرّس مباشرةً، ودورات الشهر الأكثر رواجًا في بطاقات صور؛ الرئيسية والمدرّسون ودوراتي والحساب.
  • Sofra Eats، توصيل طعام من مطاعم كثيرة: أطباق الليلة في سلايدر صور كبيرة، وطلب الشخص في الطريق فوق طرفه، والمطاعم المفتوحة القريبة مربعات صور، وبعض الأطباق من قوائم الطعام مع رسوم التوصيل.
  • Zad، تطبيق متعدد البائعين فيه مطاعم وسوبرماركت: العنوان مع أقرب وقت للتوصيل والبحث، وعروض هذا الأسبوع في ملصقات خضراء بأكوادها، والأقسام صورًا على شكل أقواس، والأماكن القريبة؛ الرئيسية والمحلات والسلة والطلبات والحساب.
  • Sahm Express، شركة توصيل: «عبر المدينة، اليوم.» بخط كبير، ونموذج الإرسال على شكل بوليصة شحن بالخدمات ومواعيدها وأسعارها، وشحنة الشخص بمراحلها مسمّاة على خط.
  • Masar Rides، رحلات: خريطة حيّة للمدينة عليها رحلة الشخص، والسائق في الطريق، وفئات السيارات بأجرتها، و«إلى أين؟».
  • Lamha Taxi، تطبيق سيارات أجرة مباشر: سيارات الأجرة المتاحة حول الشخص على خريطة بلونين، ودقائق أقربها، والوجهة، والفئات، والسعر الثابت إلى المطار.
  • Nakhla School، مدرسة: صورة بوابة المدرسة مع الأبناء للتنقّل بينهم وتحية الأسرة، وأخبار المدرسة متحركة، واليوم في المدرسة للابن المختار، والنماذج المطلوب توقيعها.
  • Safra، شركة سفر: صورة المنتجع مع استكشف والرحلات والطيران والمحفوظة، والرحلة القادمة للشخص كبطاقة صعود، وفنادق الشركة بسعر الليلة، ورحلاتها الجوية.

والصفحة الرئيسية السابقة لكل عرض قالب أيضًا لنوع مشروعه، فيمكن لأي مشروع أن يبدأ صفحة مثلها.

شكلان لكل عرض

لكل عرض شكلان من أشكال Signature. الشكل A هو العرض نفسه؛ والشكل B تطبيق كامل آخر، بصفحته الرئيسية وصفحاته وتبويباته وشريطه وألوانه وخطه وشاشة تسجيل الدخول وقائمة الحساب الخاصة به. وكلاهما قالب حقيقي: أيٌّ منهما يبدأ مشروعًا حقيقيًّا.

  • Sofra Eats: منيو على طريقة المجلات، وسفرة بنتو (الطلب داخل حلقة ذهبية، والمطابخ في بينتو من الصور، وشريط أطباق مائل، وكبسولة عائمة داكنة).
  • Zad: أقواس السوق، وممر الليل (صورة الممر مع الطلب في كبسولة رفيعة والدقائق حتى الباب، والأقسام قصصًا، والأماكن بطاقات متراكبة).
  • Sahm Express: بوليصة الشحن، والطريق مباشر (الشحنة مرسومة على خريطة حيّة، ولوح بدقائقها ومراحلها، وإرسال طرد، والخدمات صورًا).
  • Masar Rides: خريطة حية، والأفق (المدينة مائلة نحو الأفق، و«إلى أين؟» بخط كبير مع اسم الشخص، ودقائق السائق، والأجرة).
  • Lamha Taxi: تاكسي بلونين، ورادار في لمحة (عدد سيارات الأجرة المتاحة بخط كبير، ورادار للسيارات حوله، والفئات، ودوك).
  • Safra: قصة الغلاف، وأطلس بينتو (أيام الرحلة القادمة فوق مراحلها، والإقامات في بينتو، والإقامة مع الطيران بسعر واحد، والرحلات المغادرة).
  • Nakhla School: طبعة الصبح، وكروت العيلة (يوم الابن المختار في بطاقة، وحافلة المدرسة، والنماذج المطلوب توقيعها، والأخبار).
  • Rawaq Academy: دليل المدرسين، وعلى الهوا (المدرّسون في سلايدر بملء الشاشة، والمدرّسون في حلقات، والدورات الأكثر رواجًا في شبكة).
  • Ufuq Academy: سينما بالليل، والحلقة الدهبي (الدورة داخل حلقة ذهبية، والسلسلة بأيام هذا الأسبوع، والحصة المباشرة، والدورات المختارة في قائمة، مع دوك).

البدء من عرض

  1. افتح اختر تطبيقك، أو اختر مشروع جديد في Studio. ويعرض Studio في الأعلى عروض Studio، داكنة بالذهبي، منفصلةً عن عروض محرر التطبيق. وتعرض كل بطاقة الشكل A في المقدّمة وهو يشغّل مقطعه، والشكل B خلفه مع شكلين.
  2. اختر عرضًا لترى صفحته: ثلاث من شاشاته، وصفحاته، وما يأتي معه (دوراته أو أطباقه أو أماكنه أو أنواع سياراته أو فصوله أو فنادقه)، ولغاته، وشكلين تبدأ منهم، أي الصفحة الرئيسية لكل شكل باسمه. يكون الشكل A مختارًا أولًا؛ ويأخذ اختار الشكل ده الشكل الآخر.
  3. اختر ابدأ بالتطبيق ده، ثم خلّيه بتاعك: اسم تطبيقك، وشعارك، ولونك المأخوذ من الشعار. ويعرض الهاتف بجانبه تطبيقك وأنت تعمل، بالشكل الذي اخترته («بالشكل: الشكل B · الأفق»). ثم اختر اعمل تطبيقي.

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

تجربة العرض مباشرةً

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

وكل بطاقة في صفحة الاختيار تشغّل مقطعًا قصيرًا صامتًا من عرضها بشكله A وأنت تراها: صفحته الرئيسية، وتبويبًا آخر، ثم العودة. والهواتف المضبوطة على تقليل الحركة تعرض الصورة فقط.