Ultra Violet: Pantone'un 2018 Yılının Rengi

Pantone adı renkle eş anlamlıdır. Her yıl tasarımdaki mevcut trendleri örnekleyen bir renk seçiyorlar ve bu yıl onur Ultra Violet'e düştü. Modern tasarımlara dahil ederken karşılaşacağınız zorluklar nedeniyle web'de yaygın olarak kullanılmayan, kışkırtıcı bir isme sahip yoğun bir renkten bahsediyoruz.

Ultra Violet göz korkutucu olabilir, ancak web tasarımı söz konusu olduğunda yaratıcı fırsatlarla da olgunlaşmıştır. Bu yazıda size rengi tanıtacağız, ebeveyni (mor) ve web tasarımına nasıl uyduğu hakkında konuşacağız. Ardından, Ultra Violet'i repertuarınıza dahil etmek için size birkaç püf noktası öğreteceğiz.

Hadi çalışalım!

Ultra Violet'e Giriş (Ve Pantone'u Yılın Rengi Yapan Nedir)

Pantone Renk Enstitüsü, işletmelere marka kimlikleri ve ürün geliştirmeleri için hangi renkleri kullanacakları konusunda tavsiyelerde bulunan bir şirkettir. Ayrıca, yakın gelecekte hangi renklerin moda olacağını tahmin ederek, 'renk tahmini' olarak bilinen şeyle ilgilenirler. Her yıl, kısmen gelecekteki tasarım trendlerinin bir tahmini olmak üzere yılın bir rengini seçerler.

Birkaç yıldır Pantone Renk Enstitüsü, yılın rengi için nispeten güvenli bahislerle gitti. Bazı yeni seçimler Greenery, Rose Quartz, Serenity ve Marsala'yı içeriyor:

Bunların çoğu kesinlikle pastel bir kaliteye sahip, bu nedenle 2018'in yılın rengi için Ultra Violet seçimi sürpriz oldu. Çok 'muhteşem' niteliklere sahip zengin bir mor tonu. Rengin kendisi 'mistik' her şeyle ve hatta uzay araştırmalarıyla ilişkilendirilmiştir. Pantone ayrıca Ultra Violet'in Prince ve David Bowie de dahil olmak üzere birçok ünlü gardırobun temelini oluşturduğuna dikkat çekti. Başka bir deyişle, tasarımlarınızda rengi kullanmaya karar verirseniz, iyi bir şirketsiniz. Buna göre, Ultra Violet'in renk örnekleri:

• Pantone: 18-3838 veya 2096 C
• RGB: 101 R, 78 G, 163 B
• CMYK: 76 C, 75 M, 0 Y, 0 K
• HEX: 654EA3

Denemeye başlamadan önce, tasarımda morun geleneksel kullanımları hakkında daha fazlasını keşfetmek için okumaya devam etmelisiniz. Ayrıca, daha sonra Ultra Violet'i nasıl etkili bir şekilde kullanacağınıza dair birkaç ipucu da vereceğiz.

Web Tasarımında Mor Rengin Rolü

Mor 'vahşi' nadir bir renktir. Aynı nadirlik, iş güç sembolleri söz konusu olduğunda onu bu kadar yaygın yapan belki de budur. Bazı örnekler, Bizans ve Roma imparatorlarının yaptığı gibi (mor giysiler giyen) Roma sulh hakimlerini içerir. Menekşe ve mor aynı değildir, ancak tasarım söz konusu olduğunda, onları kullanma şeklimizde birçok benzerliği paylaşırlar. Tasarımcılar ve geliştiriciler tarafından oluşturulan 3D müzik deneylerine adanmış BDDI 2018 web sitesini ele alalım:

Site, ağırlıklı olarak menekşe rengi bir arka plan kullanıyor ve bu, ona bohem bir his veren cesur bir seçim. İçeriği okunabilir kılmak için beyaz (her zaman güvenli bir bahis) ve neon yeşili gibi zıt renkler kullanırlar. İster Ultra Violet, ister daha klasik bir gölge veya mor kullanın, kontrast arkadaşınızdır. Bu bizi, arka planı için beyazla karıştırılmış mor gradyanları kullanan bir sonraki örneğimiz olan Kinsta'ya getiriyor:

Bu durumda, mor kullanımı daha inceliklidir ve gradyan tasarımı tüm sayfaya modern bir tarz kazandırır. Ayrıca, web sitesinin mordan beyaza geçiş şekline dikkat edin; bu, gözlerinize farklı bölümlere baktığınızı gösterir. Son bir örneğe geçecek olursak, Divi'nin kendisi, Kullanıcı Arayüzü'nün (UI) çoğu için menekşe kullanır. İşte temanın seçenekler menüsü, örneğin:

Violet ayrıca ağırlıklı olarak Divi Builder'da bulunur:

Genel olarak, beyaz ve menekşe arasındaki kontrast hoş bir kombinasyon oluşturur. Ayrıca gözünüzü renge çekmesi gerektiğinden, ihtiyacınız olan düğmeleri ve öğeleri daha hızlı bulmanızı sağlamalıdır. Tabii bu, mor ve mor lehine diğer tüm renklerden kaçınılması gerektiği anlamına gelmiyor. Bunun yerine, bir sayfaya veya öğeye gerçekten dikkat çekmek istediğiniz durumlar için Ultra Violet'i arka cebinizde tutmanızı öneririz.

Web Sitenizin Tasarımlarında Ultra Violet Kullanmak için 3 İpucu

Elbette projelerde herhangi bir rengi kullanmanın neredeyse sonsuz yolu var. Ancak bu üç ipucu, cesur renk seçiminizden en iyi şekilde yararlanmanızı sağlayacaktır.

1. Zıt Renklerin Yanında Kullanın

Herhangi bir rengi öne çıkarmanın en iyi yollarından biri kontrasttır. Örneğin, Ultra Violet ve mor, turuncu, yeşil, mavi ve beyaz ile çatışır. Aşağıda, gözleri kendisine çeken mavi bir arka plan üzerinde mor bir öğe örneği verilmiştir:

Sağda, başka bir mor öğe olduğunu görebilirsiniz – bu durumda bir düğme. Bu, düğmeyi beyaz arka planda öne çıkarır ve üstteki beyaz GÖNDER metninin okunabilirliğini artırır. Daha önce de belirttiğimiz gibi, Divi söz konusu olduğunda mor tonlarının büyük hayranlarıyız. İşte, birbirinin öne çıkmasına yardımcı olmak için mavi öğelerle çakışan birden çok mor tonu kullanan düzen paketlerimizden birinden bir örnek:

Kontrastı doğru kullanmanın anahtarı, doğru renkleri seçmek ve her birini ne kadar kullandığınız konusunda bir denge olduğundan emin olmaktır. İlkinde size yardımcı olması için, Ultra Violet'in karşısında hangi tonları bulduğunuzu görmek için bir renk tekerleği kullanabilirsiniz.

2. Gradyanları Tasarımınızın Bir Parçası Olarak Uygulayın

Degradeler, web tasarımlarınıza çok sayıda renk eklemenin eğlenceli bir yoludur. Görsel olarak öne çıkıyorlar ve bu makalenin başlarında size gösterdiğimiz Kinsta örneği gibi mükemmel başlıklar oluşturuyorlar. Mor rengi içeren degrade bir arka plan kullanan bir Divi düzeninin başka bir vitrini:

İşlevsellik açısından, yukarıdaki ekran görüntüsünde pek bir şey olmuyor – sayfada sadece basit bir iletişim formu gösteriliyor. Bununla birlikte, kalın bir renk seçiminin yanında basit bir gradyan arka planı kullanmak, bölümü görsel olarak öne çıkarmak için yeterlidir.

İş için doğru aracı kullanmıyorsanız, WordPress'te gradyanları uygulamak zor olabilir. Örneğin Divi, kullandığınız tüm modüller ve içindeki öğeler için degrade arka plan kaplamaları oluşturmanıza olanak tanır.

3. Vurgu Rengi Olarak Ultra Violet Kullanın

Daha önce, web tasarımında kontrastın ne kadar yararlı olabileceğinden bahsetmiştik. Vurgular, aksi takdirde gizlenen renklerle belirli öğeleri vurgulamak için kontrastı avantajınıza kullanmanın bir yoludur. Bu Divi fiyatlandırma tablosuna bir göz atın, örneğin:

Burada, kullanıcıyı yönlendirmek istediğimiz planı vurgulamak için vurgu rengi olarak Ultra Violet kullanıyoruz. Bu rengi diğer tablolarda başka hiçbir yerde kullanmıyoruz ve diğer tablolarda daha sessiz renk örnekleri kullanıldığı için dikkat çekiyor. Başka bir iyi örnek, Divi ile oluşturulmuş bu Bize Ulaşın bölümü olabilir:

Burada iki farklı öğe grubumuz var – iletişim bilgileri ve sosyal medya simgeleri. İlki, beyaz metin ve koyu arka plan arasındaki kontrast sayesinde öne çıkıyor. Ancak, sosyal simgeleri daha da öne çıkarmak için bir vurgu rengi – tabii ki Ultra Violet – kullanmaya karar verdik. Açık seçim, onlar için de beyaz kullanmak olurdu, ancak o zaman dört simge metinle karışacaktı, bu sıkıcı bir tasarım seçimi.

Ana paket, vurgu renklerinin cesur olması ve kontrastın faydalarından yararlanmasıdır. Ancak, kullanımlarını sayfa başına en fazla birkaç öğeyle sınırlandırmalısınız, böylece tasarımınızın geri kalanıyla karışmazlar.

Çözüm

Web tasarımı söz konusu olduğunda beyaz, siyah, mavi ve kırmızı gibi birçok 'güvenli' renk vardır. İnsanlar onları görmeye alışkındır, bu yüzden 'vay' faktörünü hedefliyorsanız onları yaratıcı bir şekilde kullanmanız gerekir. Ultra Violet ile olsa da, renk tek başına bir açıklama yapar ve tasarımlarınızı sarsmaya yardımcı olur.

Ultra Violet'i web tasarımlarınıza nasıl dahil edeceğinizi bilmiyorsanız, başlamanıza yardımcı olacak birkaç ipucu:

1. Turuncu veya yeşil gibi zıt renklerin yanında kullanın.
2. Şık bir efekt için bir degradenin parçası olarak uygulayın.
3. Beyaz arka planlarda vurgu rengi olarak kullanın.

Bir sonraki web projenizde Ultra Violet'i nasıl kullanacağınız hakkında sorularınız mı var? Aşağıdaki yorumlar bölümünde bunun hakkında konuşalım!

AmzhyIttay / Shutterstock.com'dan makale resmi küçük resmi.