كيف تصمم موقع web 2.0

[byassir]

ويب 2.0 هي النسخه المقبلة من المواقع العالم حيث تتغيير المواقع الى اكثر جاذبيه وبسيطة وقابلة للاستعمال و تغيير لا يقتصر على مفاهيم التصميم فقط بل بتغيير مفاهيم البرمجة و التسويق و الخدمات...في هذا الموضوع خطوات بسيطة جدا ان شاء لله ستفيدكم في بناء موقع / مدونة web
2.0
1-الشعار:و الذي يلعب دور كبير في تعبير عن خدمات الموقع:



2- التصميم: *البساطة
تصميم web2.0 بسيط و خالي من الظجيج.مع قليل من المحتويات و كثرة الصور و الخطوط الكبيرة




3-المحتوى مركزي:
محتويات الصفحة تكون في المركز أما الجهات اليسار و اليمين تكون ممتلئة با تدرج الخلفية



3- القوائم:
مواقع web2.0 تعتمد كثيرا على القوائم الأفقية ذات خطوط كبيرة و واضحة







4-الخلفية:
خلفيات web 2.0 لها عدة أشكال أما تدرج لوني أو نمط الخط القطري diagonal line pattern



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

5- الزوايا :
الاسلوب الجديد في زوايا هو جعل زوايا مقوصة اما في صناديق المحتويات أو الأزرار



يمكنك استعادنة بهذا الموقع لتصميم الزوايا الدائرية Roundedcornr

6-عرض الصور:
Light box يساعدك في عرظ صور موقعك بأسلوب احترافي و جميل



موقع Light box

7- ajax:
معظم مواقع web 2.0 تستعين بسمات الأجاكس سيجعل لكم موقع جذاب وسريع و سهل التصفح.


8-Syndication :
توفير خدمة RSS مهمة جدا لتسهيل زوار موقعك نشر محتويات موقعك



9- عرض خدماتك:
عرض خدمتكم انها فكرة جيدة لوضع نص تمهيدي عن خدمتكم في صفحة الاستقبال بنص كبير مدعوم باصور و ايقونات


و يمكن استخدام النجوم و هذا لعرض "الأرقام"-"جديد"-"تجريبي(Beta)"





* وفي الأخير أشكركم على قرائتكم للموضوع :shy: ...وبتوفيق :nice:

[Mercedes]

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

[byassir]

وضعت الشعرات القديمة و الجديدة لملاحظة الفرق فقط...لاشكر على واجب

[مرشوش بفليت]

شكراً جزيلاً لك ... موضوع جميل ... يمكننا أن نسميه بــ " أبرز ما ظهر مع ظهور ويب2.0" لأنها صفات امتازت مواقع ويب2.0 بها ولم تمتاز الــ ويب2.0 نفسها بها ...
أكرر شكري ...


أخي Mercedes فعلاً هي قديمة ... لكنها تعبر عن الخدمات وهذا ما قصده أخونا byassir بطرحها ...

[مهندس أحمد]

خطوات مهمة جدا

بارك الله بكم

[BannersWay]

مشكور اخوي byassir
بالفعل شرح مفصل واسلوب جميل في توضيح الفكرة من web2.0
مشكور اخوي على توضيح الفكرة للجميع

[ابوحسن1981]

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


عموما .. ما زلت أتوق لمعرفة الفروقات الجوهرية بين وب1 و وب2 .. واذا كانت المسألة كلها مسألة ذوق في التصميم ( فأستطيع أن أقول .. بأنني قد قمت بتصميم العديد من مواقع وب2 ( والتي تنقصها فقط خدمة الـ rss فقط )

على كل حال .. موضوع جميل وشكرا لك افادتنا أخي الكريم ..

بوحسن ..

[byassir]

لا شكر على واجب و ان شاء لله سنتكلم في موضوع لاحق عن البرمجة و ما أسباب غياب مواقع social network عندنا :con2: ...و في الحديث بقية

[ABo.AzAzI]

موضوع جميل وأنيق

[المربع نت]

مشكور عزيزي

استفدت كثيراً

[Milad]

أخي شكراً لك

ولكن لا تنسَ أن تضع المصدر

http://web2.ajaxprojects.com/web2/ne....php?itemid=29

[I.M.A.S]

بارك الله فيك اخوي ماقصــرت ,

[مهندس أحمد]

شاهد هذا الفلم عن ال web 2.0

http://www.youtube.com/watch?v=nsa5ZTRJQ5w

http://www.youtube.com/watch?v=P39UukNpga4
http://www.youtube.com/watch?v=0LzQIUANnHc
http://www.youtube.com/watch?v=-9Rk95OhQWA

كيف تستخد الفوتوشوب في تصميم web 2.0
http://www.youtube.com/watch?v=-pOkaC4eHsE