أرجوا مراجعة تصميمي الخاص

ماشاء الله عمل جيد و الى الامام

اود اعلق على نقطتين فقط :

1 - لم لا يتم فصل ال CSS فى ملف منفصل

2 - الخطوط : "Arabic Transparent", "Traditional Arabic", "Simplified Arabic" ليست خطوط قياسية

إلى الامام دائما :)

Salem80 كتب:

السلام عليكم

قمت من فترة بتصميم موقع باستخدام HTML و CSS ارجوا من الاعضاء مراجعته واعطاء رايهم

هذا هو رابط الموقع

http://ink-light.tk/ar/

السلام عليكم

لقد أردت معرفة الرأي منا :)

في البدايه هذا ليس موقع لكنه مذكره blog فالتصميم يوحي هذا الأمر

ثانيا الخطوط كبيره

ثالثاً اللون الأحمر كثير

رابعاً الظل الموجود تحت الكلام في ال footer مزعجه

هذا هو رأيي فقط ولا أمليه عليك يا صديقي

بالتوفيق.

مشكور اخي SamDev على الإطراء الدي لا استحقه لاني لازلت مبتداءً

وبخصوص ال CSS فقد وضعته متعمداً في نفس الملف حتى يسهل علي التعديل في اكواد HTML و CSS في نفس الوقت ولانه موقع تجريبي لم ارد وضع ملف منفصل ..ولكن وضعه لن ياخد مني وقت طويل

بالنسبة للخطوط ممكن تزويدن بقائمة تكون اكثر توالفقاً

cornerofart كتب:

السلام عليكم

لقد أردت معرفة الرأي منا :)

................

هذا هو رأيي فقط ولا أمليه عليك يا صديقي

بالتوفيق.

أشكرك على ابداء الراي والمساعدة وجعله الله في ميزان حسناتك

اقتباس

في البدايه هذا ليس موقع لكنه مذكره blog فالتصميم يوحي هذا الأمر

ممكن تحدد اكثر لان طرق تصميم المواقع تختلف كثيرا وبالنسبة للBlogs فالكثير من المواقع المشهورة يصمم على شكل Blog

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

اقتباس

ثانيا الخطوط كبيره

لا حظت ذلك ولكن محتويات الموقع كانت قليلة ولم يكن لدى الكثير الرسومات Graphics لاستخدامها لملاء المحتوى لدى جعلت الخطوط كبيرة .

اقتباس

ثالثاً اللون الأحمر كثير

اردت من بداية تصميم الموقع أن يكون التدرج اللوني فيه قائم على اللون الأحمر (رغم أني افضل الأزرق)..ولكني أردت التنويع

اقتباس

رابعاً الظل الموجود تحت الكلام في ال footer مزعجه

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

ولاحظت الآن انها لا تنسجم مع لون خلفية ال footer ......

وأ{جوا من بقية الأعضء ابداء رايهم أيضا وحتى ولم لم تكن لها خبرة فرأي المتصفح العادي مهم عندي مثل راي الخبير وربما أكثر ..

ومستعد لتنفيد اية إقتراحات تخص واجهة الموقع أو إضافة أية نواقص إليه ...

Salem80 كتب:

أشكرك على إستقبال المعلومات بالروح الرياضيه و بشكل تريد بالفعل الإستفاده.

أخي الكريم البلوق و الموقع:

البلوق في السابق كان يسمى ب ((web logs)) أي سجلات الموقع, فالأمر الواضح بالفرق بين الموقع والبلوق .. فالبلوق هو عباره عن مدونه يمكن أن تكتب فيها عن سيرة حياتك مثلاً و بعض أعمالك و مدوناتك و أيضاً يومياتك و ترى أن هناك تعليقات و صداقات تتم من خلال هذا البلوق, ولكن الموقع يختلف عن هذا السياق

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

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

فلو نظرنا إلى الموقع لوجدنا أن الألوان التي إخترتها كثيرة الصخب و أيضاً الإنحناء الموجود فوق و تحت القطاعات الجانبيه لا تتناسب مع الخطوط الداخليه السوداء (الإنحناء + الإستقامه=تشتيت المشاهد) أعلم أنك إستخدمت هذه التقنيه من أجل ال mouse hover في الhtml لكن المبرمج يتبع المصمم في تصميم المواقع دائماً.

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

دعنا نبدأ من الهدر : أولاً تصميمه يوجد فيه زخارف فهذه فقط تحتوي على 6 ألوان :) تعدت الحد المطلوب يا صديقي.

إنحناء الزوايا السفليه (هنا بين معنا التصميم كل واحد قطعه)

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

وكذلك الخطوط بين الكلمات التاليه * الرئيسية * أعمالنا * أخبار الموقع

الكره الأرضيه (هل هذا هو الشعار إذا كان هذا هو الشعار فما هو الموجود بالأعلى داخل البانير)؟

الأيكونز المستخدمه لا تدل على المعنى الكلمه (تصميم المواقع تضع بجانبه بيت!!!! أصبح تصميم معماري ) و كذلك رؤية الشركه !!

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

نصيحتي في النهايه هي أن نخرج بنتيجه إيجابيه وهي (من وجهت نظري عليك ببناء موقع بشكل سليم قبل أن يتم نتشر هذا الموقع)

و السلام عليكم ورحمة الله وبركاته

عذرا إن ذايقتك لكن هذه وجهت نظري و تقييمي.

و أيضاً إن كان هناك أي أخطاء إملائيه.

Salem80 كتب:

بالنسبة للخطوط ممكن تزويدن بقائمة تكون اكثر توالفقاً

للاسف لا استطيع ان اتحدث عن التوافق من حيث الشكل لاننى لست بمصمم

لكن اكن قصدى هو التوافق من حيث انظمة التشغيل و لغات اجهزة المتصفحين

فليس كل الزائرين يمتلكون نفس الخطوط مثبته فختلف من نظام و لغة الجهاز مابين :

Linux , Mac , Windows

و هذه صورة بسيطة جمعت بها اكثر الخطوط استخداما و قياسية ( من حيث توافقها مع معظم انظمة التشغيل )

اكثر الخطوط المستخدمة فى المواقع العربية هو Tahoma ولكن هذا الخط غير مدعوم افتراضيا لمستخدمى لينوكس ( معظم مستخدمى لينوكس على علم بهذه المشكلة و ينصبون ما يسمى Microsoft Core Fonts )

يمكن حل هذه المشكلة طريق تحديد الخط البديل بالـ CSS مدعوم من لينوكس مثل مثلا

font-family: Tahoma ,Arial ,Verdana

و يمكنك ايضا استخدام خدمة Google Fonts و هى بتمكنك من اختار الخط الذى تفضله من بين قائمة كبيرة و تستطيع استخدامه فى موقعك عن طريق كود بسيط تنسخه فى موقعك

http://code.google.c...ts?subset=latin

حل أخر : عن طريق استخدام CSS3 بدلا من CSS2.1 فهى تمكنك من استخدام اى خط تريد عن طريق Selector يسمى

@font-face

و مثال على استخدامه :

@font-face {
  font-family: "plain cred";
  src:url("http://sdndevelop.eb2a.com/plaincred.ttf");
}
h1 {
  font-family:"plain cred";
}

حيث font-family property هو الاسم الذى سوف تستخدمه فى ملف الستايل مثل Arial , Verdana .......... هنا plain cred

و src property تحدد فيه رابط الخط

ثم فى h1 على سبيل المثال تم استخدامه بشكل طبيعى مثل اى خط اخر

مثال الاستخدام فى المرفقات CustomFont.zip

ملحوظة : ليست كل المتصفحات تدعم CSS3

ارجو تصحيحى ان اخطأت ، فأكرر اننى لست بمصمم ، لكن تعرضت لها فقط لارتباطها بالبرمجة

بالنسبة لألوان الموقع, أنصحك بفحص موقعك عن طريق هذا الموقع: http://www.checkmycolours.com/

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

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

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

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

Salem80 كتب:

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

لا شكر على واجب يا صديقي.. هذا أقل واجب أقدمه لأخوتي.

اقتباس

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

بالتوفيق و إذا أردت أي مساعده فأنا جاهز لمساعدة أي شخص.