موضوع: :: 5 خدع بسيطة لتحقيق الضوء و الظل الخاص بك ::

ردود: 14 | زيارات: 5602
  1. #1
    عضو متميز
    صور رمزية ::حامل المسك::
    تاريخ التسجيل
    Aug 2010
    المنطقة
    مصر
    ردود
    3,863

    Lightbulb :: 5 خدع بسيطة لتحقيق الضوء و الظل الخاص بك ::

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


    5 خدع بسيطة لتحقيق الضوء و الظل الخاص بتصميمك


    لا مفر من الضوء والظل - إنها في كل مكان تنظرون اليه

    كل ما تراه يعكس الضوء ويلقي نوعا من الظل.

    .
    والضوء والظل تساعدنا على فهم ما نراه وتساعدنا على فهم
    الملمس، والبعد والمنظور.
    لذلك، ونحن في محاولة لجعل التصاميم على شبكة الانترنت أكثر
    طبيعية،وبديهية، فأصبح الفهم الجيد للضوء والظل أمر مهم جدا.


    هنا 5 طرق لتحسين استخدام الضوء والظل لتلميع تصاميم الصفحة الخاصة بك وجعلها تبرز على الشاشة.

    تشريح سريع للضوء والظل


    في الصورة أدناه ، يمكننا أن
    نرى أن مصدر الضوء قادم من اليسار.

    تسليط الضوء ... حيث ضوء أقوى، والظلال تقع على الجانب الأبعد من مصدر الضوء.


    ظهور الضوء والظل يقول لنا الكثير عن السطوح
    والقوام
    في الصورة.



    ولكن ماذا يعني هذا ؟ وهل لها علاقة بتصميم الموقع؟

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

    دعونا نصل الى ذلك.

    1-استخدام مصدر الضوء


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

    يمكنك استخدام "تأثير ضوء عالمي" حتى يتسنى لجميع من تأثيرات الإضاءة الخاص بك اتبع نفس الاتجاه ضوء.

    السيطرة على مصدر (ق) من الضوء في التصميمات الخاصة بك (حتى لو كان فقط مع الانحدار الخطي أو شعاعي) فيمكن أن تساعدك في خلق جو في تصميم صفحتك.
    كما يمكن أن يساعدك أيضا
    في توجيه النظر إلى نقطة محورية في التصميم.

    أمثلة على الويب


    استخدام وابلا من أشعة
    الضوء الذي ينقل الشعور لشروق الشمس وراء التصميم.



    استخدام الضوء لتغرق في الموقع تحت الماء العميق .




    استخدام اكثر من مصدر للاضائة
    لإضافة الاهتمام البصري، والتعادل مع نمط الإضاءة مثل المكتب و المصباح.




    استخدام مصدر ضوء خفي وراء الشعار لإعطاء أهمية للشعار المرئي
    على الصفحة.






    2.التدرجات


    .

    استخدام التدرجات بمهاره هي وسيلة رائعة لتوفير العمق وجعل الأمور
    تدب فيها الحياة على الشاشة.

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




    أمثلة على الويب



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




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





    3.البروز


    يمكن أن تسلط الضوء على الظلال للمساعدة في توازن، ويجب استخدامها على حواف الأشياء الأقرب إلى مصدر الضوء.
    غالبا ما يتم التغاضي عن البروز لأنك لم تستخدمه على نحو فعال، بل لا يلاحظ انه موجود.
    وربما لا يتناسب مع كل حالة من الحالات،
    يمكن لتسليط الضوء على واجهة الفرق (الشق ) الصغير لجعله تلميع .
    وتبدو "أكثر وضوحا"
    تسليط الضوء، ستجعلها تلمع وسوف تظهر على السطح.

    ولاضافة خدعة جيدة لتسليط الضوء يجب التكبير على مكان العمل
    ليظهر التأثير بوضوح
    ويكون التكبير على 200٪ أو أكثر، لأنه في 100٪ يمكن أن يكون من الصعب معرفة ما تفعلونه
    بوضوح.
    أمثلة على الويب


    استخدام خط شبه شفاف ابيض على حافة عنصر الصفحة لاعطائها ضوء اكبر.
    انها بالكاد ترى لكنها تضيف الكثير إلى التصميم.




    وقد تلاحظ بروز جميل في الجزء السفلى من العناصر و الكلمات
    وتعطيك شعورا جيد ومريح للبروز


    30


    4.الظلال الأساسية



    مثل التدرجات، وأصبحت ترك ظلالا من دعائم معظم مصممي
    الويب.
    ويمكن للظلال
    إضافة عمق بصري
    وملمس حقيقي
    عند استخدامها بالطريقة الصحيحة.
    والمفتاح هو أن لا تبالغ.

    صفات الظل الصحيح يعتمد على اتجاه الضوء وشدته، وكذلك المسافة
    بين الجسم والسطح حيث يلقي الظل.
    وكان الضوء أقوى، وأكثر قتامة وأكثر وضوحا في الظل.
    ليونة الضوء = ليونة في الظل.



    أمثلة على الويب



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

    يضيف ظل دقيقا للغاية في
    الجزء السفلي من عناصر الشريط الجانبي لخلق الوهم من العمق.




    مع صفحة ربما الأشد العامل
    على شبكة الإنترنت - لا تزال تستثمر استخدام ظلال خفية لصفحة البحث.


    5.الظلال المتقدمة



    يمكنك أن تفعل الكثير وراء الظلال، لإعطاء
    العناصر الأساسية البعد الثالث.
    تعد الظلال هي طريقة رائعة لتغيير
    العلاقة المكانية بين الكائنات الموجودة على الصفحة.

    في الأمثلة أدناه، يتم إعطاء نفس علبة كوكاكولا
    مواقف مختلفة تماما في الفضاء اعتمادا على التظليل والظل.






    أمثلة على الويب


    بإستخدامهما بذكاء
    الظل
    (والضوء) لفتح صفحة جديدة كأنها شقة في الطابق.





    ظل يتحرك عند تغيير حجم الصفحة، وكأن الضوء قد يتحول.



    تستطيع عمل ارضية على خلفية بيضاء
    بتوظيف لكل من الضوء والظل.






    تم بحمد الله
    ارجو ان يكون الموضوع مفيد ...
    نسألكم الدعاء

    الرابط....

    http://www.smashingmagazine.com/2009...-your-designs/

    كما يوجد في اسفل الموضوع دروس مفيدة في هذا الصدد
    أخر تعديل بواسطة ::حامل المسك:: في 08 / 05 / 2012 الساعة 03:45 PM السبب: تعديل على الترجمة
    لا عزة إلا بالكتاب و السنة
    :: والله ماغشيت إمرآة في اليقظة او المنام إلا أم عبدالله زوجتي
    وأني لأرى المرآة في المنام مما لاتحل لي فأصرف بصري عنها ::ابن سيرين::
    :: إن الحق لا يعرف بالرجال، اعرف الحق تعرف أهله ::علي ابن ابي طالب
    ::

    ::موقعي::
    لا انسى فضل الله ثم المنابر من مشرفين و اعضاء في التعلم



  2. #2
    مشرف عام
    صور رمزية aktoom
    تاريخ التسجيل
    Dec 2005
    المنطقة
    بلاد العرب أوطاني
    العمر
    53
    ردود
    17,809
    ما شاء الله .. موضوع مهم ..

    بارك الله بك .
    سبحان الله وبحمده .. سبحان الله العظيم

    لاريب أنّ الألم هو سائق انفعالاتي الفظّ ، وأنّ الأمل هو وسيلتي الدائمة لترويضه . لكن .. هل أكون بهذا قد لخّصت لك عملية الإبداع ؟

    FACEBOOK

  3. #3
    عضو فعال
    صور رمزية noor81n
    تاريخ التسجيل
    Aug 2007
    المنطقة
    العراق
    ردود
    205
    شكرا على هذا الموضوع الجميل وعلى جهودك في الترجمة والأمور التي شرحتها قد مرت علينا جميعا ولكن قد لانهتم لأسس تصميمها وموضوعك وضح هذه الجوانب وشكرا مرة أخرى

  4. #4
    عضو متميز
    صور رمزية منبر الخير
    تاريخ التسجيل
    Jul 2009
    المنطقة
    الفضاء
    ردود
    9,650
    احتفظت بالموضوع لقرأته في هدوء

    ممكن مهم عندي

    جزاك الله خير ما قصرت الله يطول في عمرك
    اللَّهُمَّ إنِّي أعُوذُ بِكَ أنْ أُشْرِكَ بِكَ وأنَا أعْلَمُ، وأسْتَغْفِرُكَ لِـمَا لا أعْلَمُ


    ربي اغفر لى ولوالدى وللمؤمنين والمؤمنات والمسلمين والمسلمات الاحياء منهم والاموات

  5. #5
    أحسنت معلومات مهمة.. بارك الله فيك
    ... التعثر والسقوط في الطريق الصحيح، خير من السير بسلام في الطريق الخطأ.



  6. #6
    عضو متميز
    صور رمزية eurosoul
    تاريخ التسجيل
    Dec 2009
    المنطقة
    محافظة مصر بالوطن العربى
    ردود
    1,457
    موضوع هام و لكنى أرجو الإهتمام أكثر بوضوح الترجمة حتى لا يمل القارىء من صعوبة تفسير بعض الجمل فى موضوع مهم كهذا
    "لكل أمة فتنة و فتنة أمتى المال"

    إستحضر النية و إحرص على الإخلاص و طاعات السر

    لا أحلم بالعمل فى بيكسار ... بل أحلم بمنافستها


    صور من فيلمى الطويل "لهيب"http://www.maxforums.net/showthread.php?t=212412

  7. #7
    عضو متميز
    صور رمزية ::حامل المسك::
    تاريخ التسجيل
    Aug 2010
    المنطقة
    مصر
    ردود
    3,863
    اقتباس الموضوع الأصلي كتب بواسطة aktoom معاينة الرد
    ما شاء الله .. موضوع مهم ..

    بارك الله بك .
    وفيك بارك اخي الحبيب
    الله يعزك يارب
    والحمد لله ان الموضوع عجبك
    منور يا غالي : )

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

    اقتباس الموضوع الأصلي كتب بواسطة منبر الخير معاينة الرد
    احتفظت بالموضوع لقرأته في هدوء

    ممكن مهم عندي

    جزاك الله خير ما قصرت الله يطول في عمرك
    واياك واطال الله عمرك وبارك فيه اخي الحبيب منبر الخير
    لقد قمت بالتعديل في الترجمة ممكن تحفظ التعديلات الاخيرة

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

    اقتباس الموضوع الأصلي كتب بواسطة eurosoul معاينة الرد
    موضوع هام و لكنى أرجو الإهتمام أكثر بوضوح الترجمة حتى لا يمل القارىء من صعوبة تفسير بعض الجمل فى موضوع مهم كهذا
    تمت مراجعة الترجمة وتعديلها قدر المستطاع
    ارجو ان تكون مناسبة ومفهومه الان
    انت تؤمر اخي الكريم
    صحيح فينك بقالك فتره مش ظاهر : )
    وجزاك الله خيرا
    لا عزة إلا بالكتاب و السنة
    :: والله ماغشيت إمرآة في اليقظة او المنام إلا أم عبدالله زوجتي
    وأني لأرى المرآة في المنام مما لاتحل لي فأصرف بصري عنها ::ابن سيرين::
    :: إن الحق لا يعرف بالرجال، اعرف الحق تعرف أهله ::علي ابن ابي طالب
    ::

    ::موقعي::
    لا انسى فضل الله ثم المنابر من مشرفين و اعضاء في التعلم


  8. #8
    عضو متميز
    صور رمزية ::حامل المسك::
    تاريخ التسجيل
    Aug 2010
    المنطقة
    مصر
    ردود
    3,863
    تم التعديل على الترجمة قدر المستطاع ليستفيد اكبر عدد ممكن من الاعضاء الكرام
    لا عزة إلا بالكتاب و السنة
    :: والله ماغشيت إمرآة في اليقظة او المنام إلا أم عبدالله زوجتي
    وأني لأرى المرآة في المنام مما لاتحل لي فأصرف بصري عنها ::ابن سيرين::
    :: إن الحق لا يعرف بالرجال، اعرف الحق تعرف أهله ::علي ابن ابي طالب
    ::

    ::موقعي::
    لا انسى فضل الله ثم المنابر من مشرفين و اعضاء في التعلم


  9. #9
    عضو
    صور رمزية islam-hent
    تاريخ التسجيل
    Dec 2005
    المنطقة
    مصر
    العمر
    34
    ردود
    100
    موضوع مميز، بارك الله فيك.

  10. #10
    مشرف عام
    صور رمزية aktoom
    تاريخ التسجيل
    Dec 2005
    المنطقة
    بلاد العرب أوطاني
    العمر
    53
    ردود
    17,809
    تم إعادة النشر حسب التعديل الأخير ..

    بارك الله بك أخي الحبيب .
    سبحان الله وبحمده .. سبحان الله العظيم

    لاريب أنّ الألم هو سائق انفعالاتي الفظّ ، وأنّ الأمل هو وسيلتي الدائمة لترويضه . لكن .. هل أكون بهذا قد لخّصت لك عملية الإبداع ؟

    FACEBOOK

  11. #11
    عضو متميز
    صور رمزية eurosoul
    تاريخ التسجيل
    Dec 2009
    المنطقة
    محافظة مصر بالوطن العربى
    ردود
    1,457
    [QUOTE=::
    تمت مراجعة الترجمة وتعديلها قدر المستطاع
    ارجو ان تكون مناسبة ومفهومه الان
    انت تؤمر اخي الكريم
    صحيح فينك بقالك فتره مش ظاهر : )
    وجزاك الله خيرا[/QUOTE]

    جزاك الله خير و أكرمك
    أنا موجود لكنى فقط لم أدخل أطراف الحديث منذ فترة فقط لإنشغالى ببعض أعمال الجرافيك
    "لكل أمة فتنة و فتنة أمتى المال"

    إستحضر النية و إحرص على الإخلاص و طاعات السر

    لا أحلم بالعمل فى بيكسار ... بل أحلم بمنافستها


    صور من فيلمى الطويل "لهيب"http://www.maxforums.net/showthread.php?t=212412

  12. #12
    عضو متميز
    صور رمزية نوري
    تاريخ التسجيل
    Jan 2002
    المنطقة
    الامارات العربية المتحدة
    ردود
    5,414
    الموضوع ممتع
    واذكر انني وجدت موضوع مشابه من فترة ساحاول ايجاده ومشاركتك ومشاركة الاعضاء به
    ابو محمد
    قال غاندي:
    سيستهزؤون بك ثم يحاربونك ثم يقاومونك ثم يؤمنوا بك ثم يتبعوك ، النجاح ببساطة قضية إيمان ينبت ، يكبر في الاعماق و لا يكثرت بالمتهكمين و الناقمين و المستهزئين، النجاح انتظار للحظة التتويج، النجاح استصغار للحظات الاستعداد و المواجهة ، النجاح يقين بان ما تفعله يناسبك.

    اخرالاعمال :
    http://www.maxforums.net/showthread.php?t=212605


  13. #13
    جميل جدا ما شاء الله
    سبحان الله و بحمده سبحان الله العظيم
    -----------
    أعمالي في التصوير
    Longines

    Teppo & Tappo
    -----------

    إعملي فولو على
    instagram هنا
    -----------

    ألا أدلك على كلمة تقولها بدقيقة واحدة فقط تحصل بها على اكثر من 100.000.000.000 حسنة مائة مليار حسنة بل أكثر والله يضاعف لمن يشاء فقد قال ارسول صلى الله عليه وسلم في حديثه ( من قال أستغفر الله العظيم التواب الرحيم لذنبي وللمسلمين والمسلمات والمؤمنين والمؤمنات الأحياء منهم والأموات إلى يوم الدين كتب له بكل مؤمن ومؤمنة حسنة )


  14. #14
    عضو متميز
    صور رمزية ::حامل المسك::
    تاريخ التسجيل
    Aug 2010
    المنطقة
    مصر
    ردود
    3,863
    اقتباس الموضوع الأصلي كتب بواسطة islam-hent معاينة الرد
    موضوع مميز، بارك الله فيك.
    وفيك بارك اخي الكريم
    وشاكر ليك مرورك العطر

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

    اقتباس الموضوع الأصلي كتب بواسطة eurosoul معاينة الرد
    جزاك الله خير و أكرمك
    أنا موجود لكنى فقط لم أدخل أطراف الحديث منذ فترة فقط لإنشغالى ببعض أعمال الجرافيك
    واياك اخي الحبيب
    والله يعينك
    منور الموضوع : )

    اقتباس الموضوع الأصلي كتب بواسطة نوري معاينة الرد
    الموضوع ممتع
    واذكر انني وجدت موضوع مشابه من فترة ساحاول ايجاده ومشاركتك ومشاركة الاعضاء به
    نوري معي في موضوعي !
    ههههههه لي الشرف اخ نوري ان موضوعي حاز على اعجابك
    بارك الله فيك
    وياريت تفيدنا بالموضوع اللي اشرت اليه لتعم الفائدة
    وجزاك الله خيرا وبارك الله فيك
    وشاكر لك مرورك العطر

    اقتباس الموضوع الأصلي كتب بواسطة os.sa.al معاينة الرد
    جميل جدا ما شاء الله
    جزاك الله خيرا وبارك الله فيك اخي الحبيب اسامة
    لا عزة إلا بالكتاب و السنة
    :: والله ماغشيت إمرآة في اليقظة او المنام إلا أم عبدالله زوجتي
    وأني لأرى المرآة في المنام مما لاتحل لي فأصرف بصري عنها ::ابن سيرين::
    :: إن الحق لا يعرف بالرجال، اعرف الحق تعرف أهله ::علي ابن ابي طالب
    ::

    ::موقعي::
    لا انسى فضل الله ثم المنابر من مشرفين و اعضاء في التعلم


Bookmarks

قوانين الموضوعات

  • لا يمكنك اضافة موضوع جديد
  • لا يمكنك اضافة ردود
  • لا يمكنك اضافة مرفقات
  • لا يمكنك تعديل مشاركاتك
  •  
  • كود BB مفعّل
  • رموز الحالة مفعّل
  • كود [IMG] مفعّل
  • [VIDEO] code is مفعّل
  • كود HTML معطل