الأسس الفنيه في تصميم المواقع
صفحة 1 من اصل 1
الأسس الفنيه في تصميم المواقع
الأسس الفنيه في تصميم المواقع
إن طريقه ظهور الموقع والطريقه المستخدمه في تصميم الموقع تلعب دوراً هاماً وبدرجه كبيره في تحديد كفاءة الموقع وما يتضمه من مكنونات التي ربما تهمل والسبب هي في طريقه عرض هذه المحتويات .
لذلك فإن أفضل طريقه لجذب المتصفحين إلى صفحه الويب الخاصة بك هو تصميم الموقع بشكل بسيط وتقليدي . ويعتمد نجاح الموقع على السهوله والبساطه التي يوفرها الموقع لمتصفحيه و أيضاًعلى مدى عوده الزوار للموقع مراراً وتكراراً.
وفي هذه المساحه ذكرت أهم النقاط ذات الصله حول تصميم الموقع والتي تضفي على الموقع لمسه جماليه وتركيز على محتوى الموقع بنفس الوقت , والتي لها مردود فعلي كبير في جعل الموقع متميزاً وأكثر رواجاً على الشبكه العنكبوتيه .
أولاً: الاسم الرئيسي للموقع
يعتبر العامل الرئيسي في ظهور الموقع بشكل جيد هو اسم الموقع أو المساحة العامة للتعريف
(common identifier area) وهي المساحة العلوية للموقع
1- أن يكون الاسم مختصراً والذي يعكس في مضمونه ماهية الموقع والغرض منه .
2- وجود شعار الموقع (logo) , وكذلك ( (banner وأي تفاصيل بيانيه أخرى في هذه المساحه .
ثانياً: مساحة روابط صفحات الموقع (Navigation area matter )
هناك طريقتين في اختيار هذه المساحه ,اما أن تكون بشكل أفقي في شريط أو أن تكون بشكل رأسي في جانب الصفحه .
فإذا كان عدد البنود كثيره فترتيبها بشكل أفقي في جانب الصفحة أفضل , ولكن طريقه الشريط الأفقي يسمح لمساحه أكبر لعرض محتويات الموقع . وكذلك يجب أن يعكس اسم البند - الرابط - الصفحه التي يتوجه إليها لدعم المتصفحين سهوله في عملية التنقل بين صفحات الموقع وبشكل فعّال.
ثالثاً:المساحه السفلى للموقع :
وهي في الغالب مساحة ثابتة , يوضع فيها المعلومات الحيوية عن الموقع مثل حقوق الملكيه ((copy right أو روابط لبعض الصفحات المهمة .أيضاً يمكن استخدام هذه المساحه من خلال تكرار بعض النقاط أو البنود التي أُدرجت في مساحة الروابط ((Navigation bar
رابعأً: محتويات الموقع
محتوى الموقع هو قلب الموقع وهي الهدف الكلي من الموقع.
ماذا عن أفضل عرض للمحتويات ؟
1- مستوى الجمهور الموجهه له هذا المحتوى هو الذي يحدد طبيعه عرض المحتوى .
2- أن يكون مفيد وبصيغه سهله الفهم والاستيعاب .
3- أن يكتب بشكل صحيح وبطلاقه .
4- أن يكون المحتوى ذو صله بالموقع .
5- محتويات الصفحه الرئيسيه يجب أن يكون أكثر جاذبيه ولفت لانتباه المتصفحين , ويمكن استخدام هذه الصفحه للتركيز على المحتويات الرئيسيه للموقع .
6- محتويات الموقع يجب أن لاتكون كبيره جداً أو صغيره جداً وأن تكون على الأكثر في عمودين أو ثلاثه .
خامسأ: تقنيات تسليط الضوء على المجتويات المهمه
(highlighting techniques)
1- الوميض ((Flasher , تعتبر أفضل طريقه لتسليط الضوء على المعلومات المهمه والتي تحتاج اهتمام خاص مثل الإعلانات.
2- الرسوم المتحركه وهي أحدث تقنيه يمكن أن يفاجىء بها المتصفحين ولشد الانتباه على الاشياء المهمه
سادساً: النواحي الجماليه للموقع :
1- لابأس من استخدام الرسوم المتحركه والمؤثرات الصوتيه , ولكن المبالغه فيها يؤدي ألى تشتيت القارئ وقد يسبب له ازعاج عند التصفح .
2- الاستخدام الأمثل للألوان والصور , وعدم استخدام الالوان المتناقضه أو الالوان التي تسبب إزعاجاً للرؤيه لأنها من أهم الاسباب التي تجعل المتصفح يتراجع عن زياره الموقع مرة أخرى .
3- يعتبراستخدام اللون الاسود للنص , والخلفيه البيضاء ,هي الطريقه التقليديه التي يحبذها المتصفحون .
4- استخدام الصور حسب الحاجه وعدم الإسهاب في استخدامها لأن ذلك يؤدي الى طول فترة تحميل الصفحة بتالي يشعر الزائر بالملل عند تصفحه .
سابعاً:روابط خارج إيطار الموقع ((Outbound links
يعتمد نجاح الموقع على الكم من الزوار للموقع .لذلك يجب أن لا يتضمن الموقع على روابط لمواقع أخرى بشكل واضح يؤدي الى تفاعل الزائر بطريقه غير مباشره خارج الموقع الأساسي .ولكن إذا لزم الأمر فالأفضل أن تًفتح على صفحه أخرى وليس على صفحه الموقع.
ثامناً : تعديل عرض الصفحه
يُستحسن أن يكون عرض الصفحه متغيراً لأي متصفح والأفضل أن يكون عرض الصفحه (775pixels ) لكي يتمكن المتصفح بسهوله أن يأخذ (printout) 8 X 11 , هذا الحجم يتلائم مع الاحتياجات الاساسيه للمتصفح بحيث يحصل على صفحه بهوامش قليله .
مثال:
في الموقع أدناه ومن خلال تجربتي الشخصيه له , يتضح وبشكل جليّ مدى تأثير تصميم الموقع على المحتوى و مضون الموقع, ينطبق عليه معنى البساطه والوضوح والنواحي الجماليه غير المبالغ فيها التي زادت من أهميته :
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
ختاماً, هذه النقاط سالفه الذكر هي مجرد نقاط رئيسيه وبشكل عام وتبقى الصوره الخارجيه للموقع تعتمد على ماهية الموقع والغرض منه وطبيعه مكوناته ...وأكرر مره أخرى بأن جمال الموقع ومدى فعاليته يكمن في البساطه وعدم التكلف ولكي لا يفقد الموقع غرضه الاساسي وهو المحتوى أو المضمون وليس الظاهر...
منقول من موقع Knol
إن طريقه ظهور الموقع والطريقه المستخدمه في تصميم الموقع تلعب دوراً هاماً وبدرجه كبيره في تحديد كفاءة الموقع وما يتضمه من مكنونات التي ربما تهمل والسبب هي في طريقه عرض هذه المحتويات .
لذلك فإن أفضل طريقه لجذب المتصفحين إلى صفحه الويب الخاصة بك هو تصميم الموقع بشكل بسيط وتقليدي . ويعتمد نجاح الموقع على السهوله والبساطه التي يوفرها الموقع لمتصفحيه و أيضاًعلى مدى عوده الزوار للموقع مراراً وتكراراً.
وفي هذه المساحه ذكرت أهم النقاط ذات الصله حول تصميم الموقع والتي تضفي على الموقع لمسه جماليه وتركيز على محتوى الموقع بنفس الوقت , والتي لها مردود فعلي كبير في جعل الموقع متميزاً وأكثر رواجاً على الشبكه العنكبوتيه .
أولاً: الاسم الرئيسي للموقع
يعتبر العامل الرئيسي في ظهور الموقع بشكل جيد هو اسم الموقع أو المساحة العامة للتعريف
(common identifier area) وهي المساحة العلوية للموقع
1- أن يكون الاسم مختصراً والذي يعكس في مضمونه ماهية الموقع والغرض منه .
2- وجود شعار الموقع (logo) , وكذلك ( (banner وأي تفاصيل بيانيه أخرى في هذه المساحه .
ثانياً: مساحة روابط صفحات الموقع (Navigation area matter )
هناك طريقتين في اختيار هذه المساحه ,اما أن تكون بشكل أفقي في شريط أو أن تكون بشكل رأسي في جانب الصفحه .
فإذا كان عدد البنود كثيره فترتيبها بشكل أفقي في جانب الصفحة أفضل , ولكن طريقه الشريط الأفقي يسمح لمساحه أكبر لعرض محتويات الموقع . وكذلك يجب أن يعكس اسم البند - الرابط - الصفحه التي يتوجه إليها لدعم المتصفحين سهوله في عملية التنقل بين صفحات الموقع وبشكل فعّال.
ثالثاً:المساحه السفلى للموقع :
وهي في الغالب مساحة ثابتة , يوضع فيها المعلومات الحيوية عن الموقع مثل حقوق الملكيه ((copy right أو روابط لبعض الصفحات المهمة .أيضاً يمكن استخدام هذه المساحه من خلال تكرار بعض النقاط أو البنود التي أُدرجت في مساحة الروابط ((Navigation bar
رابعأً: محتويات الموقع
محتوى الموقع هو قلب الموقع وهي الهدف الكلي من الموقع.
ماذا عن أفضل عرض للمحتويات ؟
1- مستوى الجمهور الموجهه له هذا المحتوى هو الذي يحدد طبيعه عرض المحتوى .
2- أن يكون مفيد وبصيغه سهله الفهم والاستيعاب .
3- أن يكتب بشكل صحيح وبطلاقه .
4- أن يكون المحتوى ذو صله بالموقع .
5- محتويات الصفحه الرئيسيه يجب أن يكون أكثر جاذبيه ولفت لانتباه المتصفحين , ويمكن استخدام هذه الصفحه للتركيز على المحتويات الرئيسيه للموقع .
6- محتويات الموقع يجب أن لاتكون كبيره جداً أو صغيره جداً وأن تكون على الأكثر في عمودين أو ثلاثه .
خامسأ: تقنيات تسليط الضوء على المجتويات المهمه
(highlighting techniques)
1- الوميض ((Flasher , تعتبر أفضل طريقه لتسليط الضوء على المعلومات المهمه والتي تحتاج اهتمام خاص مثل الإعلانات.
2- الرسوم المتحركه وهي أحدث تقنيه يمكن أن يفاجىء بها المتصفحين ولشد الانتباه على الاشياء المهمه
سادساً: النواحي الجماليه للموقع :
1- لابأس من استخدام الرسوم المتحركه والمؤثرات الصوتيه , ولكن المبالغه فيها يؤدي ألى تشتيت القارئ وقد يسبب له ازعاج عند التصفح .
2- الاستخدام الأمثل للألوان والصور , وعدم استخدام الالوان المتناقضه أو الالوان التي تسبب إزعاجاً للرؤيه لأنها من أهم الاسباب التي تجعل المتصفح يتراجع عن زياره الموقع مرة أخرى .
3- يعتبراستخدام اللون الاسود للنص , والخلفيه البيضاء ,هي الطريقه التقليديه التي يحبذها المتصفحون .
4- استخدام الصور حسب الحاجه وعدم الإسهاب في استخدامها لأن ذلك يؤدي الى طول فترة تحميل الصفحة بتالي يشعر الزائر بالملل عند تصفحه .
سابعاً:روابط خارج إيطار الموقع ((Outbound links
يعتمد نجاح الموقع على الكم من الزوار للموقع .لذلك يجب أن لا يتضمن الموقع على روابط لمواقع أخرى بشكل واضح يؤدي الى تفاعل الزائر بطريقه غير مباشره خارج الموقع الأساسي .ولكن إذا لزم الأمر فالأفضل أن تًفتح على صفحه أخرى وليس على صفحه الموقع.
ثامناً : تعديل عرض الصفحه
يُستحسن أن يكون عرض الصفحه متغيراً لأي متصفح والأفضل أن يكون عرض الصفحه (775pixels ) لكي يتمكن المتصفح بسهوله أن يأخذ (printout) 8 X 11 , هذا الحجم يتلائم مع الاحتياجات الاساسيه للمتصفح بحيث يحصل على صفحه بهوامش قليله .
مثال:
في الموقع أدناه ومن خلال تجربتي الشخصيه له , يتضح وبشكل جليّ مدى تأثير تصميم الموقع على المحتوى و مضون الموقع, ينطبق عليه معنى البساطه والوضوح والنواحي الجماليه غير المبالغ فيها التي زادت من أهميته :
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
ختاماً, هذه النقاط سالفه الذكر هي مجرد نقاط رئيسيه وبشكل عام وتبقى الصوره الخارجيه للموقع تعتمد على ماهية الموقع والغرض منه وطبيعه مكوناته ...وأكرر مره أخرى بأن جمال الموقع ومدى فعاليته يكمن في البساطه وعدم التكلف ولكي لا يفقد الموقع غرضه الاساسي وهو المحتوى أو المضمون وليس الظاهر...
منقول من موقع Knol
مواضيع مماثلة
» تعريف بمفهوم الاسلوب المتطور فى تصميم المواقع web 2.0
» برمجة المواقع بلغة ASP
» برمجة المواقع بلغة ASP
» تعلم تصميم مواقع النترنت بلغة HTML
» Facebook تقوم بتحديث تصميم الصفحة الرئيسية
» برمجة المواقع بلغة ASP
» برمجة المواقع بلغة ASP
» تعلم تصميم مواقع النترنت بلغة HTML
» Facebook تقوم بتحديث تصميم الصفحة الرئيسية
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
الثلاثاء نوفمبر 09, 2010 7:39 am من طرف Admin
» ملفات حل الاتصالات العملي (1) (2)
الثلاثاء نوفمبر 09, 2010 3:35 am من طرف Admin
» AddressBookONE: خدمة لإدارة جهات الاتصال الخاصه بك
الإثنين نوفمبر 01, 2010 3:28 am من طرف Admin
» محاضرة قواعد البيانات (DataBase) العملي
الخميس أكتوبر 28, 2010 5:33 am من طرف Admin
» محاضرة #2 الاتصالات و الوظيفة
الأربعاء أكتوبر 20, 2010 1:54 am من طرف Admin
» سلايدات مادة الخوارزميات (2) بصيغة PDF
الأحد أكتوبر 17, 2010 5:02 am من طرف Admin
» محاضرة الاتصالات (1) و الوظيفة (عملي)
الأربعاء أكتوبر 13, 2010 12:27 am من طرف Admin
» محاضرة الاتصالات (1) و الوظيفة (عملي)
الأربعاء أكتوبر 13, 2010 12:20 am من طرف Admin
» محمد نور و fbinstant.net
الإثنين أكتوبر 11, 2010 8:52 pm من طرف Admin
» كتاب مادة الخوارزميات (introduction of algorithm)
الأحد أكتوبر 10, 2010 10:20 pm من طرف Admin
» جديد مجموعات فيس بوك في الحدث الأخير
الخميس أكتوبر 07, 2010 3:22 pm من طرف Admin
» جديد مجموعات فيس بوك في الحدث الأخير
الخميس أكتوبر 07, 2010 3:20 pm من طرف Admin
» طالب سوري يطور موقعا للبحث الفوري في فيسبوك
الثلاثاء أكتوبر 05, 2010 3:16 am من طرف Admin
» خلل في facebook و انقطاع عن الخدمة
الجمعة سبتمبر 24, 2010 5:36 am من طرف Admin
» Intel ستجعلك تدفع 50 دولارا لتستفيد من كامل قوة معالج حاسوبك
الثلاثاء سبتمبر 21, 2010 5:34 am من طرف Admin
» Intel ستجعلك تدفع 50 دولارا لتستفيد من كامل قوة معالج حاسوبك
الثلاثاء سبتمبر 21, 2010 5:28 am من طرف Admin
» هاتف فيس بوك قريبا و بميزات ليست بقليلة
الإثنين سبتمبر 20, 2010 9:47 pm من طرف Admin
» تويتر بحلّة جديدة
الأربعاء سبتمبر 15, 2010 9:18 pm من طرف Admin
» إنطباعات النسخة الكاملة من فيفا 11 لعبة كرة القدم الأشهر المنتظرة
الأحد سبتمبر 12, 2010 6:58 am من طرف Admin
» الكشف رسميا عن لعبة Dead or Alive: Dimensions للننتندو 3DS
الخميس سبتمبر 09, 2010 6:57 am من طرف Admin