الصورة الائتمان: بكسل

كيف تكون أفضل مطور الواجهة

مرحبا ، لقد كان بعض الوقت. آمل أن تكون مشغولا . أنا ، أنا ، كنت مشغولاً كذلك. لكن أنا هنا مرة أخرى.

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

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

قد تفكر: "Frontend ليس من أعمالي ، أنا مطور خلفية" ولكن الحقيقة هي: إنها عملك. لديك على الأقل بعض العين لتصميم جيد للغاية. ألا ترى كلبًا لطيفًا للغاية وتقرر اختيار الكلب القبيح ذي المظهر الغريب ، هل ستفعل؟ أراهن أن إجابتك لا. دع نفس الشيء ينطبق على أعمالك.

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

لذلك ، الأشياء التي تحتاج إلى أخذها في الاعتبار ، بإيجاز ، هي كما يلي:

أول تقديم المحمول

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

استخدام الخطوط باردة

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

التمرير السلس

تريد التأكد من أن المستخدمين لديهم تجربة سلسة وسلسة أثناء وجودهم على النظام الأساسي الخاص بك. في حين لا تستخدم مكتبة جافا سكريبت SmoothScroll؟ لا حاجة لبدء كتابة JavaScript الخاص بك.

العمل الذكي! ليست هناك حاجة لإعادة اختراع العجلات عندما تكون هناك أداة يمكنك استخدامها.

كن مبدعا - استخدام الرسوم المتحركة

لا يجب أن يكون تطبيقك مثل تلك التطبيقات من العصر الحجري . يجب أن تستخدم التطبيقات الحديثة الرسوم المتحركة. تحقق من مقالي حول استخدام Wow.js و Animate.css لعمل رسوم متحركة مذهلة.

استخدام الرموز المسطحة والصور المتجهات

يجب ألا تحتوي أيقونات موقع الويب على أيقونات Font Awesome فقط أو أيقونات Bootstrap Glyphicons ، بل يجب عليك استخدام الرموز المسطحة و Vector Images في تطبيقك. ستحصل على واجهة أكثر نظافة باستخدام هذه من الاعتماد على حزم الخطوط.

لون الوئام

تأكد من توافق الألوان التي تستخدمها في تطبيقاتك. لا تشغب الألوان.

SweetAlerts!

أه نعم! SweetAlerts! لقد ولت أيام تنبيهات جافا سكريبت التقليدية. استخدم SweetAlert (swal) واحصل على رسائل تنبيه "مربي الحيوانات" في تطبيقاتك.

لتتويج كل شيء ، لديك بعض الشعور التصميم. لن يكون مؤلمًا معرفة كيفية تصميم شعار بسيط (حتى لو لم يكن احترافيًا في البداية) ، ومزج الألوان ومهارات التصميم الجرافيكي الأساسية لتعزيز الواجهة الأمامية.

هل تستمتع بهذا المقال؟ التصفيق ، حصة لشبكتك! اتبعني على Twitter:iamwebwiz وتابعني على Medium.

القرصنة سعيد!