اسحب للاستكشاف. مرّر أو استخدم إصبعين للتكبير. افتح المساعدة لعرض اختصارات لوحة المفاتيح.

Yan
متاح
للمشاريع
لنتحدث
Yan Fontão Boring view
All work

Case 052تصميم صفحة هبوط

Lex by Alexandria

صفحة هبوط وشعار باللغة البرتغالية لعرض مرتبط بفاتورة الكهرباء، مع ثلاث معالجات للقسم الافتتاحي على الجوال حول سؤال الافتتاح نفسه.

دوري
تصميم الواجهات
حالة المشروع
تصميم الواجهة · أرشيف Figma
شعار Lex by Alexandria على قرص أبيض.
الشعار.

01

مساهمتي

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

العنوان والوسوم على هذه الشاشات من النص التسويقي للصفحة نفسها، وليست نتائج أستطيع التحقق منها. تتناول دراسة الحالة هذه طريقة بناء الصفحة.

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

02

ثلاث طرق للافتتاح على الجوال

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

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

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

03

تدرّج لوني يربط أجزاء الصفحة

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

لقطة قريبة لحاسوب محمول مائل تعرض القسم الافتتاحي لسطح المكتب بقائمة تنقل صغيرة والشعار المتدرّج وعنوان كبير وزر Simular Desconto، بجانب الشعار وأشكال متدرّجة.
يضع القسم الافتتاحي لسطح المكتب الشعار والسؤال وزرًا واحدًا في المنتصف.
000

التعليمات

Yan Fontão
لمسة
تفتح شاشة
نقرة
تفتح شاشة
سحب
يتجوّل في اللوحة
العجلة
الفأرة تكبّر، ولوحة اللمس تحرّك، وإصبعان يكبّران
− +
تراجع لرؤية اللوحة كاملة، أو اقترب
الأسهم
في دراسة الحالة: ↑↓ لتبديل الدراسة، ←→ لتبديل الوسائط. في اللوحة: للتحريك
مسافة
تفتح أو تعود
Enter
يفتح
Esc Backspace
رجوع
Home
العودة إلى الوسط، ثم إلى المقدمة
PgUp PgDn
القناة السابقة أو التالية
Tab
يتنقل بين المشاريع والروابط
R
مشروع عشوائي
0–9
اكتب رقم القناة، 1–61
?
هذه الصفحة
الاختصارات

موسيقى اللوحة

الملفات مضغوطة وموحّدة الصوت للويب.

متاح
للمشاريع
لنتحدث

رسالة جديدة إلى يان

أخبرني من أنت وسأرد عليك.

000

عن يان

مرحبًا، أنا يان

مصمم منتجات/ مهندس تصميم

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

  • 2018بداية تطوير البرمجيات
  • UI + codeالتصميم والتنفيذ

عملت مع Motorola · Ambev Tech · Rei do Pitaco · OneTool · CESAR

البرازيل · عن بُعد أو هجين أو حضوريًا

صورة يان فونتاو جالسًا بسترة خضراء ونظارة ويمسك ميكروفونًا.
متاح
للمشاريع
لنتحدث
متاح
للمشاريع
لنتحدث
000

قناة مقفلة

بموجب اتفاقية عدم إفصاح

أدخل الرمز

اطلب الرمز من يان ↗
متاح
للمشاريع
لنتحدث
YAN FONTÃO دراسات الحالة

القناة 52 تصميم صفحة هبوط

Lex by Alexandria

صفحة هبوط وشعار باللغة البرتغالية لعرض مرتبط بفاتورة الكهرباء، مع ثلاث معالجات للقسم الافتتاحي على الجوال حول سؤال الافتتاح نفسه.

دوري
تصميم الواجهات
حالة المشروع
تصميم الواجهة · أرشيف Figma
شعار Lex by Alexandria على قرص أبيض.
الشعار.

صفحة هبوط تبدأ بسؤال واحد

شاشات من ملف التصميم الأصلي في Figma. العناوين من النص التسويقي للصفحة نفسها.

مساهمتي

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

العنوان والوسوم على هذه الشاشات من النص التسويقي للصفحة نفسها، وليست نتائج أستطيع التحقق منها. تتناول دراسة الحالة هذه طريقة بناء الصفحة.

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

ثلاث طرق للافتتاح على الجوال

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

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

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

تدرّج لوني يربط أجزاء الصفحة

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

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