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

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

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

Rollê

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

دوري
تصميم الواجهات
حالة المشروع
تصميم الواجهة · أرشيف Figma
نموذج تصميمي لتطبيق Rollê مُركَّب من أجل لوحة المشاريع هذه من شاشات حقيقية للمشروع.
نموذج تصميمي مُركَّب من أجل لوحة المشاريع هذه من شاشات حقيقية للمشروع.

01

مساهمتي

Rollê تطبيق باللغة البرتغالية للعثور على أماكن ومنسقين وأنشطة. وأمثلة الملف تدور في Curitiba، وأتتبع هنا أحدها، مسرح Ópera de Arame. ويضم الملف 17 شاشة هاتف مختلفة ويحتفظ بالمسودات الأقدم في صفحة منفصلة.

صورة بملء الشاشة لمسرح Ópera de Arame مع أشرطة تقدم مقسمة واسم المكان وتقييم ومساحة داكنة فيها نص قصير وثلاث نقاط بارزة.
صفحة مكان Ópera de Arame فيها صف من الصور، وأربعة اختصارات دائرية، وبطاقتان مرسومتان من قسم Sobre o local، وبداية قائمة Dica de amigo.
جولة في شاشات التصميم، وليست تسجيلا: افتتاحية العلامة، ومكان وقصته. مكان معروض كقصة بملء الشاشة. صفحة المكان، من التفاصيل العملية إلى نصائح الأصدقاء.

02

صفحة مكان تبدو كأنها توصية

تبدأ صفحة المكان بالأساسيات: الاسم، والتقييم، وصف من الصور تطل فيه الصورة التالية، وأربعة اختصارات دائرية هي Conheça وHorários وInfo وAvaliações. ثم تتغير النبرة. يستخدم قسم Sobre o local سطورا بسيطة مثل ‎“Rola show, peças e eventos”‎ على بطاقات برسوم حبرية صغيرة، ويجمع قسم Dica de amigo نصائح قصيرة، مثل الوصول إلى المكان قبيل الغروب.

03

المكان نفسه كقصة بملء الشاشة

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

04

خطوط سوداء بصدى ملون

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

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 دراسات الحالة