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

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

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

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

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

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

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

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

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

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

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

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

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

و شكراً لكم ..

__________________
الملف الشخصي
@redabanjar

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

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

وتحياتى لك بالتوفيق

__________________
Back To Track

الله يعطيك العافيه يارضا بس ياليت تعيد شرح تصميم الموقع باطارات

وش علاقته بالبحث

ياليت تفيدني وجزاك الله خير

جزاك الله خير أخي رضا..

وننتظر من المزيد..

أخوك:
أحمد الكثيري

__________________
مدونة مبدع

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

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


سؤال غريب: تصور أن هناك موقعاً متفوق من ناحية المحتويات، وتصميمه ليس جميلاً ولكنه ليس قبيحاً في نفس الوقت، هل تعتقدون أن الزوار وبسبب "المظهر فقط" سيتركون الموقع ولن يعودوا إليه؟ وإذا سألتهم عن السبب سيقولون: تصميمه غير جميل، لا نريد زيارة مواقع ليس فيها مؤثرات فنية؟ هل تعتقدون أن هذا سبباً لنفور الزوار من الموقع؟

شكرا لك يا استاذ رضا على هذه الوصايا الجميله
وهناك اضافة بسيطه ألا وهي اختيار تخصص للموقع
فهذه النقطة من اهم الاشياء في تصميم المواقع ولا تقل اهميتها عن الموقع نفسه
كم من المواقع تجدها متخصصه في مجال معين ( لا تكاد تذكر )
واغلب المواقع العربية خصوصا تجدها متخصصه في كل شيء
دردشة - اغاني ( مع العلم انها محرمه ) - .......
تجدها متكرره في اغلب المواقع
=====
ولا انسى ان اشكر الاستاذ سردال على مداخلته المفيده

بارك الله فيك أخي رضا على هذه النصائح المفيده

__________________
ولدتك أمك يا ابن آدم باكيا................
والناس حولك يظحكون سرورا

فاحفظ لنفسك ان تكون اذا بكوا................
في يوم موتك ضاحكا مسرورا

الله يعطيك العافيه أخوي رضا

فعلاً سلسلة رائعه ..


ما تقصر

__________________
~-{[< سبحان الله وبحمده .. سبحان الله العظيم >]}-~
____________________

لم تزر منتديات همس الليل ؟؟؟

إذن لم تعرف المنتديات بعد !!

اضـــغــط هـــــنــــا وتــمــتــع بالإبداع ^_^

أشكر الأساتذة و الإخوان الأفاضل على هذا الطرح المفيد و الهادف لهذا الموضوع المهم

طيب أنا عندي مشكلة .. و ياريت تساعدوني في حلها ..

مثلاً الحين أنا يوم أبغي أصمم موقعي ..

طبعاً أول شيء أسويه آخذ القلم و الورقة و أرسم شكل الموقع بشكل مبدئي و بعد ذلك أبدأ بالتطبيق العملي

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

يعني تخيلوا عندي موقع حالياً قاعد أصممه ، و كل ما أعمل نموذج تجيني فكرة ثانية و أسير أغير

مب عارف من كثرة ما تجيني الأفكار أمل ..

ما أدري عندكم حل لهذي المشكلة ( النفسية )

تحياتي لكم

__________________
هوست دبي للإستضافة و التصميم
HostDubai For WebHosting & Design
خيارك الصحيح .. لاستضافة مثالية
WebSite: hostdubai.ae

كلامك رائع وجميل
والله يوقفك على حرصك الدائم بنا

__________________
قلعة الفوتوشوب

دروس فوتوشوب

الله يعطيك العافية اخوي رضا ..
هذا كتاب مو سلسلة المفروض
يصير على شكل كتاب

الله يوفقك ومواضيعك جداً
موفقة ..

__________________
قل لمن يحمل هما .. بأن همه لن يدوم
فكما تفنى السعادة .. هكذا تفنى الهموم

جزاك الله ألف خيرو لكن عندي ملاحظة :
لشهرة موقعك : قم بعمل فكره جديدة لم يسبقك بها أحد من قبل

__________________
البريد
almuslim@gmail.com
الماسنجر
muslem@php.net

اهلا اخوي رضا دووووم مبدع وبالتوفيق لك اخوي

واتمنى استمرار هذه الحلقات من مواضيع ((كيف))

__________________
العاب

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

__________________
لك الله يا غزة ..

كلام رائع و جميل اخوي رضا ، جزاك الله خير ، لكن ماذا عن الموهبة و الابداع في التصميم ، ماذا عن تميز الشخص في استخدام الالوان و ابداعه في تناسقها

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

__________________
الحالة في سوالف : غير نشط


لاَ اِلَهَ اِلاَّ اَنْتَ سُبْحَانَكَ اِنِّي كُنْتُ مِنَ الظَّالِمِينَ

الألفاظ هي الثياب التي ترتديها أفكارنا، لذا ..يجب ألا تظهر أفكارنا في ثياب رثة بالية

---

سؤال غريب: تصور أن هناك موقعاً متفوق من ناحية المحتويات، وتصميمه ليس جميلاً ولكنه ليس قبيحاً في نفس الوقت، هل تعتقدون أن الزوار وبسبب "المظهر فقط" سيتركون الموقع ولن يعودوا إليه؟ وإذا سألتهم عن السبب سيقولون: تصميمه غير جميل، لا نريد زيارة مواقع ليس فيها مؤثرات فنية؟ هل تعتقدون أن هذا سبباً لنفور الزوار من الموقع؟

---

الجواب نعم!

يجب أن يكون الموقع جميل كي أزوره مرة ثانية (باستثناء المواقع الإسلامية! وسوالف سوفت )... أخي سردال:

أراك تبالغ في طلب البساطة في التصميم! التصميم الجميل اهم من المادة بعض الأحيان! وفي بعض الأحيان لا يقل أهمية عنها!!

بصراحة .. أقول وأنا جاد لا امزح .. اعتقد انك بحاجة لجهاز كمبيوتر جديد واتصال إنترنت سريع واستمتع بالحياة

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

php master عفواً أخي و لم أقم بكتابة إلا ما كان علي كتابته ..

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

ahmed100 و إياك أخي والله ييسر لنا ما فيه الخير ..

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

awilah شكراً أخي و صحيح ما قلت أن التخصص مطلوب لبناء موقع ناجح و ذكرت ذلك بموقع سابق .. و من الغريب حقاً ما قلته من مثال لبعض المواقع .. بل رأيت موقعاً يصف نفسه كالتالي : (( دردشة - أغاني - طرب - قرآن - أناشيد - صور فنانين .... )) ..

shra3 عفواً أخي ..

Alhams.com الله يعافيك ..

__________________
الملف الشخصي
@redabanjar

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

fayz إنت الأجمل .. و الله يوفق لما فيه الخير ..

lzooozl الله يعافيك و شكراً على تعقيبك و الله يعين ..

Mr.Muslem و إياك أخي و شكراً على إثرائك الموضوع بهذه التلميحة .. و فعلاً كم من مواقع نجحت بسبب فكرتها !! ..

Dr.Gix الله يوفقنا جميعاً و يعطينا طولة العمر عشان أزيدك من مواضيع الكيف ههههههه ..

palnour و إياك ..

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

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

__________________
الملف الشخصي
@redabanjar

لدي خط DSL سريع بما فيه الكفاية لتنزيل الملفات ذات 300 ميغابايت في أقل من ساعة، لكنني أنظر إلى المستخدمين الذين يستعملون خطوط الهاتف العادية، سرعة المودم لديهم لا تتعدى 56 كيلو بايت، هذا في الظروف المثالية، إذ عادة تكون أقل من ذلك، وحتى المستخدمين في أمريكا، معظمهم يستخدمون خطوط الهاتف.

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


رضا: كقاعدة تقنية، أنصح كل صاحب موقع متخصص أو حكومي أو يحوي الكثير من المحتويات، أن يجعل الصفحة الرئيسية تظهر في أقل من 20 ثانية، وليتذكر أن هناك مواقع كياهو مثلاً يظهر في أقل من 10 ثواني بشكل كامل، وشكراً لك على الموضوع الطيب

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

__________________
الملف الشخصي
@redabanjar