Unconfigured Ad Widget

تقليص

إعـــــــلان

تقليص
لا يوجد إعلان حتى الآن.

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

تقليص
X
تقليص
  •  

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

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


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


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

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



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


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


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


    ظهور الضوء والظل يقول لنا الكثير عن السطوح والقوام في الصورة.
    اضغط على الصورة لعرض أكبر.   الإسم:	image.png  مشاهدات:	0  الحجم:	121.5 كيلوبايت  الهوية:	3675271

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


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

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

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



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



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




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

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






    2.التدرجات

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

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






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


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

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

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



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

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


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

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





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

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

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

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




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


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


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

    الرابط....

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

    كما يوجد في اسفل الموضوع دروس مفيدة في هذا الصدد

    • Majd135
      #17
      Majd135 تم التعليق
      تعديل التعليق
      شكرا جزيلا يا معلم

    • ::حامل المسك::
      #18
      ::حامل المسك:: تم التعليق
      تعديل التعليق
      المشاركة الأصلية بواسطة Majd135
      شكرا جزيلا يا معلم
      حياك الله اخي
      ولا شكر على واجب

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

article_tags

تقليص

Latest Articles

تقليص

يعمل...
X