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

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

Case 031تصميم تطبيق للهاتف المحمول

Habit Tracker

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

دوري
تصميم الواجهات
حالة المشروع
تصميم الواجهة · أرشيف Figma
غلاف العرض التقديمي لـ Habit Tracker من ملف التصميم الأصلي.
غلاف العرض التقديمي من الملف الأصلي.

01

مساهمتي

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

صورة عرض فيها هاتف يعرض الشاشة الرئيسية بجانب كتابة Habit Tracker الكبيرة وعلامة Daily Coach الصغيرة.
إطار عرض مع الشاشة الرئيسية.

02

عام بنظرة واحدة، وإجراء واحد تحته

يحتل Habit timeline قمة التسلسل الهرمي: الأشهر أفقيًا والأيام عموديًا، ومحدد للعام بجانب العنوان، ومفتاح من Less إلى More يشرح درجات الأصفر.

تحته بطاقة واحدة تحوّل ذلك السجل إلى الخطوة التالية. تقود عبارة “Don't lose your habit score streak” مباشرة إلى تسجيل اليوم، وزر + الأصفر في الأعلى هو اللون القوي الوحيد الآخر على الشاشة.

الشاشة الرئيسية بشبكة سنوية من المربعات الصفراء من يناير إلى يونيو، ومفتاح من Less إلى More، وبطاقة صفراء عن الحفاظ على سلسلة العادات مع رابط إلى تسجيل اليوم.
الرئيسية: الخط الزمني للعادات في الأعلى وتسجيل اليوم في الأسفل.
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 دراسات الحالة