8 افكار سريعة لجعل موقع الويب الخاص بك يبدو جميلا

8 افكار سريعة لجعل موقع الويب الخاص بك يبدو جميلا

مع إطلاقنا لمشاريع جديدة من السهل نسيان تحديث المدونات ومواقع الويب القديمة.

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

ليس من الضروري تحديث كل موقع ويب وليس مع كل تقنية متوفرة في هذا المنشور.

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

 :UX اختبار 1 –

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

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

2 – المسافة البيضاء :

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

3 – خطوط الويب :

تسمح خطوط الويب الديناميكية للمصممين ببناء صفحات الويب دون الاقتصار على عائلات الخطوط النموذجية. أصبح هذا الاتجاه شائعًا بشكل متزايد الآن لأن معظم مستخدمي الإنترنت العاديين يستخدمون اتصال DSL / T1 / Fiber-Optic لائق. لن يؤدي تضمين المراجع إلى أنماط الخطوط الخارجية إلى حدوث فجوة كبيرة في سرعات  DL

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

4 – CSS3 Shadows ( الظلال ) :

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

ولكن من المفيد أيضًا مراعاة خاصية نص CSS3 للطباعة التي تنتقل إلى خارج الصفحة.

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

5 – القوام وأنماط تكراره :

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

Noise Texture Generator والتي يمكن تشغيلها على أي متصفح.

خلفيات التدرج :  CSS3 6 –

أثناء مناقشتنا للخلفيات ، يجب أن أعرض تدرجات CSS3 الشائعة على الإطلاق. هذه توفر لمطوري الويب فائدة هائلة تجعلهم يخرجون من Adobe Photoshop لخلفيات الويب. ويمكن لهذه التدرجات العمل على أكثر من مجرد الجسم ، وتطبيقها على أشرطة التنقل والتذييلات وغيرها من المناطق المهمة في تخطيطك.

 : Boostrap7 –

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

 :HTML5 Kickstart8 –

لا يزال معظم مطوري الويب يسمعون عن HTML5 Kickstart الذي تم إنشاؤه بواسطة 99Lime. هذه مكتبة واجهة مستخدم أخرى في الواجهة الأمامية والتي تركز أكثر على جماليات التصميم الجميل من تخطيطات HTML5 الشائعة. ولكن هناك نماذج رموز لتوليد كل من elbestony. يمكنك الاختيار من مجموعات من العناصر المحددة سلفًا مثل أزرار التدرج والقوائم المنسدلة. لم أكن لأقول أن هذا له نفس شعبية Bootstrap .