سنتحدث اليوم عن حلول برمجية من شركة مصنعة أخرى معروفة للدهانات والطلاءات - شركة AkzoNobel، المعروفة لنا جيدًا بالدهانات المنتجة تحت علامة Dulux التجارية. تقدم لنا الشركة خيارًا من بين ثلاثة منتجات برمجية لاختيار ألوان الجدران - هذا إصدار سطح مكتب لبرنامج اختيار الألوان في الداخل، وإصدار عبر الإنترنت من البرنامج، وأخيرًا، الأكثر إثارة للاهتمام في رأيي، تطبيق لـ الأدوات المحمولة (الأجهزة اللوحية والهواتف الذكية)، والتي تتيح لك تلوين التصميم الداخلي في الوقت الفعلي ورؤية النتيجة حتى قبل بدء عملية التجديد. دعونا نلقي نظرة فاحصة على هذه التطبيقات.
لنبدأ بما هو مذكور أعلاه، وهو تطبيق سطح مكتب لتخطيط الألوان الفردية. يحتوي على مجموعة من الأدوات لاختيار الألوان الداخلية والتي يمكن استخدامها دون الاتصال بالإنترنت. الميزة الرئيسية لهذا الإصدار هي القدرة على استخدام الصور الفوتوغرافية الداخلية الخاصة بك وتجربة خيارات الرسم المختلفة عليها. للاستخدام، تحتاج إلى تنزيل البرنامج وتثبيته على جهاز الكمبيوتر الخاص بك، وبعد ذلك يمكنك استخدام جميع إمكانياته في أي وقت مناسب، حتى بدون الوصول إلى الإنترنت. يتيح لك البرنامج تحميل وتلوين صورك الداخلية أو استخدام معرض الصور الموجودة.
يمكنك اختيار الألوان المناسبة للجدران والأثاث من اللوحة الواسعة المتوفرة. سيساعدك "البحث" عن اللون المطلوب بالرقم والاسم على تجنب الاختيار الخاطئ، وستقترح علامتي التبويب "الاتجاهات في اللون" و"دمج الألوان" مجموعات الألوان الحالية. تحتوي واجهة البرنامج أيضًا على بعض عناصر محرر الرسوم.
يمكن حفظ المشاريع النهائية ومشاهدتها لاحقًا.
نظام التشغيل - ويندوز إكس بي / فيستا / 7
مساحة القرص الحرة - 25 ميجابايت
لم يعد إصدار سطح المكتب من البرنامج متاحًا على الموقع الرسمي للشركة المصنعة!ولكن يمكنك استخدام الإصدار عبر الإنترنت من البرنامج (المزيد حوله أدناه)، أو تطبيقات الهاتف المحمول المجانية لنظامي التشغيل iOS وAndroid. يتم توفير روابط لهذه البرامج في المقالة.
البرنامج الثاني المصمم لمساعدتك في اختيار الألوان هو . لبدء العمل مع البرنامج عبر الإنترنت، ما عليك سوى تحميل صورة للغرفة التي تخطط لطلائها. وحتى إذا لم يكن لديك صورة جاهزة لغرفتك، فلا تيأس، فقد تم توفير صور للغرف القياسية لاستخدامك. تكون العملية الإبداعية بأكملها مصحوبة بنصائح منبثقة، لذا فإن فهم العمل لن يكون صعبًا.
يمكنك اختيار أي ظل تريده من مجموعة متنوعة من الألوان. يمكنك إنشاء أنظمة ألوان متناسقة من خلال النقر على زر "الأنظمة" لأحد الألوان المحددة.
يمكنك الذهاب إلى صفحة خدمة اختيار الألوان عبر الإنترنت باتباع الرابط Online Visualizer.
وأخيراً، مرشح لجائزة اختيار الجمهور، تطبيق للأجهزة المحمولةعلى أساس iOS وأندرويد. جرب اللون ولون عالمك! — وتحت هذا الشعار تقدم لنا شركة ديولكس نسخة جديدة من تطبيق الهاتف المحمول المجاني. وجدت دراسة أجرتها شركة ديولكس أن ثلاثة أرباع المشاركين يشعرون بالقلق بشأن الأخطاء المحتملة عند اختيار ألوان الجدران. تم تصميم تطبيق Dulux Visualizer الذي طوره مبرمجو AkzoNobel ليخلصك من الأخطاء المحتملة ويساعدك على اتخاذ قرار بشأن حلول الألوان.
بفضل تقنية الواقع المعزز، ستتمكن من رؤية الشكل الداخلي لمنزلك بعد الطلاء حتى قبل التجديد. يتم تشكيل صورة للداخل المتحول على شاشة جهازك المحمول في الوقت الفعلي، أثناء تحركك في جميع أنحاء الغرفة. سيتعرف التطبيق على الأثاث والعناصر الداخلية و"يطلي" الجدران فقط باللون المحدد. يتيح لك Visualizer أيضًا تحديد مجموعات ألوان متناغمة للألوان والظلال الموجودة بالفعل في منزلك، على سبيل المثال، لون الديكور أو الأثاث.
سيظهر التطبيق أيضًا على الخريطة أقرب المتاجر حيث يمكنك شراء طلاء ديولكس باللون المحدد.
وفوق كل شيء آخر، يحتوي التطبيق على مجموعة من مقاطع الفيديو مع نصائح حول اختيار الألوان وطلاء الجدران، من محترفي Dulux.
نحن ندعوك للنظر فيديوحول إمكانيات تطبيق الهاتف المحمول لاختيار الألوان في الداخل ديولكس متخيل.
يعد اللون أحد أهم العناصر في عمل المصمم. ولكن كمفهوم، قد يكون من الصعب جدًا إتقانه: نظرًا للمجموعات العديدة من اللوحات، غالبًا ما يكون من الصعب تحديد أفضل طريقة لتصميم واجهة صفحات الويب والتطبيقات. لقد نشرنا سابقًا مراجعات لأدوات الاختيار و. واليوم نريد توسيع الموضوع من خلال نشر ترجمة للمقال "أدوات الألوان الأساسية لمصممي UX" بقلم Nick Babich على المدونة.
تحتوي المذكرة على قائمة بأفضل خدمات اختيار الألوان لمواقع الويب وتصميم تجربة المستخدم التي ستساعدك على توفير الكثير من الوقت. من خلال هذه المشاريع سوف تتعلم:
ارسم من العالم من حولك. كل ما عليك فعله هو مجرد النظر حولك. الملابس العصرية، وأغلفة الكتب، والتصميم الداخلي... هناك الكثير من الأشياء المدهشة من حولك. لكن أفضل مجموعات الألوان هي ألوان الطبيعة. التقط لحظة جميلة وحاول إنشاء اختيارك الخاص بناءً على صورة معينة.
تم العثور على أفضل مجموعات الألوان في الطبيعة. يمكنك الحصول على نظام الألوان من أي صورة
ستجد في هذه الخدمة الشهيرة أعمالًا مثيرة للاهتمام مدرجة في أفضل الملفات التعريفية عبر الإنترنت لمحترفين حقيقيين في مجالهم. يعد هذا الموقع أيضًا مصدرًا رائعًا للإلهام. لعرض أمثلة جديدة جديرة بالمشاريع، ما عليك سوى اختيار اللون الذي تريده.
يعد Dribbble واحدًا من أفضل البرامج التي ستكون مفيدة عند إنشاء واجهة مستخدم. إذا كنت تريد أن تفهم بصريًا كيف يستخدم الآخرون لونًا معينًا، فانتقل إلى dribbble.com/colors وأدخل القيمة التي تريدها.
عند اختيار لون لموقع ما، يمكنك هنا تعيين الحد الأدنى لنسبته - جرب، على سبيل المثال، ضبط 30% باللون الأزرق.
حاول تعيين حد أدنى لنسبة لون معين في Dribbble
تعتبر Designspiration أداة مفيدة في المقام الأول لأولئك الذين لديهم بالفعل أفكار لمجموعات الألوان ويريدون رؤية أمثلة على هذه المجموعات. حدد من 1 إلى 5 خيارات وستجد صورًا تتوافق مع المعلمات المحددة.
ستجد في Designspiration أمثلة مختلفة لمجموعات الألوان
باستخدام خدمة مطابقة الألوان Tineye Multicolr، يمكنك تحديد جاما الصورة المطلوبة وحتى تعيين النسبة المئوية لكل منها (النسبة). تم دمج الموقع مع قاعدة بيانات تضم 20 مليون صورة ذات ترخيص Creative Commons من Flickr. هذه بالتأكيد إحدى أسرع الطرق للعثور على اللوحة المثالية.
ColorZilla هو امتداد للتثبيت في متصفحات Chrome وMozilla Firefox. يتضمن أدوات مثل الشافطة وتصفح اللوحة والإنشاء والمزيد.
ملحق ColorZilla متاح في Chrome وFirefox
إحدى أفضل الطرق لتخيل الشكل الذي سيبدو عليه نظام الألوان هو النظر إلى الصور المقابلة. تتضمن معظم الحلول التي تقدم خيارات الألوان لتصميمات مواقع الويب هذه الميزة، لكن Shutterstock Spectrum يتمتع بواجهة سهلة الاستخدام ومعاينة يمكن أن تكون مفيدة حقًا.
علاوة على ذلك، لن تحتاج إلى اشتراك، لأن التقييم الأولي للصورة سيكون كافيا (على الرغم من أنه يحتوي على "علامة مائية").
قامت المدونة مؤخرًا بمراجعة مجموعة مختارة من W3Schools. هناك الكثير من المعلومات التي تم جمعها هناك حول هذا الموضوع، بدءًا من أسمائهم / رموز الظلال، ونظرية الجمع بين اللوحات وانتهاءً بوصف التنسيقات المختلفة: HEX، وRGB، وCMYK، وHWB، وما إلى ذلك. ستجد أيضًا معلومات بسيطة المولدات والمحولات وما شابه ذلك من "الخدمات المصغرة". عموما، مثيرة للاهتمام للمشاهدة.
تتيح لك أداة Color Design Color Tool إنشاء أنظمة الألوان ومشاركتها وعرض واجهة مستخدم تقريبية لاختياراتك. إحدى وظائفه المفيدة هي قياس مستوى إمكانية الوصول لأي مجموعة ألوان.
Coolors هو موقع لإنشاء لوحة متعددة الألوان. ما عليك سوى تثبيت لون معين والضغط على شريط المسافة. الأداة جيدة أيضًا لأنك ستحصل على أكثر من نتيجة، ولكن يمكنك إنشاء عدة خيارات عن طريق تغيير البيانات الأولية فقط.
نظام الألوان في Coolers بناءً على الصورة
أصبحت خدمة مطابقة الألوان Adobe Color CC (المعروفة سابقًا باسم Kuler) تحظى بشعبية كبيرة الآن. إنه متاح مجانًا على الإنترنت، ولكن هناك أيضًا إصدار desector. باستخدام تطبيق الويب هذا، ستتمكن من إنشاء لوحة الألوان الخاصة بك باستخدام عجلة الألوان:
أو يمكنك الحصول على نتيجة معينة من الصورة النهائية:
اختيار الألوان لموقع ويب بناءً على الصورة
هناك المئات من المجموعات الجاهزة هنا، ابحث عنها في قسم "المشاهدة":
إذا كنت تستخدم إصدار سطح المكتب، فيمكنك تصدير نظام الألوان الذي قمت بإنشائه إلى InDesign، وPhotoshop، وIllustrator بنقرة واحدة.
غالبًا ما تتم مقارنته ببرنامج Adobe Color CC السابق نظرًا لأن التصميمات متشابهة جدًا. والفرق الوحيد هو أنه في Paletton لا يقتصر الأمر على خمسة معلمات، ولكن يمكنك تجربة نغمات إضافية للواجهة.
بالإضافة إلى ذلك، يمكنك إلقاء نظرة على. يتيح لك التطبيق مع الآخرين العمل في أي مكان، وذلك ببساطة باستخدام هاتفك الذكي. بالإضافة إلى المهام المباشرة لإنشاء/تصدير لوحات الألوان، يمكنك هنا تحديد ألوان معينة من الصور أو استخدام الخيارات الأساسية.
في الوقت الحاضر، أصبحت اضطرابات رؤية الألوان أكثر شيوعًا مما ندرك. يعاني حوالي 285 مليون شخص في العالم من مشاكل في الرؤية. يجب عليك دائمًا التحقق مما إذا كان الخيار الذي تختاره متاحًا لهؤلاء المستخدمين.
تتوافق بعض النغمات بشكل جيد مع بعضها البعض، بينما يكون بعضها الآخر عكس ذلك تمامًا. يفشل عدد كبير من المشاريع في اختبار A/A، وهذه حقيقة. من المهم جدًا التحقق من التصميم المرئي للواجهة وتباين النغمات، خاصة إذا كان هناك الكثير من النص على الصفحة. لهذه الأغراض، استخدمه عند اختيار ألوان موقع الويب.
WebAIM Color Contrast Checker هي أداة قائمة على الويب تتحقق من رموز الألوان بقيم سداسية عشرية.
لقد ذكرنا هذه الخدمة بالفعل أعلاه. من بين أشياء أخرى، سيساعدك Coolors أيضًا على التحقق من لوحة الألوان التي اخترعتها للتأكد من عدم وجود عمى الألوان.
نوع عمى الألوان في الرسم التخطيطي
بدلاً من الوضع العادي، حدد نوع مشكلة الرؤية التي تريد محاكاتها. ونتيجة لذلك، سوف تفهم بالضبط كيف سيرى الشخص غير القادر على التمييز بين ألوان معينة تصميمك.
هذه هي الطريقة التي يرى بها الشخص المصاب بالشلل الأولي لوحة الألوان
باستخدام موقع NoCoffee Vision Simulator، يمكنك معرفة كيف يمكن للأشخاص الذين يعانون من عمى الألوان أو ضعف الرؤية إدراك صفحات ويب معينة. على سبيل المثال، إذا قمت بتحديد معلمة "Achromatopsia" في قسم "Color Deficiency"، فسترى صفحة الويب باللون الرمادي.
هذا ما يبدو عليه مشروع CNN بالنسبة لشخص مصاب بعمى ثنائي العين.
خاتمة
ستساعدك جميع خدمات مطابقة الألوان وتصميم تجربة المستخدم المذكورة في المقالة بالتأكيد في العثور على لوحة ألوان مثيرة للاهتمام وفعالة. لكن تذكر: أفضل طريقة لتعلم كيفية إنشاء لوحات مذهلة هي الممارسة والتجربة كثيرًا.
يعد اللون أحد أهم العوامل عند إنشاء تصميم فريد ومعروف. يمكن أن يحدد الاختيار الصحيح لنظام الألوان مدى نجاح أو فشل موقع الويب. عندما يقوم الزائر بإلقاء نظرة أولية على صفحة ويب، فإن الألوان التي تختارها ترسل له رسالة فورية حول تلك الصفحة. لحسن الحظ، هناك العديد من الأدوات التي تساعدك على اختيار نظام الألوان المناسب. هنا خمسة من أفضل.
1. أكثر برودة
تم الاعتراف بـ Kuler من Adobe منذ فترة طويلة كأفضل مساعد لمصمم ويب محترف. على عكس المنافسين، يوجد مجتمع كبير هنا ويمكنك مشاركة اللوحات التي تم إنشاؤها أو أخذ أنظمة الألوان الخاصة بأشخاص آخرين وتعديلها لتناسب احتياجاتك. للتواصل في المجتمع، تحتاج إلى التسجيل والحصول على معرف Adobe. يتم تمثيل الألوان في Kuler بمجموعة متنوعة من التنسيقات، بما في ذلك RGB وCMYK وLAB وHSV.
يمكن أن ينشأ الإلهام تحت تأثير أكثر المناسبات غير المتوقعة. على سبيل المثال، قد تصادفك صورة جميلة ذات نظام ألوان جذاب. تم إنشاء منشئ لوحة الألوان هذا فقط لمعالجة مثل هذه الصور. قم بتحميل الملفات بتنسيق JPG أو PNG واحصل على تخطيط تفصيلي للألوان الرئيسية. بغض النظر عن رد الفعل الذي تحاول إثارةه لدى زوار موقعك، يمكن أن يساعد مولد لوحة الألوان في إنشاء مظهر فريد لأي موقع ويب.
الألوان الفردية لا تتدلى أبدًا في الفراغ، ولكل ظل تأثير على البيئة المحيطة به. تتبع أداة Contrast-A أسلوبًا تقنيًا للغاية لتكوين اللوحة، مما يوفر معلومات مفصلة حول نسبة النصوع والاختلافات في السطوع واللون. هذه هي الأداة المثالية إذا كنت ترغب في إنشاء موقع ويب بسيط مع القليل من الألوان التي تكمل بعضها البعض.
يتيح لك هذا البرنامج الإضافي الشهير لمتصفح Firefox تحديد معنى الألوان الفردية مباشرة في المتصفح وقياس الفرق بينها. يوجد "متصفح نظام الألوان" لاختيار الألوان الفردية من المجموعات المحددة مسبقًا. إن المكون الإضافي ColorZilla سهل الاستخدام وغني بالميزات للغاية، وهو يشبه سكين الجيش السويسري لملحقات المتصفح لمصممي الويب والفنانين.
على عكس معظم مولدات نظام الألوان الأخرى "عجلة الألوان"، يعرض Colorotate اللوحة على مخروط ثلاثي الأبعاد. مثل Kuler، يمكن للمستخدمين حفظ أنظمة الألوان الخاصة بهم وتعديلها، بالإضافة إلى عرض اللوحات التي صممها مصممون آخرون. تم دمج الأداة مع برامج التصميم الشهيرة Adobe Fireworks وPhotoshop.
عندما يتعلق الأمر بتصميم الويب الفعال، فإننا نتحدث عن واجهات المستخدم والتخطيطات البديهية، ولكن أنظمة الألوان لها نفس القدر من الأهمية، إن لم يكن أكثر. يجب أن توجهك الأدوات المذكورة هنا في الاتجاه الصحيح لاختيار لوحة ألوان رائعة لموقعك على الويب من المحاولة الأولى. هناك أدوات أخرى مفيدة يمكنك العثور عليها عبر الإنترنت، ولكن هذه هي الأدوات التي يمكنك البدء بها للعثور على الترسانة المثالية التي تناسب أسلوبك الشخصي. حظا سعيدا وتصميم سعيد!
يا رفاق، نضع روحنا في الموقع. شكرا لك على ذلك
أنك تكتشف هذا الجمال. شكرا للإلهام والقشعريرة.
انضم إلينا فيسبوكو في تواصل مع
الألوان المتناقضة التكميلية أو التكميلية هي الألوان الموجودة على الجانبين المتقابلين من عجلة الألوان Itten. يبدو مزيجهم مفعم بالحيوية والحيوية للغاية، خاصة مع الحد الأقصى لتشبع اللون.
مزيج من 3 ألوان تقع على نفس المسافة من بعضها البعض. يوفر تباينًا عاليًا مع الحفاظ على الانسجام. تبدو هذه التركيبة مفعمة بالحيوية حتى عند استخدام الألوان الفاتحة وغير المشبعة.
مجموعة من 2 إلى 5 ألوان تقع بجانب بعضها البعض على عجلة الألوان (من الناحية المثالية 2-3 ألوان). الانطباع: الهدوء، ودعوة. مثال على مزيج من الألوان الصامتة المتشابهة: الأصفر البرتقالي والأصفر والأصفر والأخضر والأخضر والأزرق والأخضر.
خيار من مجموعة الألوان التكميلية، ولكن بدلاً من اللون المعاكس، يتم استخدام الألوان المجاورة. مزيج من اللون الرئيسي واثنين من الألوان الإضافية. يبدو هذا المخطط متناقضًا تقريبًا، ولكنه ليس مكثفًا جدًا. إذا لم تكن متأكدًا من قدرتك على استخدام المجموعات التكميلية بشكل صحيح، فاستخدم المجموعات التكميلية المنفصلة.
نظام ألوان حيث يكون لون واحد هو اللون الرئيسي، واثنين مكملين، وآخر يسلط الضوء على اللكنات. مثال: الأزرق والأخضر، والأزرق البنفسجي، والأحمر البرتقالي، والأصفر البرتقالي.
برنامج اختيار الألوان صغير وأنيق وأنيق لتصميم صفحات HTML وغيرها من المهام التي تتطلب اختيار الألوان المتطابقة.
دعونا نرى ما يمكن أن يفعله هذا البرنامج.
نظرًا لأن البرنامج لا يتطلب التثبيت، فنحن ببساطة نحفظ الأرشيف على محرك الأقراص الثابتة لديك، ونفك ضغطه في مكان مناسب، ونفتح المجلد ونشغل الملف بامتداد exe. افتراضيًا، يتم تشغيل البرنامج كزر صغير:
نضغط على هذه الأيقونة وستفتح أمامنا نافذة البرنامج:
في علامة التبويب هذه، يتيح لك البرنامج "التقاط" أي لون مباشرة من الشاشة. أي من أي جزء من الشاشة كان مرئيًا وقت إطلاق البرنامج. يتم عرض الشاشة بأكملها بحجم مصغر في نافذة تحديد الموقع.
إذا قمت بالنقر فوق أي جزء في هذه النافذة، فسوف يظهر في النافذة الأصغر التالية "تحديد اللون". هنا يمكنك التصويب بشكل أكثر دقة وأخذ اللون من نقطة محددة.
يوجد أيضًا على الجانب الأيمن من هذه النافذة أزرار مساعدة للنسخ إلى الحافظة، وفي الأسفل توجد أزرار "تحديث" (تحديث محتويات الشاشة) و"تطبيق" (يحفظ اللون المحدد ويحول النافذة إلى " علامة التبويب "تحديد").
فيما يلي الأدوات الرئيسية لاختيار الألوان بشكل مناسب: "Tile" و"Circle" و"Web" و"Win"، والتي يتم تبديلها باستخدام علامات تبويب إضافية.
العمل مع هذه الأدوات ليس بالأمر الصعب. ما عليك سوى توجيه الماوس إلى اللون الذي تريده، وضبطه باستخدام أشرطة تمرير RGB (أو HSV - إذا كان هذا التنسيق أقرب إليك)، ومعرفة ما إذا كان يناسبك أم لا.
إذا أعجبك اللون المحدد، يمكنك نسخ الكود الخاص به من سطر "تمثيل النص". علاوة على ذلك، يمكن أيضًا تحديد الرمز بأي من التنسيقات القياسية عن طريق النقر فوق السهم الصغير لتوسيع القائمة.
لاحظ أيضًا مربع اللون الثالث في الزاوية اليمنى العليا. بالإضافة إلى اللون المحدد (الشريط العمودي)، فإنه يعرض ثلاثة ألوان أخرى تتناسب بشكل جيد مع اللون المحدد.
وبالتالي، يقترح البرنامج على الفور عدة ألوان متطابقة يمكن استخدامها في عناصر أخرى من التصميم المصمم.
يحتوي البرنامج على الكثير من الأزرار المساعدة المختلفة. لمعرفة الغرض منها، ما عليك سوى تمرير مؤشر الماوس فوقها وقراءة النصائح التي تظهر في أسفل نافذة البرنامج.
هنا يمكنك ضبط بعض المعلمات مثل نوع الخط وحجمه وبعض الخصائص التجميلية للبرنامج. سيكون العمل مع البرنامج أكثر ملاءمة إذا قمت بإلغاء تحديد المربعين "فتح في علامة التبويب "الشاشة"" و"التشغيل في وضع النافذة المصغرة".
في علامة التبويب الأخيرة هذه، يمكنك العثور على جهات اتصال المطور ومعرفة ما إذا كان قد تم إصدار نسخة جديدة من البرنامج من خلال الانتقال إلى موقعه على الويب.
يعد البرنامج قويًا جدًا بالنسبة لبرنامج مجاني، فهو يوفر كل ما تحتاجه تقريبًا لاختيار الألوان بسهولة عند إنشاء تصميم موقع ويب. هناك بعض العيوب البسيطة مثل لون نافذة البرنامج (اللون الأرجواني هو طعم مكتسب)، لكنها لا تتعارض مع العمل به.
ملاحظة. يُسمح بنسخ هذه المقالة واقتباسها بحرية، بشرط الإشارة إلى رابط نشط مفتوح للمصدر والحفاظ على تأليف رسلان بوجدانوف.
P.S. إذا بدا لك البرنامج معقدًا، فهناك خيارات أبسط: