Ultra Violet: Renk Yılı 2018 Pantone
Pantone adı renkle aynıdır. Her yıl, mevcut tasarım trendlerini örnekleyen renkleri seçiyorlar ve bu yıl ödül Ultra Menekşe’ye düştü. Modern tasarımda birleştirirken karşılaşacağınız zorluklar nedeniyle, web’de yaygın olarak kullanılmayan kışkırtıcı isimlerle yoğun renklerden bahsediyoruz. Ultra Violet korkutucu olabilir, ancak web tasarımında yaratıcı fırsatlarla da dolu olabilir. Bu makalede, sizi renklendirme, ebeveyn (mor) ve rengin web tasarımıyla nasıl eşleştiği hakkında konuşacağız. O zaman size repertuarınıza Ultra Violet’e girmek için birkaç numara öğreteceğiz.
Hadi çalışalım! Ultra Violet’e Giriş (ve bu yıl Pantone’un rengini ne yaptı)
Pantone Color Institute, marka kimliği ve ürün geliştirme için hangi renklerin kullanılacağını bilen bir şirkettir. Ayrıca, temel olarak hangi renklerin yakın gelecekte popüler olacağını tahmin eden ‘renk tahmini’ olarak bilinen şeye de dahil olurlar. Her yıl, bu yıl renkleri seçiyorlar – kısmen gelecekteki tasarım trendlerinin tahminleri.
Birkaç yıldır, Pantone Renk Enstitüsü bu yılın rengi için nispeten güvenli bir bahis yaptı. Greenery, Rose Quartz, Serenity ve Marsala dahil en son seçeneklerden bazıları: Çoğu net pastel kaliteye sahip, bu yüzden 2018 için ultra menekşe renklerinin seçimi sürpriz oldu. Bu, çok ‘harika’ kaliteye sahip zengin bir mor renktir. Rengi, ‘mistik’, hatta uzay araştırması olan her şeyle ilişkilendirilmiştir. Pantone, Ultra Violet’in Prens ve David Bowie de dahil olmak üzere birçok ünlü dolaptan bir temel haline geldiğini hızla gösterdi. Başka bir deyişle, tasarımınızda renkleri kullanmaya karar verirseniz iyi bir şirkettesiniz. Bu göz önüne alındığında, ultra menekşe renklerine örnekler: Pantone: 18-3838 veya 2096 c
RGB: 101 R, 78 g, 163 b
CMYK: 76 C, 75 m, 0 y, 0 K
Onaltılık: 654ea3
Denemeye başlamadan önce, tasarımda geleneksel mor kullanımı hakkında daha fazla bilgi edinmek için okumaya devam etmelisiniz. Buna ek olarak, Ultra Violet’in daha sonra nasıl kullanılacağına dair bazı ipuçları da vereceğiz. Morun mor web tasarımındaki rolü, ‘vahşi’ doğasında nadir bir renktir. Aynı kıtlık, güç sembolleri açısından bu kadar yaygın hale getirebilir. Bazı örnekler, Bizans ve Roma İmparatoru gibi Roma hakimleri (mor cüppeler giymek) içerir. Menekşe ve mor aynı değildir, ancak tasarım açısından, onu kullanma şeklimizde birçok benzerliği vardır. Tasarımcılar ve geliştiriciler tarafından oluşturulan 3D müzik deneylerine adanmış 2018 BDDI web sitesini ele alalım:
Bu site, Bohem’in nüanslarını veren cesur bir seçim olan morun egemen olduğu bir arka plan kullanıyor. İçeriğin okunabilmesi için beyaz (her zaman güvenli bir bahis) ve neon yeşili gibi kontrast renkleri kullanırlar. İster ultra menekşe ister daha klasik veya mor bir renk kullanın, kontrast arkadaşınızdır. Bu bizi bir sonraki örneğe götürür, arka planı için beyazla karıştırılmış mor gradyanlar kullanan Kinsta: bu durumda, mor kullanımı daha pürüzsüzdür ve gradyan tasarımı tüm sayfada modern bir stil verir. Ayrıca, web sitesinin mordan beyaza geçişine dikkat edin, bu da gözlerinize farklı bir parçaya baktığınızı söyler. Son örneğe geçerken, Divi’nin kendisi birçok kullanıcı arayüzü (UI) için Violet kullanır. Örneğin, tema seçeneği menüsü aşağıdadır: Violet ayrıca Divi Builder’da ana özelliklere sahiptir: Genel olarak, beyaz ve mor arasındaki kontrast eğlenceli bir kombinasyon üretir. Buna ek olarak, bu, daha hızlı ihtiyacınız olan düğmeleri ve öğeleri bulmanıza izin verecektir, çünkü gözleriniz renge çekilmelidir. Bu anlamsızdır, elbette, mor ve moru destekleyen diğer tüm renklerden kaçınmalısınız. Bunun yerine, sayfaya veya öğeye gerçekten dikkat çekmek istediğiniz bir durum için Ultra Violet’i arka cebinizde saklamanızı öneririz. Web siteniz tasarımında Ultra Violet’i kullanmak için 3 ipucu, elbette projede herhangi bir rengi kullanmanın neredeyse sonsuz yolları vardır. Ancak, bu üç ipucu cesur renk seçeneklerinizi en üst düzeye çıkarmanıza izin verecektir. 1. Kontrast renkleriyle birlikte kullanın Herhangi bir rengi öne çıkarmanın en iyi yollarından biri kontrast olmaktır. Örneğin, portakal, yeşil, mavi ve beyaz ile ultra menekşe ve mor çatışma. Aşağıda, mavi arka plandaki mor elementin bir örneğidir, bu da gözün dikkatini yönde çeker: sağda, bu durumda diğer mor elemanları görebilirsiniz. Bu, düğmeyi beyaz arka plandan öne çıkarır ve yukarıdaki beyaz gönderme metninin okunabilirliğini artırır. Daha önce de belirttiğimiz gibi, Divi’ye geldiklerinde Mor Tonların büyük bir hayranıydık. Aşağıdakiler, birbirlerinin öne çıkmasına yardımcı olmak için mavi öğelerle çarpışan bazı mor gölgeler kullanan düzen paketlerimizden birine örnektir: Kontrastı doğru kullanmanın anahtarı doğru rengi seçmek ve ne sıklıkla kullandığınızda bir denge olduğundan emin olmaktır. İlk olarak size yardımcı olmak için, ultra menekşe tam tersini bulduğunuzu görmek için renk tekerleğini kullanabilirsiniz. 2. DEĞERLENDİRME TASARIMINIZINIZIN BİR İYİ DEĞERLENDİRİMİ Web Tasarımınıza birçok renk eklemenin eğlenceli bir yoludur. Görsel olarak öne çıkıyorlar ve bu makalede daha önce gösterdiğimiz Kinsta örneği gibi olağanüstü gölgelik yapıyorlar. Bu, Divi’nin Moru gösteren gradyan bir arka plan kullanan başka bir ekranıdır:
İşlevsellik açısından, yukarıdaki ekran görüntüsünde fazla bir şey olmaz – sayfa yalnızca basit bir iletişim formu görüntüler. Bununla birlikte, cesur renklerin seçimine ek olarak basit bir gradyan arka plan kullanmak, parçayı görsel olarak belirgin hale getirmek için yeterlidir. İş için doğru aracı kullanmadığınız sürece, WordPress’e degradeler uygulamak karmaşık olabilir. Örneğin Divi, kullandığınız herhangi bir modül ve içindeki öğeler için bir gradyan arka planı yapmanızı sağlar. 3. Ultra Violet’i kullanın Önceki aksan rengi olarak, bir web tasarımında ne kadar kontrast olduğundan bahsettik. Aksan, kârınız için kontrastı kullanmanın, gizli renklerle belirli unsurları vurgulamak için bir yoldur. Divi fiyat tablosuna bakın, örneğin: Burada, kullanıcıya yönlendirmek istediğimiz planı vurgulamak için Ultra Violet’i vurgu rengi olarak kullanıyoruz. Bu rengi diğer tablolardaki diğer yerlerde kullanmıyoruz ve diğer tablolar sessizleştirilmiş daha fazla örnek kullandığı için öne çıkıyor. Başka bir iyi örnek, Divi tarafından yapılan temastır:
Burada, iki farklı öğe setimiz var – iletişim bilgileri ve sosyal medya simgeleri. Birincisi, beyaz metin ve karanlık arka plan arasındaki kontrast sayesinde öne çıkıyor. Bununla birlikte, sosyal simgeleri daha belirgin hale getirmek için aksan renkleri – elbette ultra menekşe – kullanmaya karar verdik. Açık bir seçim de bunun için beyaz kullanmaktır, ancak daha sonra dört simgenin hepsi sıkıcı bir tasarım seçimi olan metinle entegre olur. Ana paket, aksanların renginin cesur olması ve kontrast faydalarından yararlanması gerektiğidir. Bununla birlikte, kullanımlarını en çok sayfa öğelerinden bazılarıyla sınırlamanız gerekir, böylece tasarımınızın geri kalanıyla entegre olmazlar. Sonuç Web tasarımı açısından beyaz, siyah, mavi ve kırmızı gibi birçok ‘güvenli’ renk vardır. İnsanlar onu görmeye alışkındır, bu yüzden bir ‘vay’ faktörü istiyorsanız yaratıcı bir şekilde kullanmanız gerekir. Bununla birlikte, Ultra Violet ile sadece renk bir açıklama yapar ve tasarımınızı sallamaya yardımcı olur. Web tasarımınıza Ultra Violet’i nasıl koyacağınızdan emin değilseniz, başlamanıza yardımcı olacak bazı ipuçları: turuncu veya yeşil gibi kontrast renklerle kullanın. Kuvvet efektleri için gradyanın bir parçası olarak uygulayın. Beyaz bir arka plan üzerinde vurgu rengi olarak kullanın. Bir sonraki web projenizde Ultra Violet’in nasıl kullanılacağına dair sorularınız var mı? Aşağıdaki yorumlar bölümünde konuşalım! AMZHYITTAY / SHIPTERTSTOCK.COM THOMBNAIL MAKİTESİ.