| |||||||
| المدوّنات | البحث | مشاركات اليوم | اجعل كافة المشاركات مقروءة |
 |
| | LinkBack | أدوات الموضوع |
| |||||
| الدرس 4: أساسيات التصميم وتذكر دائماً: أنظر بعين زوار موقعك حينما تصمم الموقع  1) اختيار الألوان المناسبة: لا تستخدم في موقعك أكثر من أربعة ألوان، ولا تكتفي بلون واحد! هناك مواقع تستخدم كل لون يمكن استخدامه، فتضع الأحمر الفاقع مع الأصفر والأسود والأزرق في خلطة عجيبة، والنص ملون بألوان مغايرة، فيكون الموقع كدفاتر الرسم للأطفال، ويصاب الزائر بعمى الألوان ولا يستطيع أن يقرأ أو يركز على شيء ما في الموقع، وهناك مواقع تستخدم لوناً واحداً للتصميم بشكل يجعل عملية التركيز على المحتويات أمراً متعباً للعينين. بالنسبة للمواقع المتخصصة والمواقع الرسمية وكذلك المواقع التي تقدم محتويات كثيرة، فلا بد من استعمال اللون الأبيض كخلفية للمحتويات، أما التصميم العام فالألوان يجب أن تكون هادئة ومتناسقة ولا تتعب العينين، بالنسبة للمواقع الشخصية والصغيرة هناك مجال لاختيار ألوان أخرى كالأسود مثلاً أو أي لون آخر، وإليكم قائمة صغيرة، لبعض الألوان المستخدمة في المواقع: أزرق، رمادي، أبيض أصفر، أحمر، رمادي أحمر، رمادي، أبيض أخضر، رمادي، أبيض أزرق، برتقالي، أبيض أحمر، بيج، أبيض لاحظوا تكرار اللون الأبيض والرمادي، وهذه ألوان محايدة تستطيع أن تضعها مع أي مجموعة من الألوان، وكذلك الأسود، وسيكون لنا درس قادم مخصص للألوان فقط 2) التوافق مع المتصفحات المختلفة: معظم المستخدمين العرب يستخدمون متصفح Internet Explorer من مايكروسوفت، فلن تكون هناك مشكلة في مسألة التوافق مع المتصفح، لكن هناك من يستخدم إصدارات قديمة من إكسبلورر، او يستخدم Netscape أو Opera أو Mozilla وهناك من يستخدم أنظمة تشغيل أخرى كنظام Linux أو ماكنتوش، ولذلك يجب أن تتأكد من أن موقعك يظهر بشكل جيد مع معظم المتصفحات، ويكون هذا الأمر أكثر أهمية لو كان الموقع مخصص للتجارة الإلكترونية أو موقع رسمي لمؤسسة ما أو موقع متخصص في مجاله، لذلك يجب أن تتأكد قبل استخدامك لأي تقنية جديدة أنها متوافقة مع معظم المتصفحات، وإلا سيظهر موقعك بشكل غير متوقع في متصفحات الزوار الغير متوافقة مع تقنيات الموقع، ولا تستخدم أية تقنية كالفلاش أو الجافا لمجرد أنك تعرف استخدامها! فقط في حالة وجود فائدة أكيدة أستخدمها كما يحلو لك وعليك أن تتأكد من أن الموقع يظهر بشكل جيد على عدة كثافات للشاشة، فبعض المواقع تصمم على أساس شاشة بكثافة 786 × 1024، سيظهر هذا الموقع في شاشة ذات كثافة أقل بشكل يحتاج فيه الزائر إلى أن يستخدم شريط التمرير الأفقي لكي يرى المحتويات التي لا تظهر في الشاشة، وهناك برامج تساعدك على اكتشاف أية أخطاء من هذا النوع، أطلع على هذا الموقع وستجد الكثير منها: http://download.cnet.com 3) نظام تصفح جيد: يحتاج زائر أي موقع إلى أن يتنقل بين أقسام الموقع بكل يسر وسهولة، وأي صعوبة يجدها الزائر في فعل ذلك سيؤدي إلى ابتعاده عن الموقع، يجب أن تكون المادة على بعد خمس نقرات من الفأرة على الأكثر، وكلما قل العدد كان ذلك أفضل، أما التنقل بين الأقسام فيجب أن يكون واضحاً سهلاً منطقياً، فلا تدخل زوار موقعك في متاهات لا يفهمونها، صمم نظام تصفح موقعك وأنت تنظر بعين زوار الموقع، وسيكون أيضاً لنا درس مفصل حول نظام التصفح في الموقع 4) تنظيم المحتويات: لديك محتويات بأشكال وأنواع، لا يمكنك أن تضعها في صفحة واحدة، أو أن تجعل الموقع عبارة عن صفحة واحدة رئيسية فيها كل الوصلات للمحتويات الموجودة في موقعك، لا بد من تنظيم مبسط ومنطقي للمواد، بحيث تكون المواد المتشابهة في التخصص والنوع في قسم واحد، فالمقالات في قسم، والدروس في قسم آخر، والأخبار في ثالث وهكذا، وإن وضعت كل شيء في مكان واحد لن يستطيع الزائر أن يركز على ما يريده، وتذكر أن الزائر وقته ثمين ولا يريد تضييع وقته في البحث عن المواد. أما المحتويات الكبيرة فلا بد من تقسيمها على صفحات، لا يمكنك مثلاً أن تضع درساً يحوي على عشرات الصور وآلاف الكلمات في صفحة واحدة، يستغرق ذلك وقتاً طويلاً لكي تظهر الصفحة كاملة لدى الزائر، قسم المادة إلى صفحات متعددة، واجعل المواد في كل صفحة قصيرة وسريعة القراءة. 5) تصميم واحد فقط: هذه النقطة بسيطة، هناك مواقع تصمم لكل صفحة تصميماً خاصاً بها، وهذا مربك للزائر حيث لا يستطيع أن يفهم إن كان لا يزال في الموقع أم أنه انتقل لموقع آخر، صمم الموقع بواجهة واحدة، ولا تجعل أي صفحة من صفحات موقعك تختلف في تصميمها عن بقية صفحات الموقع. 6) الوصلات: أسميها الوصلات أو الروابط، أو البعض لا يجد سوى تسميتها لنكات سمها ما شئت، عليك أولاً أن لا تضع خطاً تحت أي كلمة في موقعك ما لم تكن هذه الكلمة رابطاً لصفحة أخرى، لأن متصفحي الشبكة العالمية تعودوا على أن تكون الكلمات التي في أسفلها خط عبارة عن رابط ينقل المتصفح نحو صفحة أخرى، ثانياً: ميز الوصلات والروابط إما باللون أو بوضع خط أسفلها أو بكلاهما، لا تجعل الروابط متشابهة مع النص بحيث لا يستطيع الزائر التفريق بينهما.أما الوصلات التي تؤدي إلى مواقع أخرى، فجعلها تظهر في صفحة جديدة من المتصفح، فلا يخرج الزائر من موقعك 7) الصور: لا تستخدم الصور إلا عند الحاجة فقط، ولا تضع صوراً متحركة أبداً إلا الإعلانات فهذه لها شأن آخر، واحرص على أن لا يكون حجم الصور في الصفحة الواحدة أكبر من 80 كيلوبايت، وقم بضغط الصور وتصغير حجمها بقدر ما تستطيع، حتى لا تهدر هذه الصور وقت الزائر، فيسأم من الموقع. أما الصور الكبيرة، فضع صور مصغرة لها، بحيث يضغط الزائر على الصورة المصغرة فتظهر له في صفحة جديدة، الصورة مكبرة وواضحة. إليكم هذه المواقع ذات التصميم الجيد كما أرى، أدرس الألوان والتصميم وكيفية وضع المحتويات فيها: www.cardesignnews.com www.sitepoint.com مواقع ذات تصميم سيء (ما أكثرها ):www.scopesys.com www.lessemf.com ملاحظة أخيرة: ستكون هناك دروس قادمة عملية، نقوم فيها بتصميم الموقع خطوة خطوة، والصبر زين | |||||
|
| |||||
| تسلللم اخوي سردال
شرح كافي ووافي وبغيتك تشوف هذا الموقع الاجنبي http://robouk.mchost.com/ صراحه عجبني فيه تناسق الالوان والترتيب الواضح .. بغيت رايك تحياتي | |||||
|
| |||||
|
sanaa: وإياك جزى الله ahmed100: وإياك أخي الكريم my: آميييين وجزاك الله خيراً Estlgag: هناك خطأ بسيط في الموقع، الشاشة لدي 600×800 مع ذلك عرض الموقع أكبر من عرض الشاشة أما التصميم بشكل عام جميل وهادئ ومميز، على فكرة، رأيت أحد الأعضاء يعرض هذا التصميم معرباً أبو ماجد الصارم: جزلك الله خير، على فكرة أخي أبو ماجد، كتبت في المنتدى الخاص بالمجلة لكن لم أرى الموضوع ينشر! هل هناك أي خطأ في المنتدى؟ | |||||
|
| |||||
|
أولا ..... جزاك الله خير ثانيا ...... أبغي اسوي موقع مفيد فياليت تعطيني رايك بفكرة لموقع يكون يفيد الناس ... مع التحية : أختك ليدي
__________________ تعـوّدت امـوت بصدق وارحل بلا تعليـق ..... كفانــي احس بلذة المـوت في اوراقي ولا احط نفسي وثـن يشرب التصفيــق ..... على شـان يدخل بــرزخ النور لأعماقي مهو لازم اقطـع دابــر الشك بالتصديق ..... ولاهو ضروري تعكس اشعاري / اخلاقي | |||||
|
| |||||
|
alsarab: أقترح عليك أن تقرأ الدرس الثاني حول تخطيط المواقع، لأنني أرى أن الموقع غير متخصص في شيء، أما التصميم جيد ويحتاج تحسينات بسيطة أنظر في توقيعي وستجد وصلة للدرس الثاني Soft Ware Lady: وإياك جزى الله، راجعي الدرس الأول من السلسلة، أنظري في توقيعي وستجدين وصلة للدرس الأول، وبعدها أخبريني، ماذا تحسنين من مهارات وخبرات، أخبرك بعدها بإقتراحاتي rzam: يعافيك، هذا الموقع شوي صراحة لأني رأيت مواقع أفضع | |||||
|
| |||||
|
أهلا مرة ثانية في الحقيقة هواياتي الرسم و الشعر و التصميم ( هندسي - ازياء - ديكور ) اتقن العمل على برامج عدة ... منها الفلاش و و الثري دايمنشن .. اميل لقراءة كتب علم النفس و التغذية و الأدب لقد قرأت مقالاتك سابقا ، هي بحق تستحق التقدير ، لكن ما أريده هو موقع يخدم الناس أو يفيدهم بعيدا عن هواياتي ... لأن مواقع الشعر و الرسم و التصميم تعج بها الشبكة .... فهل من فكرة ؟ تحياتي و تقديري س.و.ل
__________________ تعـوّدت امـوت بصدق وارحل بلا تعليـق ..... كفانــي احس بلذة المـوت في اوراقي ولا احط نفسي وثـن يشرب التصفيــق ..... على شـان يدخل بــرزخ النور لأعماقي مهو لازم اقطـع دابــر الشك بالتصديق ..... ولاهو ضروري تعكس اشعاري / اخلاقي | |||||
|
| |||||
|
اخوي سردال ما اخذت رأيك في موقعي وترا رأيك يهمني كثير هذا عنوان الموقع شبكة جواب http://jwabb.net في امان الله | |||||
|
| |||||
|
شكور أخوي سردال .. فعلاً الموقع مو مختص بشيء .... لأني حبيت أنة يكون يخدم في مجالات عدة ... حيث أنة سيفتتح فية أقسام اخرى تهتم بأمور أخرى .. كقسم المرأة ..حيث أني أريد أن الزائر يخرج من موقعي وقد وجد ما يفيدة ... فميول الناس مختلفة ..  وبالنسبة لوصلة الدرس الثاني فجميع دروسك عندي في مجلد خاص في المفضلة  لأنة بصراحة مو معقولة أضيع دروس زي كذا..تحياتي ..
__________________ الموقع مغلق... | |||||
|
| |||||
|
Soft Ware Lady: في الدرس الثاني عن التخطيط كتبت عن فكرة موقع للكتب، هل لديك اهتمام بالفكرة؟ الفكرة لم تطبق حتى الآن ولا أجد أي موقع يهتم بالكتب، فهذه فكرة مفيدة جداً وضرورية، خصوصاً أننا أمة تعاني من قلة قراءتنا للكتب .إذا لم تعجبك الفكرة، سأبحث لك جيداً وأخبرك kurt angel: وفيك بارك الله FOFOOO: وإياك جزى الله، هذا واجبنا أخي الكريم my: من ناحية التصميم، أول ما شفته قلت: أوووووووه يعني معجب بالتصميم، بسيط وعملي وموحد، أقصد أشكال موحدة ومتناسقة ويحتاج إلى تخصص في مجال محدد لانني أرى أكثر من موضوع يحتويه موقعك، تابع التقدم والتطوير alsarab: وجهة نظر وأحترمها ولأن ميول الناس مختلفة فلبي ميول واحد فقط وركز عليه خير لك من أن تشتت نفسك في عدة إتجاهات | |||||
|
| |||||
|
أهلا أخي سردال في الحقيقة فكرتك اكثر من رائعة ... جميلة جدا جدا ! و فعلا نحتاج لمثل هذه المواقع ! و أنا اعلم بأن لديك خبرة بالتصميم من مشاركتك في موقع هاردوير و مثل هالفكرة الرائعة حرام اني آخذها منك ... و هي تحتاج فريق عمل ايضا ... فريق متكامل انا سأأخذ جزء من فكرة موقع الكتب و أضيف اليه ... و سأترك العمل المتكامل لتنجزة في موقعك ففكرتك تستحق خبير و مثقف مثلك ... تحياتي لك ، و جزاك الله خيرا ، ترقب الموقع التجريبي قريبا س و ل
__________________ تعـوّدت امـوت بصدق وارحل بلا تعليـق ..... كفانــي احس بلذة المـوت في اوراقي ولا احط نفسي وثـن يشرب التصفيــق ..... على شـان يدخل بــرزخ النور لأعماقي مهو لازم اقطـع دابــر الشك بالتصديق ..... ولاهو ضروري تعكس اشعاري / اخلاقي | |||||
|
|
| أدوات الموضوع | |
| |
