24 أمثلة إبداعية لملاحة UI Mobile

نشرت: 2015-12-01

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

جدول المحتويات إخفاء
الرسوم المتحركة القائمة الجانبية
تطبيق السفر
فانتاسي ليجز التطبيق
قائمة جانب نزوة التلفزيون
ليستر
تطبيق الأزياء - الجدول الزمني للمستخدم
VeLx - لشبونة
المنسدلة المنسدلة للجوال
تصميم جميل لواجهة المستخدم
تتبع المهام
مفهوم محفظة المحمول
القائمة الجانبية دائرة الرقابة الداخلية
موقع جوال شركة عقارات
تطبيق iPhone للمواصلات العامة
BFC Partners Mobile
تطبيق Volcano (قائمة مطوية)
GIF: قائمة الرسوم المتحركة
قائمة السياق لتطبيق iOS
البحث عن نظرة خاطفة على التسلل # 3
اقتباسات التطبيق (رسم الهدية الترويجية)
مفهوم القائمة
شريط تمرير القائمة / شاشة التغذية
تطبيق الويب [WIP]
مفهوم تطبيق البستنة

هل تبحث عن طرق جديدة وفريدة من نوعها لتصميم واجهة المستخدم لنظام الملاحة المحمول؟ لا مزيد من البحث!

اخترنا 24 نموذجًا إبداعيًا للتنقل عبر الهاتف المحمول لواجهة المستخدم لإلهامك. تتميز تصميمات التنقل عبر الهاتف المحمول لواجهة المستخدم بأنماط ولوحات ألوان مختلفة وبعضها متحرك!

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

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

أي من تصميمات التنقل عبر الهاتف المحمول لواجهة المستخدم تعتقد أنه الأكثر إبداعًا؟ أخبرنا في قسم التعليقات أدناه.

الرسوم المتحركة القائمة الجانبية

الرسوم المتحركة للقائمة الجانبية UI Mobile Navigation دبوس

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

تطبيق السفر

تطبيق Travel UI Mobile Navigation دبوس

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

فانتاسي ليجز التطبيق

تطبيق Fantasy UI Mobile Navigation دبوس

يحتوي تطبيق Fantasy Leagues هذا على تصميم ملاحة محمول رائع حقًا. يستخدم قائمة تبديل على الشاشة. المفهوم الكامن وراء التبديل على الشاشة مشابه لمفهوم قائمة Hidden Toggle. كما أنه يساعد المصممين على تنظيف المساحة وجعل الأشياء تبدو أكثر وضوحًا. هنا ، يقوم المصممون بتحويل القائمة العمودية إلى تبديل على الشاشة ، بحيث يمكن إنشاء مساحة أكبر وعرض العناصر بسهولة.

قائمة جانب نزوة التلفزيون

قائمة التلفزيون UI Mobile Navigation دبوس

هذا مفهوم قائمة جانبية يقترب من مرحلة التصميم النهائية. هذا النوع من القوائم أسهل في الفهم مقارنة بـ Hidden Toggle. إن سهولة كل منها تسمح للمصممين باللعب حولها تجعل هذا النوع من التنقل شائعًا جدًا بينهم.

ليستر

Lister UI Mobile Navigation دبوس

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

تطبيق الأزياء - الجدول الزمني للمستخدم

أزياء UI Mobile Navigation دبوس

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

VeLx - لشبونة

VeLx موبايل للملاحة دبوس

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

المنسدلة المنسدلة للجوال

المنسدلة المنسدلة للجوال دبوس

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

تصميم جميل لواجهة المستخدم

تصميم جميل للملاحة المتنقلة دبوس

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

تتبع المهام

تتبع المهام والملاحة المتنقلة دبوس

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

مفهوم محفظة المحمول

مفهوم محفظة المحمول دبوس

هل فكرت يومًا كيف ستبدو محفظة الهاتف المحمول؟ هذا مثال رائع! يُعرف هذا النوع من التنقل ببساطته وجاذبيته في أضيق الحدود. من السهل أيضًا التعرف على عناصر التحكم الأصلية وتعريفها. يعمل هذا النوع من القوائم أيضًا بشكل رائع عبر جميع أنواع المتصفحات والأجهزة.

القائمة الجانبية دائرة الرقابة الداخلية

القائمة الجانبية دائرة الرقابة الداخلية دبوس

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

موقع جوال شركة عقارات

عقارات موبايل للملاحة دبوس

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

تطبيق iPhone للمواصلات العامة

النقل العام تطبيق iPhone Mobile Navigation دبوس

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

BFC Partners Mobile

BFC Partners Mobile دبوس

مفهوم تصميم الهاتف المحمول هذا مخصص لشركة إنشاءات كبيرة في نيويورك. هناك نسختان من هذه المشاريع. واحد حيث يحتوي مرفق الصفحة الرئيسية على نظام تنقل بسيط منسدلة والآخر حيث يتم تحريك الروابط الفرعية من اليسار لارتباطات الصفحة الرئيسية.

تطبيق Volcano (قائمة مطوية)

فولكانو موبايل للملاحة دبوس

هذه نظرة خاطفة على مفهوم تصميم البركان. لديها تصميم إبداعي فيما يتعلق بالملاحة وليس فقط! تلاعب المصمم بتفاصيل مختلفة لزيادة إمكانية الوصول إلى عناصر القائمة عند تصفح التطبيق.

GIF: قائمة الرسوم المتحركة

GIF قائمة الرسوم المتحركة دبوس

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

قائمة السياق لتطبيق iOS

تطبيق Mobile Navigation iOS دبوس

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

البحث عن نظرة خاطفة على التسلل # 3

البحث عن نظرة خاطفة على التنقل عبر الهاتف المحمول دبوس

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

اقتباسات التطبيق (رسم الهدية الترويجية)

يقتبس الملاحة المحمول دبوس

قرر هذا المصمم للتو إعطاء تطبيق Sketch لقطة وإليك النتيجة. بعد بضع ساعات من العمل ، إليك مثال رائع حقًا لتطبيق عرض أسعار. يمكنك أيضًا التحقق من الملفات المصدر في الوصف.

مفهوم القائمة

مفهوم القائمة دبوس

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

شريط تمرير القائمة / شاشة التغذية

شاشة القائمة المنزلق دبوس

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

تطبيق الويب [WIP]

التنقل عبر الويب عبر الجوال دبوس

لا تتردد في إخبارهم برأيك في المشروع الحالي لهذا الفريق. إنه تطبيق ويب رائع حقًا بتفاصيل تصميم جميلة.

مفهوم تطبيق البستنة

البستنة مفهوم التطبيق الملاحة المتنقلة دبوس

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