كيف التصميم

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

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

# النقاط الفنية المهمة لتصميم موقع على الإنترنت /

1- إختيار البرامج المناسبة لتصميم الموقع : فلا شك أن لها دور في مدى إتقان موقعك !! .. هناك برامج عدة لتصميم المواقع و مبدئياً ستحتاج لنوعين من البرامج .. برنامج لتحرير صفحات موقعك و من أشهرها برنامج الفرونت بيج بإصداراته المختلفة .. و كذلك ستحتاج لبرنامج تحرير صور موقعك و من أشهر البرامج برنامج الفوتوشوب ..
هناك برامج أخرى كثيرة مثل الهوت دوج و الدريم ويفر و الفايروركس و البينت شوب تساعدك في تصميم موقعك يمكن إستخدامها بحسب مقدرتك على التعامل معها ..

2- بناء صورة تخيلية لتصميم موقعك ( كروكي ) : نعم .. فكما يقوم المهندسون المعماريون بعمل رسم مبدئي للمنشأة التي يريدون بنائها فأنت كذلك بحاجة لرسم تخيلي لموقعك و لو كان ذلك داخل عقلك !! ..
التخيل يشمل كيفية عمل صفحة موقعك الرئيسية و الصفحات الداخلية بداية من كيفية عرضها و نهاية بماذا يدرج فيها من معلومات .. كذلك يشمل التخيل كيفية عرضك لمحتويات موقعك و ترتيب أقسامه و مداخله ..

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

4- إختيار نوع موقعك : نعم .. هناك نوعين من المواقع أو التصاميم .. نوع ( ستاتيكي ) و نوع ( ديناميكي ) .. فالإستاتيكي أو ما يعرف بالنوع البسيط و هو غالباً يعتمد على مجموعة من صفحات الهتمل التي تحمل بين طياتها معلومات موقعك .. بينما الديناميكي أو ما يعرف بالتفاعلي هو ما يستخدم فيه برمجيات مختلفة تسهل من عملية تبادل المعلومات مع الزائر و التفاعل معه ضمن نواحي كثيرة و ستحتاج فيه لمعرفة بكيفية التعامل مع لغات برمجة المواقع مثل php و asp و غيرها ..
كون موقعك مجرد موقع تعريفي سيغنيك عن التصميم الديناميكي .. بينما لو كان موقعاً دائم التحديث مثلاً أو لشركة كبيرة فغالباً ستحتاج له ..

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

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

7- تجنب الأخطاء الشائعة بتصميم الموقع و أذكر منها :
- عدم تصميم الموقع بقياس متمدد الحجم .. فكثير من المواقع التي كنت أراها جميلة حينما حولت الشاشة لمقاس 17 بوصة و دقة 1280 × 1024 ظهرت هذه المواقع سيئة الترتيب .. و صحيح أن دقة 800 × 600 هي الأكثر إنتشاراً عالمياً لكن تظل الحاجة ماسة لعملك تصميم ذو نظام متمدد و يمكن الإستفادة من الصور التي تكررها بجانب بعضها يظهرها كصورة واحدة أو إستخدام الجداول في ذلك ..
- الإكثار من الألوان بموقعك .. فذلك قد يزعج عين الزائر فكثير تلك المواقع التي ترى كل سطر فيها بلون و تستغرب كيف راق لصاحب الموقع أن يجعل عنوان صفحته بلون مضيء مثل الفسفوري ..
- الإكثار من الصور الثابتة أو المتحركة مما قد يسبب ثقل في تحميل الصفحة و يتبع ذلك عروض الفلاش الكبيرة التي توضع دائماً بالصفحات الأولى من المواقع مما يؤدي لهروب الزائر مباشرة ..
- الإكثار من أكواد الجافا سكربت مما قد يؤدي إلى وجود أخطاء بالعرض في المتصفح ..

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

سلسلة كيف ( 1 ) : كيف تبني موقعاً فاشلاً ؟!!

سلسلة كيف ( 3 ) : كيف تبني موقعاً ناجحاً - بإذن الله - ؟!!

و شكراً لكم ..

يسلمو اختي على موضوعك الاكثر من روعة

جزاك الله الف خير

يسلمووووووو

تقبلي مرووووووووووري