التحولات اللون السلس: CSS التدرج

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

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

الآثار النفسية للالتحولات اللون

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

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

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

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

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

الانتقال السلس من خلال CSS

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

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

قواعد CSS لالتدرج تسجيل الخلفية

التدرج هو الانتقال السلس من لون واحد إلى آخر. في هذه الحالة، يمكنك استخدام ألوان متعددة. لاحظ إصدار الخطي (CSS الخطي التدرج) يمكن أن تختلف:

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

اختيار اللون، ومولدات اللون

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

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

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

على شبكة الإنترنت هناك العديد من الموارد على الانترنت (CSS التدرج مولد)، الذي يبسط إلى حد كبير وظيفة الحق في اختيار الألوان :. Angrytools، flatonika، generatecass الخ مع مساعدتهم، يمكنك حقا انقاذ الوقت على اختيار اللون المناسب، والنظر في التحولات خط وتراكب.

نظام الألوان ديناميكية

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

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

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

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

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

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