ضع إعلانك هنا

[web2.0] تصميم ختم...

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

[web2.0] تصميم ختم...

مُساهمة من طرف keko_ferkeko في الثلاثاء فبراير 10, 2009 5:39 pm

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



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

العالم منذ فترة يتجه لتصميميات جديدة تعرف باسم الـweb2...هذه التصاميم لها خصائص و مزايا كثيرة اثبتت جدارتها و تميزها عن ما سلفها...

و نحن هنا سنحاول مواكبة هذا النوع و الاتجاه الجديد من خلال سلسلة دروس الفوتوشوب...

أولا نبذة صغيرة عن الويب 2 لنستطيع التعامل معه..
=======================================
ويب 2.0 هو مصطلح يشير إلى مجموعة من التقنيات الجديدة والتطبيقات الشبكية التي أدت إلى تغيير سلوك الشبكة العالمية 'إنترنت'. كلمة 'ويب 2.0' سُمعت لأول مره في دورة نقاش بين شركة أورلي (O’Reilly) الإعلامية المعروفة، و مجموعة ميديا لايف (MediaLive) الدولية لتكنولوجيا المعلومات في مؤتمر تطوير الويب الذي عُقد في سان فرانسيسكو في 2003 [1]. الكلمة ذكرها نائب رئيس شركة أورلي، دايل دويرتي (Dale Dougherty) في محاضرة الدورة للتعبير عن مفهوم جيل جديد للشبكة العالمية. ومنذ ذلك الحين، اُعتبر كل ما هو جديد وشعبي على الشبكة العالمية جُزءًا من 'ويب 2.0'. ولهذا السبب، فإنه، حتى الآن، لا يوجد تعريف دقيق لـ 'ويب 2.0'.

ويب 2.0 هو ببساطة ( تطبيقات - معتمدة على الشبكة العالمية ) تحمل عددًا من الخصائص التي تميزها عن 'ويب 1.0'. هذه الخصائص يمكن أن تُلَخَّص في الآتي: 1. السماح للمستخدمين باستخدام برامج تعتمد على المتصفح/الموقع فقط. لذلك هؤلاء المستخدمين يستطيعون امتلاك قاعدة بيناتهم الخاصة على الموقع بالإضافة إلى القدرة على التحكم بها.

2. السماح للمستخدمين بإضافة قيم لتلك (البرنامج المعتمدة على المتصفح).
3. السماح للمستخدمين ليعبروا عن أنفسهم، اهتماماتهم وثقافتهم.
4. تقليد تجربة المستخدمين من أنظمة التشغيل المكتبية من خلال تزويدهم بميزات وتطبيقات مشابهة لبيئاتهم الحاسوبية الشخصية.
5. تزويد المستخدمين بأنظمة تفاعلية تسمح بمشاركتهم في تفاعل اجتماعي.
6. السماح للمستخدمين بتعديل قاعدة البيانات من خلال إضافة، تغيير أو حذف المعلومات.

قبل ظهور مصطلح الويب 2.0، كان هناك ما يُسمى الويب 1.0 و الويب 1.5. الويب 1.0 يتضمن صفحات html ثابتة (static) ونادرًا ما حُدِّثت. بعد ذلك جاءت الويب 1.5، وهي عبارة عن “الويب الديناميكية” والتي تكون فيها صفحات شبكة الانترنت تُنشأ فورًا من محتويات قواعد البيانات باستخدام نظم إدارة المحتويات. الويب 2.0 هي أكثر من مجرد صفحات ويب ديناميكية، فهي تمثل شبكة اجتماعية و ذات اعتمادية أكبر على المستخدمين، والمستخدمين هنا هم مستخدمي خدمات الويب الجديدة المتطورة والتي أنشأها خبراء الشبكة. وتعريف الموقع في الويب 2.0 هو موقعٌ بُني باستخدام عدد من تكنولوجيات الويب 2.0 الحديثة. أربعة أمثلة من هذه التكنولوجيات هي الخلاصات RSS، و AJAX ، و بروتوكولات الانترنت الحديثة و الـويكي.

تعريف الويب 2.0 بالـ الخرائط الذهنية (بواسطة Markus Angermeier في 11 نوفمبر 2005)من خلال اجتماع مؤتمر تطوير الويب المذكور، حاول الخبراء في الطرفين الوصول إلى معايير محدده يمكن من خلالها تقسيم المواقع إلى مواقع الويب 1.0 التقليدية و مواقع الويب 2.0 الجيل الجديد من المواقع . و في بداية هذا الإجتماع قاموا بضرب أمثلة على مواقع من الويب 1.0 و ما يقابلها بالفكرة من المواقع التي يصنفونها ( لا إراديا إن صح التعبير ) كمواقع من الويب 2.0 . كمرحلة أولى خرج المتحاورون بقائمة من الأمثلة منها المفارقات الموجودة في الصورة الثانية.

منقول للفائدة
=======================================


هذه نبذة صغيرة عن الويب 2 عموما..
أما بالنسبة للتصميم فهي تعتمد على التدرجات اللونية المريحة للعين، و قلة عدد الصور في الصفحة، حتى الصور الموجودة تأخذ طابع معين في التصميم..
و سنقوم بسرد التصاميم المختلفة مع طرقها و تقنياتها على مدار الدروس القادمة...

و درس اليوم حتى لا أطيل عليكم هو عبارة عن طريقة تصميم ختم الويب 2





نموذج الدرس
[center]



بسم الله نبدأ الدرس:

1. نقوم برسم شكل موجود افتراضي ضمن الأشكال المثبتة مع البرنامج...
[CENTER]



2. الان نرسم الشكل ، و نضاعفه، ثم نضعهم فوق بعض بالشكل التالي






3. الان قم بعمل تدريج لوني على الصورة من لونين متقاريبن و مريحين للعين...
(#ff8400 و #ff4900)




4. الان نطبق الاعدادات التالية للختم..







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





6. الان تنقصنا خطوة واحدة هي الكتابة على الختم، و لنحاول اختيار أحد الخطوط الملائمة للويب 2...
و نضيف التأثيرات التالية على الكتابة..




[CENTER]و في النهاية نحصل على الختم المميز جدا و المتطور..






أرجو أن تكونوا قد استفدتم من الدرس، و إلى اللقاء مع مزيد من دروس الويب 2

مع خالص تحياتي و تقديرييبتسم...
[/CENTER]
[/CENTER]
[/CENTER]

________________________________________
.::الَّلهُمَّـ اجعَلْـ عَمَلَنَا خَالِصًا لِوَجهَكَـ الكَرِيمِـ::.


keko_ferkeko
عضو محترف
عضو محترف

البلد :
السن : 24
تاريخ التسجيل : 16/08/2007
المشاركات : 3254
الاهتمامات : القراءة-التصميم-بناء المواقع-النت
الوظيفة : طالب جامعي
الأوسمة :


معاينة صفحة البيانات الشخصي للعضو http://nf-son.forumotion.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: [web2.0] تصميم ختم...

مُساهمة من طرف lonely girl 92 في الثلاثاء فبراير 10, 2009 5:42 pm

يضحك يضحك من أين لك كل هذا الابداع !!! , مشكور أخى جدا وتسلم يدك

lonely girl 92
عضو مشارك
عضو مشارك

البلد :
السن : 24
تاريخ التسجيل : 17/09/2008
المشاركات : 160
الاهتمامات : النت
الوظيفة : طالبة كلية آداب
الأوسمة :


معاينة صفحة البيانات الشخصي للعضو http://nf-son.forumotion.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: [web2.0] تصميم ختم...

مُساهمة من طرف keko_ferkeko في الثلاثاء فبراير 10, 2009 5:49 pm

العفو أرجو أن تستفيدي منه فعلا...
لأنه مستقبل التصميم فيه...


مشكورة على مروركيبتسم..

________________________________________
.::الَّلهُمَّـ اجعَلْـ عَمَلَنَا خَالِصًا لِوَجهَكَـ الكَرِيمِـ::.


keko_ferkeko
عضو محترف
عضو محترف

البلد :
السن : 24
تاريخ التسجيل : 16/08/2007
المشاركات : 3254
الاهتمامات : القراءة-التصميم-بناء المواقع-النت
الوظيفة : طالب جامعي
الأوسمة :


معاينة صفحة البيانات الشخصي للعضو http://nf-son.forumotion.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: [web2.0] تصميم ختم...

مُساهمة من طرف lonely girl 92 في الأربعاء فبراير 11, 2009 4:42 pm

يضحك الدرس قد أعجبنى واستفدت منه بالفعل , مشكور أخى وأنا فى انتظار المزيد من الدروس

lonely girl 92
عضو مشارك
عضو مشارك

البلد :
السن : 24
تاريخ التسجيل : 17/09/2008
المشاركات : 160
الاهتمامات : النت
الوظيفة : طالبة كلية آداب
الأوسمة :


معاينة صفحة البيانات الشخصي للعضو http://nf-son.forumotion.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى