حدوتة الالوان !
الملخص لكتيب لطيف اسمه Color Theory in Web UI Design
عدد صفحاته ميتعداش 35 صفحة فيه امثلة لكل جزئية .. الكتاب ممتع والامثلة جيده
حمل الكتاب وكتب تانية من هنا uxpin e-books
الالوان تنقسم الى
الوان دافئة مثل (الاحمر والبرتقالى والاصفر ) وهى تعطى انطباع اكثر تحفيز
بينما الالوان الباردة مثل (الازرق والبنفسجى) تبعث على الهدوء
وهناك الالوان المحايدة مثل (الابيض والاسد والرمادى )
بالطبع كل لون منهم له دلالاته وعواطف مرتبطة بيه
الاحمر
اللون الاكثر تحفيزا بينهم و ويستخدم للفت الانتباه , واحيانا لاعطاء انذار ما
ويستخدم للدلالة على القوة والشباب احيانا .. لكنه اختيار غير موفق عند استعماله فى المواقع التى تسعى للراحة والهدوء
البرتقالى
يحتفظ ببعض قوة الاحمر لكن بدرجة اقل ,مما يجعله اكثر هدوءا ويستخدم غالبا لاظهار البهجة والمرح
الاصفر
تاثير الاصفر يختلف مع قوة سطوعه او درجة اشراق اللون , لكنه لون دافىء وملىء بالحيوية
منه الاصفر الساطع وهو محفز للغاية
والاقل اشراقا وهو اكثر ترحيبا
والاصفر الداكن (كالدهبى) ليدل على الفخامة
الاخضر
هو جسر بين الالوان الدافئة والباردة , يعطى مزيج من الاسترخاء والطاقة او الحيوية ,
وعادة ما يدل على الرضا او الايجابية
وفى الثقافة الغربية غالبا ما يمثل المال او الموضوعات البيئية
الازرق الفاتح وهو اول الالوان الباردة .. لون محبب ويعطى احساس بالترحيب دائما , يستخدم فى المواقع الاجتماعية الشهيرة مثل فيس بوك وتويتر بسبب الهدوء والترحاب الذى يبعثه
الازرق الغامق
الازرق الداكن ايضا مازال يبعث على الهدوء لكنه يوحى بالثقة والجدية اكثر منه فى الازرق الفاتح
هو اللون المفضل بالنسبة للشركات الموثوق فيها والتى تعرف بالمهنية والجدية
يطلق عليه اللون الملكى , يعطى احساس من الرفاهية والترف , واحيانا الفساد او الانحلال !!
الدرجة الفاتحة منه تعطى احساس بالرومانسية ! فى حين ان الدرجة الداكنة منه تمثل الغموض احيانا !
الاسود
اقوى من كل الالوان .,لهذا السبب غالبا ما يستخدم فى كتابة النصوص , ويساعد ايضا فى ظهور الالوان الاخرى بجانبه باختلافها
, اللون نفسه متألق وقوى دائما .
الابيض
كلون اساسى ., يعطى احساس بالنقاء .. وكـ لون ثانوى فهو يلف الانتباه الى العناصر الاكثر تحفيز والاكثر اهمية
لذلك فهو لون مثالى لدعم العناصر الهامة
الرمادى
يلعب دور الوسيط بين الابيض والاسود
- لون محايد ويستخدم بشكل رائع فى كل التصميمات
1. Contrasting Colors
- ممكن للألوان ان تكمل بعضها البعض , بالاضافة الى ذلك فإنها تٌظهر المزيد من الجاذبية الطبيعية وارضاء جيد للعين مع عدم جذب الانتباه كثيرا
-الالوان المكملة هى تلك التى تقابل بعضها البعض على عجلة الالوان
-الازرق يكمل الاصفر
-الارجوانى يكمل الاخضر وهكذا
عندما يتجاور لونين متكاملين ,يدفع كلا منهما الاخر الى اقصى ابعادهم , على الاقل فى كيفية رؤية العين لهما
-وهكذا اذا وٌضع الاحمر بجانب الاخضر , سيبدو الاحمر اكثر "حٌمرة " وهذا يعنى انه سيصبح اكثر اثارة وقوة
وبالمثل مع الاخضر حيث سيبدو مريحا اكثر
-وكذلك الالوان الداكنة ستبدو اكثر قتامة عندما تستخدم مع الوان درجاتها اخف
- بشكل عام كل موقع يعتمد على الوان قليلة تكون سائدة فى بناء نظام الالوان للموقع
-ولان الالوان التى تتفاعل مع بعضها على عجلة الالان يمكن التنبؤ بها ,,ظهرت انظمة الوان شائعة الاستخدام منها :
------------------
1. Monochromatic
-وهو نظام الالوان الاساسية ومع ذلك فهو الاكثر فاعلية
-فى هذا النظام يكون لون واحد فقط هو السائد فى التصميم او درجات متفاوتة من نفس اللون
-هذا النظام يبدو مرضيا للعين ويزيد من الاستجابة نحو اللون السائد ولكن قد يكون هناك بعض الصعوبة فى تحديد عناصر محددة على حدة.
-النظام شائع فى التصميمات البسيطة لانه يجعلها اكثر سهولة وااقل تشتيت للمستخدم
------------------------------------
2. Analogous
- يعتمد هذا النظام على الالوان المتقاربة بجانب بعضها البعض على عجله الالوان ,, وهذا يجعل التصميم اكثر جاذبية واكثر راحة للعين
-القوالب التى تعتمد على هذا النظام تكون اكثر تنوعا من القوالب التى تعتمد النظام السابق
ويجعل التفريق بين العناصر اسهل على الرغم انها لا تلفت الانتباه كما فى القوالب التى تعتمد على الالوان المكملة
- فى المقابل المواقع مع هذا النظام تعطى شعور اكثرراحة وتناغم بسبب توالف الالوان
------------------
3. Complementary
- مميزات هذا النظام ان العناصر تظهر بشكل واضح ومميزة عن بعضها البعض ,,ومع ذلك هذه الميزة قد تعمل ضدك لو كان المناخ العام فى التصميم يتطلب الهدوء
-تجنب الالوان المشبعة او القوية لانها تضعف من فاعلية اللون !!؟
----------------
4. Triadic
- اكثرهم توازن حيث استخدام ثلاث الوان متوازنة تماما على اطراف مثلث متساوى الاضلاع على الـcolor wheel
----------------------------------
5. Split-complementary
----------------------------------------------------
الملخص لكتيب لطيف اسمه Color Theory in Web UI Design
عدد صفحاته ميتعداش 35 صفحة فيه امثلة لكل جزئية .. الكتاب ممتع والامثلة جيده
حمل الكتاب وكتب تانية من هنا uxpin e-books
الالوان تنقسم الى
الوان دافئة مثل (الاحمر والبرتقالى والاصفر ) وهى تعطى انطباع اكثر تحفيز
بينما الالوان الباردة مثل (الازرق والبنفسجى) تبعث على الهدوء
وهناك الالوان المحايدة مثل (الابيض والاسد والرمادى )
بالطبع كل لون منهم له دلالاته وعواطف مرتبطة بيه
الاحمر
اللون الاكثر تحفيزا بينهم و ويستخدم للفت الانتباه , واحيانا لاعطاء انذار ما
ويستخدم للدلالة على القوة والشباب احيانا .. لكنه اختيار غير موفق عند استعماله فى المواقع التى تسعى للراحة والهدوء
البرتقالى
يحتفظ ببعض قوة الاحمر لكن بدرجة اقل ,مما يجعله اكثر هدوءا ويستخدم غالبا لاظهار البهجة والمرح
الاصفر
تاثير الاصفر يختلف مع قوة سطوعه او درجة اشراق اللون , لكنه لون دافىء وملىء بالحيوية
منه الاصفر الساطع وهو محفز للغاية
والاقل اشراقا وهو اكثر ترحيبا
والاصفر الداكن (كالدهبى) ليدل على الفخامة
الاخضر
هو جسر بين الالوان الدافئة والباردة , يعطى مزيج من الاسترخاء والطاقة او الحيوية ,
وعادة ما يدل على الرضا او الايجابية
وفى الثقافة الغربية غالبا ما يمثل المال او الموضوعات البيئية
الازرق الفاتح وهو اول الالوان الباردة .. لون محبب ويعطى احساس بالترحيب دائما , يستخدم فى المواقع الاجتماعية الشهيرة مثل فيس بوك وتويتر بسبب الهدوء والترحاب الذى يبعثه
الازرق الغامق
الازرق الداكن ايضا مازال يبعث على الهدوء لكنه يوحى بالثقة والجدية اكثر منه فى الازرق الفاتح
هو اللون المفضل بالنسبة للشركات الموثوق فيها والتى تعرف بالمهنية والجدية
يطلق عليه اللون الملكى , يعطى احساس من الرفاهية والترف , واحيانا الفساد او الانحلال !!
الدرجة الفاتحة منه تعطى احساس بالرومانسية ! فى حين ان الدرجة الداكنة منه تمثل الغموض احيانا !
الاسود
اقوى من كل الالوان .,لهذا السبب غالبا ما يستخدم فى كتابة النصوص , ويساعد ايضا فى ظهور الالوان الاخرى بجانبه باختلافها
, اللون نفسه متألق وقوى دائما .
الابيض
كلون اساسى ., يعطى احساس بالنقاء .. وكـ لون ثانوى فهو يلف الانتباه الى العناصر الاكثر تحفيز والاكثر اهمية
لذلك فهو لون مثالى لدعم العناصر الهامة
الرمادى
يلعب دور الوسيط بين الابيض والاسود
- لون محايد ويستخدم بشكل رائع فى كل التصميمات
------------------------------------------------------------------------------------
color wheel
******************************************
1. Contrasting Colors
------
2- Complementary Colors
- ممكن للألوان ان تكمل بعضها البعض , بالاضافة الى ذلك فإنها تٌظهر المزيد من الجاذبية الطبيعية وارضاء جيد للعين مع عدم جذب الانتباه كثيرا
-الالوان المكملة هى تلك التى تقابل بعضها البعض على عجلة الالوان
-الازرق يكمل الاصفر
-الارجوانى يكمل الاخضر وهكذا
عندما يتجاور لونين متكاملين ,يدفع كلا منهما الاخر الى اقصى ابعادهم , على الاقل فى كيفية رؤية العين لهما
-وهكذا اذا وٌضع الاحمر بجانب الاخضر , سيبدو الاحمر اكثر "حٌمرة " وهذا يعنى انه سيصبح اكثر اثارة وقوة
وبالمثل مع الاخضر حيث سيبدو مريحا اكثر
-وكذلك الالوان الداكنة ستبدو اكثر قتامة عندما تستخدم مع الوان درجاتها اخف
---------------------------------------------------------------------------------------------------------
Color Schemes: Best Practices for Mixing Colors
- بشكل عام كل موقع يعتمد على الوان قليلة تكون سائدة فى بناء نظام الالوان للموقع
-ولان الالوان التى تتفاعل مع بعضها على عجلة الالان يمكن التنبؤ بها ,,ظهرت انظمة الوان شائعة الاستخدام منها :
------------------
1. Monochromatic
-وهو نظام الالوان الاساسية ومع ذلك فهو الاكثر فاعلية
-فى هذا النظام يكون لون واحد فقط هو السائد فى التصميم او درجات متفاوتة من نفس اللون
-هذا النظام يبدو مرضيا للعين ويزيد من الاستجابة نحو اللون السائد ولكن قد يكون هناك بعض الصعوبة فى تحديد عناصر محددة على حدة.
-النظام شائع فى التصميمات البسيطة لانه يجعلها اكثر سهولة وااقل تشتيت للمستخدم
------------------------------------
2. Analogous
- يعتمد هذا النظام على الالوان المتقاربة بجانب بعضها البعض على عجله الالوان ,, وهذا يجعل التصميم اكثر جاذبية واكثر راحة للعين
-القوالب التى تعتمد على هذا النظام تكون اكثر تنوعا من القوالب التى تعتمد النظام السابق
- فى المقابل المواقع مع هذا النظام تعطى شعور اكثرراحة وتناغم بسبب توالف الالوان
------------------
3. Complementary
- مميزات هذا النظام ان العناصر تظهر بشكل واضح ومميزة عن بعضها البعض ,,ومع ذلك هذه الميزة قد تعمل ضدك لو كان المناخ العام فى التصميم يتطلب الهدوء
-تجنب الالوان المشبعة او القوية لانها تضعف من فاعلية اللون !!؟
----------------
4. Triadic
----------------------------------
5. Split-complementary
----------------------------------------------------
6. Rectangular Tetradic (Compound Complementary)
- يعتبر اكثرهم تعقيدا ,, لكنة نتائجه مذهله اذا استخدم بشكل صحيح
- لكن يجب الحذر عند اختيار الالوان ,, كقاعدة عامة حاول احداث توازن بين الالوان الباردة والالون الدافئة
------------------------------------------------------------------------------------------------------
0 التعليقات: