درس (درس 32):تصميم ختم من الويب 2.0

الموضوع في 'التصاميم و الجرافيكس' بواسطة keko_ferkeko, بتاريخ ‏فبراير 10, 2009.

  1. keko_ferkeko

    keko_ferkeko مشرف قسم التصاميم و الجرافيكس إداري

    إنضم إلينا في:
    ‏يونيو 19, 2006
    المشاركات:
    3,648
    الإعجابات المتلقاة:
    1,321
    نقاط الجوائز:
    128
    الجنس:
    ذكر
    الوظيفة:
    طالب جامعي
    مكان الإقامة:
    مصر


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



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

    العالم منذ فترة يتجه لتصميميات جديدة تعرف باسم الـ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 بالـ الخرائط الذهنية (بواسطة Markus Angermeier في 11 نوفمبر 2005)من خلال اجتماع مؤتمر تطوير الويب المذكور، حاول الخبراء في الطرفين الوصول إلى معايير محدده يمكن من خلالها تقسيم المواقع إلى مواقع الويب 1.0 التقليدية و مواقع الويب 2.0 الجيل الجديد من المواقع . و في بداية هذا الإجتماع قاموا بضرب أمثلة على مواقع من الويب 1.0 و ما يقابلها بالفكرة من المواقع التي يصنفونها ( لا إراديا إن صح التعبير ) كمواقع من الويب 2.0 . كمرحلة أولى خرج المتحاورون بقائمة من الأمثلة منها المفارقات الموجودة في الصورة الثانية.
    لذلك هؤلاء المستخدمين يستطيعون امتلاك قاعدة بيناتهم الخاصة على الموقع بالإضافة إلى القدرة على التحكم بها.
    قبل ظهور مصطلح الويب 2.0، كان هناك ما يُسمى الويب 1.0 و الويب 1.5. الويب 1.0 يتضمن صفحات html ثابتة (static) ونادرًا ما حُدِّثت. بعد ذلك جاءت الويب 1.5، وهي عبارة عن “الويب الديناميكية” والتي تكون فيها صفحات شبكة الانترنت تُنشأ فورًا من محتويات قواعد البيانات باستخدام نظم إدارة المحتويات. الويب 2.0 هي أكثر من مجرد صفحات ويب ديناميكية، فهي تمثل شبكة اجتماعية و ذات اعتمادية أكبر على المستخدمين، والمستخدمين هنا هم مستخدمي خدمات الويب الجديدة المتطورة والتي أنشأها خبراء الشبكة. وتعريف الموقع في الويب 2.0 هو موقعٌ بُني باستخدام عدد من تكنولوجيات الويب 2.0 الحديثة. أربعة أمثلة من هذه التكنولوجيات هي الخلاصات RSS، و AJAX ، و بروتوكولات الانترنت الحديثة و الـويكي.

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


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

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



    نموذج الدرس

    [​IMG]



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

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



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


    [​IMG]



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

    [​IMG]


    4. الان نطبق الاعدادات التالية للختم..
    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]



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

    [​IMG]



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


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





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

    مع خالص تحياتي و تقديري:)...
     
    المهاجر ،f.reda و Samo معجبون بهذا.
  2. المهاجر

    المهاجر * ضيف شرف * إداري

    إنضم إلينا في:
    ‏يناير 18, 2006
    المشاركات:
    10,094
    الإعجابات المتلقاة:
    6,234
    نقاط الجوائز:
    128
    الجنس:
    ذكر
    الوظيفة:
    مهندس سابقا
    مكان الإقامة:
    أرض الله الواسعة


    مممممممممم من هنا كان تصميم الوسام :)

    ربنا يزيدك من علمه ما ينفعك و ينفع بك أخي العزيز ....
     
  3. keko_ferkeko

    keko_ferkeko مشرف قسم التصاميم و الجرافيكس إداري

    إنضم إلينا في:
    ‏يونيو 19, 2006
    المشاركات:
    3,648
    الإعجابات المتلقاة:
    1,321
    نقاط الجوائز:
    128
    الجنس:
    ذكر
    الوظيفة:
    طالب جامعي
    مكان الإقامة:
    مصر


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

    لك خالص تحياتي و تقديري:)..
     
  4. samer2000

    samer2000 New Member

    إنضم إلينا في:
    ‏ديسمبر 5, 2009
    المشاركات:
    42
    الإعجابات المتلقاة:
    0
    نقاط الجوائز:
    0
    الف شكر على المعلومات web2.0
    و على التصميم الرائع
     

مشاركة هذه الصفحة