السلام عليكم ورحمة الله وبركاته ..
من دقائق معدودة رفعت القالب الجديد الذي قمت بتصميمه لمدونتي
لمشاهدة مدونة العرب سوفت ->
مطلوب تقييم شامل للقالب من كافة الأمور
وساقبل جميع الآراء فقط قل رأيك بكل صراحة :D
السلام عليكم ورحمة الله وبركاته ..
من دقائق معدودة رفعت القالب الجديد الذي قمت بتصميمه لمدونتي
لمشاهدة مدونة العرب سوفت ->
مطلوب تقييم شامل للقالب من كافة الأمور
وساقبل جميع الآراء فقط قل رأيك بكل صراحة :D
التصميم جميل بشكل عام مع إنتقادي لبعض الجزئيات:
*التقسيم الكثير لا يعطي جمالية اكثر من وجهة نظري. لذا لو تقلل من التقسيم لأنه متراكم.
*الخطوط باللون الرمادي مع خلفية حمراء غير مناسب. بلا شك الأبيض أوضح بدل الرمادي.
*أيقونات الشبكات الإجتماعية بالأعلى أرى أنها ظاهر بجودة ليست جيدة ولا واضحة.
*أسم الموقع "العرب سوفت" بهذا الستايل ليس جذاب. وتكراره في الشريط الأسود ليس له داعي.
فقط ملاحظتي في شعار الموقع لا يعجبني يبدو الشعار بدائي معمول على السريع لو كان اكثر احترافية سيترك ضابع للزائر على موقعك بشكل أجمل
تصميم سيء جداً وغير مريح
لكن يتضح لي من التصميم أنك متمكن جداً فقط ينقصك التأني في اختيار الالوان وتقسيم الموقع وكذلك اسأل نفسك ماهو أهم شيء في المدونة ؟
التدوينات هي روح المدونة وأنت بالصور الكثيرة والأقسام الكثيرة جعلت تركيز الزائر مشتت
الناس لاتحب الزحمة !! حتى في التصاميم
ارجو ان لا تغضب من انتقادي وأتمنى لك التوفيق والإبداع في خدماتك
نصيحة : إقرأ عن "قابلية الإستخدام" ستجد أنك ارتكبت مآسي في مدونتك :)
التصميم جميل رغم اني وددت لو تركت مساحة اكبر بين العناصر لانو النص يبدو صعب القرائة قليلاً ، هذا رأيي كمكود :)
يوجد الكثير من استعمال للصور في الموقع في اماكن يمكن استبدالها باكواد ( الايقونات مثلا ) و هذا يضعف من سرعة تحميل الموقع لانه بطلب http اكثر
اسلوب مط الصور بالطول و العرض حقيقة غير جذاب نهائياً ، حاول التغلب عل ىالمشكلة بالتكويد overflow:hidden غالباً تحل المشكلة بالنسبة لي ، لكن يوجد حلول متقدمة لها علاقة بالـ php ، لو كنت مهتم ابحث عنها .
كان بودي لو تعلمت تقنيات الريسبونسيف ، ليست بالصعوبة التي تبدو عليها :) ، العالم الان في تقدم و الاجهزة اللوحية تنتشر بسرعة ، و تعلم هذا الامر اداة ممتازة في يدك .
تحياتي
شكرا لك جدا علي هذه الملاحظات وبالاخص انها اتت من مكود :D
الصور ليست كثيرة بالشكل الذي تتحدث عنه لكني سأعمل علي حلها
نعم ملاحظة قيمة جدا بالنسبة لمسألة مط الصور شكرا علي الايضاح
لا اعتقد انه يوجد تقنيات مختلفة لـ الريسبونسيف هي أكواد css عادية وانوي عملها لكن بعد تجربة القالب بالنسخة الكاملة وتقييمه
في الحقيقة في ناس تختار نظام موبايل فيرست :D وفيه ناس ديسكتوب فيرست :D و ناس نظام fluid :D و ناس مجرد نظام انهيار البلوكات بدون نسب مئوية
نعم اكواد css لكن طرق استعمالها حتى في الريسبونسيف متعددة وبتعتمد على طبيعة المشروع
بطلت تفرق كتير ، سرعة الديسكتوب صارت نفس سرعة الاجهزة اللوحية و الهواتف
و الريسبونسيف ماله دعوة كتير بسرعة التحميل ، لكن موبايل فيرست فيه ناس بتدّعي انو مناسب للجوالات القديمة(الفكرة الاساسية انه الجوالات القديمة قليل منها بدعم @media بتاعت الـ css الي كل قصة الريسبونسيف بتعتمد عليها اصلاً ، فلو عملت تصميم يكون اساسه على حجم الموبايل و خليت التصميم يتفاعل مع الديسكتوب و الشاشات الاكبر الي هي غالباً بتدعم @media حيكون موقعك اله فرص يعمل على شاشات اكتر ) لكن شخصياً مش شايف موضوع الهواتف القديمة بهالاهمية ، ديسكتوب فيرست مناسب لكل الاجهزة الحديثة
اما الـ fluid بتعلق بطبيعة الموقع بنفع تعمل الطول و العرض بنسب مئوية بحيث يتمدد على حسب حجم الشاشة بالزبط (مش دايماً مناسباً احياناً بتضطر تعمل حجات بمقياسات ثابتة) و هذي الي بقودنا للطريقة الاخيرة الي هي تعمل بلوكات بمقياسات ثابتة مثلاً عرض 400بكسل (مش نسبة مؤوية) فحينها بتختارلها انها لو الشاشة صغرت ، تنزل في سطر لحالها حتى تظهر في الشاشة ..
هذا شرح مبسط تقريباً عن كيفية استخدام مختلف تقنيات الريسبونسف ، ان شفت اي موضوع يناسبك اكتر من غيره ابحث عنه اكثر ، الاول mobile first ، الثاني desktop first ، الثالث fluid design ، الرابع responsive design و كتشجيع الامور سهل جداً و غالباً مش حتتعلم اية اكواد جديدة ، انما طرق جديدة لاستعمال اكواد بتعرفها مسبقاً
اتمنى اكون وفيت ، تحياتي :)
التعليقات