العناصر المميزة في Studio

الصورة الكبيرة

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

ظل الكلام

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

سلايدر الصور الكبيرة والكروت المتقلّبة

شكلان لعنصر سلايدر. يعرض سلايدر صور كبيرة صورًا بعرض الشاشة تحت ظل، لكلٍّ منها سطر صغير وعنوان كبير وزر، وخطًّا لكل شريحة يمتلئ وهي تنتظر، مع زووم بالراحة على الصور. ويعرض كروت بتتقلب بطاقات صور مستديرة الحواف تطلّ التالية منها، وتنتقل واحدةً واحدة، ونقاطها في كبسولة شفافة فوق طرفها. ويحدّد المؤشر مكانه موضعه فوق أو تحت، ومدى بُعده عن الحافة في بعيد عن الطرف، ولونه، مع العدد جنبه مثل «1/3» أو «01/03». ويتوقف السلايدر عن التقدّم وحده ما دام خارج الشاشة.

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

القصص

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

الشريط المتحرك

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

بانر الفيديو وبانر العمق

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

أما بانر بعمق فبانر صورة تتحرك صورته أبطأ من الصفحة أثناء التمرير: الصورة بتتحرك بـ من 10 إلى 90% من سرعة الصفحة. ويمكن للبانرين عرض الكلام على لوح زجاجي، وتحت هيدر شفاف يُعدّ كلاهما غلافًا، مثل الصورة الكبيرة.

معرض الصور

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

قبل وبعد

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

الحركة أثناء التمرير

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

آراء العملاء

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

الأسعار والباقات

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

الأرقام

أرقام كبيرة بعناوينها، وكلمات قبلها وبعدها («+» و«%» و« دقيقة»)، وأيقونة، تتصاعد مرة واحدة حين تظهر. اعرضها في كروت أو مع خطوط بينهم، وأحدها باللون التاني. ويُبقيها اعرض الأرقام من غير ما تعدّ ثابتة.

التقدّم

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

الخط الزمني

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

البطاقة التعريفية

بطاقة لشخص أو مكان: صورة غلافها، وصورة مستديرة أو مربع بحواف مستديرة (شكل الصورة)، والاسم والدور، وشارتان وزرّان تغيّرهما كأي عنصر، وحتى 6 من لينكات السوشيال.

شبكة بينتو

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

البطاقات الزجاجية والتذاكر والملمس

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

الشارة

شارة بكلماتها وأيقونتها: كبسولة، أو إطار، أو متدرّج، أو زجاج، أو كلام متدرّج، أي عنوان بلونَي علامتك التجارية من دون شارة. ضعها في صف بجانب عنوان.

شريط الطلب

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

الخريطة فوق الصفحة

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

الأشكال المميزة للخرائط

يمكن أن تأخذ الخريطة فوق الصفحة شكل الخريطة: خريطة حيّة (نهر منحنٍ بجزيرته، وشوارع وطرق رئيسية وحدائق)، أو أفق (المدينة مائلة نحو أفق ضبابي، مع مكان لعنوان فوق الضباب)، أو لونين (مطبوعة بلونَي العلامات، والعلامات لافتات فوق السيارات، وشريط مربّعات أسفلها)، أو عدسة رادار (رادار مستدير بحلقات 1 و3 و5 دقائق ومسح بطيء، وسيارات الأجرة حوله بآثارها). ويرسم التطبيق كلًّا منها نهارًا وليلًا، من دون مربعات خرائط، ويقلبها للعربية.

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

المسار المباشر

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

التحية

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

الطلب المباشر

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

البطاقة المباشرة

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

يوم المدرسة

للمدارس: جزء من يوم الأسرة في المدرسة، من بيانات أبناء وليّ الأمر. أنهي جزء: التحية مع تاريخ النهارده، أو الأولاد للتنقّل بينهم، أو النهارده: الحضور والحصة والباص للابن المختار: وصوله عند البوابة، والحصة الحالية والتالية، وحافلة العودة.

بطاقات الطالب على صورة

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

التقييمات على البطاقة

في بطاقة القائمة التي تصمّمها، اجعل بيعرض من العنصر لأحد العناصر التقييم: تقييم العنصر مع نجمة، بعد كلمات العنصر نفسه، مثل «Omar Farouk · 4.8/5». ولا يظهر شيء لعنصر بلا تقييم.

الإطار ليلًا

حين يكون للعنصر الإطار، يعطيه في الوضع الغامق لون إطار خاصًا به ليلًا.

الأشرطة العائمة

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

الأماكن كبطاقات صغيرة أو متراكبة وشريط العنوان

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

الهيدرات المميزة

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

شاشات التطبيق نفسه بشكل مميز

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

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