أفضل تصميمات تفاعل الهاتف المحمول لعام 2017
نشرت: 2018-01-21في ما يلي عدد قليل من تصميمات التفاعل عبر الأجهزة المحمولة التي "أبهرت" الصناعة
هنا في Proto.io ، نحن متحمسون لرؤية أفكار التصميم الجديدة والمبتكرة التي ستظهر هذا العام. نظرًا لأن عام 2018 يبدأ بداية رائعة ، فمن المهم أن ننظر إلى الوراء في تصميمات التفاعل عبر الأجهزة المحمولة التي "أبهرت" الصناعة. في العام الماضي ، راجعنا أفضل خمس تصميمات للتفاعل على الأجهزة المحمولة على طول الطريق من يناير إلى ديسمبر ونريد تلخيص هذه المجموعات.
بدون مزيد من اللغط ، دعنا ندخل مباشرةً في تصميمات تفاعل الهاتف المحمول التي جعلتنا ننظر مرتين (أو أكثر!) في عام 2017.
المنتج والعربة بواسطة Skiti لشركة Steelkiwi Inc.
يثير مفهوم التطبيق هذا إعجابي بالانتقال السلس عند إضافة عنصر إلى سلة التسوق الخاصة بك. أضاف المصمم إيقاعًا متزامنًا مثيرًا للاهتمام عند التمرير عبر خيارات المنتج.
إعدادات المحادثة الرسوم المتحركة بواسطة لوبوس فولكوف
لفتت فكرة هذا التطبيق انتباهي لأن التصميم مرن بالمعنى الحرفي للكلمة. لا يعد تغيير إعدادات أحد التطبيقات أبدًا جزءًا مثيرًا لاستخدامه ، ولكن عندما يتدفق أحد الأقسام بسلاسة إلى القسم الآخر ، يصعب عدم الاستمتاع بالتفاعل الدقيق.
تصميم التفاعل بواسطة ديبو ماثيو
لقد اعتدنا على التمرير لأسفل أو التمرير إلى الجانب لتصفح الخيارات ، لكن ماثيو يضع تدورًا رائعًا (يقصد التورية) على ذلك. بشكل عام ، إنه مفهوم متماسك للغاية يدفع إلى المنزل الشعور بالدوران.
تفاعل 1 من خلال الاستوديو والمزيد
يتمتع اللعب المشترك بطريقة ممتعة في جمع المعلومات وتقليلها. تجعل الحركات الصاعدة والهابطة لتطبيق Co-Play منه خيارًا مريحًا لتسهيل العمل الجماعي.
التصفية بواسطة فلاديمير جرويف لـ Heartbeat.UA
يجعل مفهوم التطبيق هذا عملية شراء النظارات أفضل من خلال تبسيط وظيفة التصفية. أضافوا أيضًا الكثير من تأثيرات الارتداد لتحسين تجربة المستخدم.
قائمة طي الأكورديون من قبل أليكس خوروشوك
يعد تصميم التفاعل عبر الهاتف المحمول جزءًا من مفهوم تطبيق التسوق وهو مثالي إلى حد كبير في عيني لأنه يفعل بالضبط ما تحتاجه للقيام به (تبديل الفئات أو التنصت على عربة التسوق الخاصة بك) ، ولكنه يحتوي أيضًا على القليل من الارتداد والذوق هو - هي. أعتقد أن هذا أمر رائع في القائمة المنسدلة لمتوسط الهامبرغر الذي يجعل العثور على المعلومات في التطبيق أكثر متعة.
أوميلو من كالب باركلي
أقدر الحركة في تطبيق Omelo لأنها تقدم إيقاعًا في عملية إكمال المشروع. يتمتع Omelo برؤية عالية المستوى ، مع تحديد المواعيد النهائية الكبيرة ، ولكنه يمنحك أيضًا نظرة ثاقبة على الأجزاء الصغيرة من المشروع التي تحافظ على تركيز الفريق بأكمله يومًا بعد يوم.
كولور اب من فيجاي فيرما
يسمح لك مفهوم التطبيق هذا بالتمرير عبر العديد من الألوان وعندما تعثر على اللون الذي يعجبك ، يمكنك النقر فوقه للعثور على لوحة كاملة بظلال متعددة من ذلك اللون الأصلي. الجزء المفضل لدي من تصميم التفاعل المحمول هذا هو الطريقة التي تتدفق بها الظلال على الشاشة عند تحديد لون.
إنذار الموقع من قبل ديفيد لاو
ينبهك مفهوم التطبيق هذا بعدد معين من الدقائق قبل أن تصل إلى وجهتك. هناك العديد من تفاعلات الجوال البارزة التي تجري هنا ، على سبيل المثال عندما تحدد عدد الدقائق قبل أن تصل إلى وجهتك ، يملأ اللون الأزرق المربع ، ويظهر اختيارك.
إنجاز ملف اللياقة البدنية بواسطة SELECTO
مفهوم التطبيق هذا من SELECTO مخصص للمستخدمين لتتبع أوزانهم وقياساتهم بمرور الوقت. الشارات هي الجزء المفضل لدي من هذا المفهوم ، لأنها تضيف في لحظة من البهجة وتحتفل بتحقيق الهدف.
موصى به لك:
كيف ستحول Metaverse صناعة السيارات الهندية
ماذا يعني توفير مكافحة الربح بالنسبة للشركات الهندية الناشئة؟
كيف تساعد الشركات الناشئة في تكنولوجيا التعليم في تطوير مهارات القوى العاملة في الهند وتصبح جاهزة للمستقبل ...
الأسهم التقنية في العصر الجديد هذا الأسبوع: مشاكل Zomato مستمرة ، EaseMyTrip تنشر Stro ...
تتخذ الشركات الهندية الناشئة اختصارات في مطاردة للتمويل
منصة التسويق الرقمي Logicserve Bags INR 80 Cr Funding، Rbrands as LS Dig ...
قيم تجربتك عن طريق Saptarshi Prakash لـ Zeta
تصميم التفاعل عبر الهاتف المحمول بسيط للغاية ويجعل تجربة التقييم أكثر إمتاعًا. تقفز البطاطس المقلية والشراب على الشاشة ولديهم حركات نابضة بالحياة ، حيث تقفز جميع البطاطس المقلية في الحاوية وواحد في الأعلى يطير أعلى من الآخرين ، ثم يستقر مرة أخرى.
تقارير البيانات الشهرية بواسطة ستانيسلاف خريستوف لـ DtailStudio
تضيف الحركات المهتزة الموجودة في جميع أنحاء انتقالات الشاشة القليل من الشخصية إلى التطبيق. يعد تصميم التفاعل المحمول هذا أحد أفضل ما رأيته مؤخرًا لأنه لا يحتوي فقط على انتقالات مبهجة بين الشاشات ، بل إنه يوضح أيضًا مدى التفكير الذي وضعه المصممون في مجموعة الأشكال التي يستخدمونها لنقل المعلومات والحفاظ عليها جميعًا متسقة في طريقة جميلة.
Music Echo UI by JACKW for Wizard Alliance
الأجزاء المفضلة لدي في تصميم التفاعل عبر الهاتف المحمول هي انتقالات الشاشة. عند النقر فوق زر الرسائل ، ينبثق قسم الرسائل للسيطرة على غالبية الشاشة.
عرض توضيحي تفاعلي للبطاقات بواسطة Chris Yang لـ New Beee
يتميز مفهوم تطبيق البودكاست هذا بتصميم تفاعل محمول متجذر في البطاقات. أحب بشكل خاص الطريقة التي تتغير بها البطاقات من الوضع الرأسي إلى الوضع الأفقي ، عند التبديل من النقر عليها إلى ما يبدو أنه القائمة الرئيسية.
حدد المقاعد وتدفق الدفع بواسطة فيتالي روبتسوف
يعيد مفهوم التطبيق هذا النظر في عملية حجز الرحلة ويجعلها سهلة التصميم. إنه أمر بديهي والتفاصيل المعنية لا تقل عن كونها رائعة. يأخذنا هذا المفهوم خلال عملية اختيار نوع المقعد الذي ترغب في شرائه ، ثم تأخذ صورة الخلفية للطائرة الشاشة وتدور لتأخذك مباشرة إلى عملية اختيار المقعد.
الرسوم المتحركة في Marketplace بواسطة Alex Bender
يعد مفهوم تطبيق السوق هذا مليئًا بالمرح ، ويرجع ذلك أساسًا إلى الحركات المتقلبة أثناء التنقل بين الفئات والتوسع لعرض فئات معينة. عندما تصل إلى قائمة الرغبات الرئيسية ، هناك حركة ارتداد لطيفة لتسوية العنوان والفئة الأولى في مكانها.
تفاعل بطاقات أحداث تطبيقات التجارة الإلكترونية بواسطة LINA_ لـ UIGREATY
يحاول مفهوم التطبيق هذا وينجح في جعل تجربة التسوق عبر الإنترنت أقرب إلى الحياة. أثناء التمرير إلى اليسار واليمين عبر المنتجات ، يتيح لك التنقل حول صورة المنتج والحصول على عرض فريد لها. تبدو هذه الحركة وكأنك تلمس المحفظة.
Unight - اكتشف الليل بواسطة ستان ياكوسيفيتش؟ لوكالة هارتبيت
يبدو أن الهدف من هذا التطبيق هو إخراج المستخدمين منه والاستمتاع بمزيد من المرح. تتمتع بحركة متأرجحة رائعة تستقر في مكانها عندما تقوم بالتبديل بين أحداث الليل والنهار. أثناء القيام بذلك ، يتغير نظام الألوان إلى اللون الأرجواني الغامق للمناسبات المسائية والخوخ الساطع للمناسبات النهارية.
واجهة صانع القهوة من Gal Shir
هذا مفهوم تطبيق ممتع لتخصيص مشروب قهوة. يؤدي تحديد الحجم والضغط على "التالي" إلى إرسال التحديد إلى أعلى الزاوية اليسرى بحركة ارتداد ، وإكمال الخطوة الأولى من صنع مشروب. عندما يحدث ذلك ، يرتد الخيار الأول للحليب إلى وسط الشاشة بحركة تكميلية.
دعوتان من Leo Leung
عندما تنقر على إحدى البطاقات العلوية لتصميم التفاعل المحمول هذا ، فإن الخط الذي كان يقسم الألوان أسفل الرأس يتحرك في حركة متأرجحة ، مائلًا لأسفل. حركة أخرى مبهجة للغاية هي زر "الرجوع" الذي يقع لأسفل في سلسلة من أعلى الشاشة ، بجانب البطاقة الموسعة.
قم بإسقاط Pinata بواسطة ⋈ Brandon Termini لـ Handsome
يتيح لك مفهوم التطبيق هذا مشاركة موقعك عن طريق إسقاط دبوس… pinata هذا هو! بمجرد النقر على pinatas ، يسقط pinata الخاص بك في موقعك ويتحرك قليلاً كما لو كان معلقًا من شجرة ومليئة بالحلوى.
مفهوم تطبيقات السينما من قبل أنطون سكفورتسوف لصالح نورد
يحتوي مفهوم التطبيق هذا على تصميم بطاقة قابل للتوسيع يسمح لك بالتمرير عبر الأفلام الموجودة بالخارج والتمرير لأسفل للحصول على مزيد من المعلومات حول الفيلم الذي حددته. بعد أن تقرر موعد مشاهدة الفيلم ، يظهر مسرح مبهج (على الرغم من أنه أصغر بكثير مما اعتدت عليه) حتى تتمكن من اختيار المقاعد التي ترغب في الجلوس فيها بالضبط.
X تصفح التفاعل بواسطة UI8
يحتوي مفهوم التطبيق هذا على إمكانات التجارة الإلكترونية ، حيث يمكن للمستخدمين التنقل عبر المنتجات الشائعة للعثور على شيء جديد. يحتوي تفاعل التصفح على العديد من التحولات والعناصر المدهشة التي تتحرك بسلاسة بشكل لا يصدق.
واجهة الطعام الخضراء بواسطة H-stepbackward لـ UIGREAT
يُعد مفهوم التطبيق هذا بمثابة وصفة لكعكة الذواقة ويساعد المستخدمين على شراء المكونات. يعجبني أن المكونات الفردية تقفز وتوضع في هذا العمود وأنت تنقر عليها.
دوجي الطقس التطبيق من قبل مينه فام
أعدت Minh Pham قائمتنا لأفضل تصميمات تفاعل الأجهزة المحمولة أكثر من مرة. الحركات في هذا المفهوم مبهجة للغاية ، حيث يبدو أن Doge ينطلق بسرعة للوصول إلى البطاقة التالية عند التمرير إلى اليسار.
تطبيق تعقب الري من tubik
يتيح لك مفهوم التطبيق هذا معرفة النباتات التي تحتاج إلى سقي ومتى باستخدام تنبيهات مخصصة. عندما تكمل عملية الري ، تنقر على أيقونة الماء ، وتتحرك لأسفل الشاشة وتتحول إلى علامة اختيار. يقوم تصميم التفاعل عبر الهاتف المحمول هذا بعمل رائع في المساعدة على تصور الأعمال المنزلية باستخدام صور جذابة.
هذا يختتم أفضل تصميمات تفاعل الهاتف المحمول لعام 2017. هل فاتنا أي من المفضلة لديك؟ تأكد من ترك تعليق مع التطبيقات التي يجب أن ندرجها في جولتنا القادمة.
ظهر هذا المنشور لأول مرة على مدونة Proto.io وتم نسخه بإذن.