Rengi 19 Yaklaşım
Web üzerinde 9 milyardan fazla endeksli site ve sayımla birlikte, sitelerin dikkatini çekmek için daha fazlasını yapmak zorunda kalıyor ve kullanıcılara zaman ayırmaya teşvik ediyor.
Kullanıcıların dikkatini çeken daha fazla web sitesiyle, sayfanızın göze çarpmasını sağlamak için renkler gittikçe daha önemli hale geliyor. İşte sadece bunu yapan bazı siteler: Sıra dışı kombinasyonlarda ilginç renkler kullanarak, oradaki standart renk şemalarından milyarlarca tanesi öne çıkıyor.
Layrr
Hepimiz içeriğin dikkat çekerken ikinci sırada geldiğini biliyoruz ve manşetler, ilgi kazanmak için yıllarca gazete baskısında kullanılıyor. Layrr Bunu başarmak için basit bir kontrast kullanır ve Fransızca bilmese bile, şimdi bu siteyi kontrol etmenizi öneririm, gri arka plana karşı etki yaratmak için küçük renk alanları kullanır ve bunu şaşırtıcı derecede güzel bir tasarıma dönüştürür. Awwwards tasarım yarışmasında Mansiyon ödülü almamıştı .
Havainas
Açılış sayfası Havainas , çok büyük bir parmak arası terlik ve sandalet perakendecisi şaşırtıcı bir şekilde ve harika, renkli, sitenin bölgesel sayfalarına uzanan bir özellik. Bu sitenin amacı, üslup ve yaz, tatil ve en önemlisi, ürünleri ile ilgili parlak renkler ile birlikte, onların stilini göstermek için. Renk, marka bilinirliklerinin bir parçası olsa da, büyük bir şirketin rengini çok iyi tasarlanmış bir site olarak görmeye can atıyor, muhtemelen buradaki sitelerin listesiyle anlayabileceğiniz gibi, iyi bir koordinasyon genellikle küçük adamlara bırakılıyor.
ColourPixel
Parlak ve renkli olmanın yanı sıra, neye dikkat ettim ColourPixel 's site, diğer sitelerin beyaz kullanacağı siyahın kullanımıydı. Beyazın kullanılmasının sebebi, diğer renkler arasındaki kontrastın gözlerde daha kolay olması ve kullanıcılara daha kolay erişilebilmesidir, ancak burada beyaz olan metinleri kaplamak için daha büyük siyah kutular kullanılmıştır. Bu aslında dikkatimi, tasarımın bir parçası olarak gerçek kutulardan ziyade içindeki metne çekmeme hedefine ulaşıyor. Bunun dışında, sitenin arka planı tasarımcıya 'etnik' bir görünüm kazandırıyor ve goblen etkisi elde etmek için yer değiştirmiş pikselleri kullanıyor. Rainbows'lar oldukça kullanışsız bir şekilde kullanılıyor, ancak arka plandaki ince küme parantezleriyle birlikte güzel bir renk ayrımı sunuyor.
Will Fernandes
Will Fernandes 'sitesi, stiline ulaşmak için dikkati çeken çok sayıda ve çeşitli renkler kullanır. Metin ve arka plan için sarı, turuncu ve beyazı saklar ve çoğunlukla bunları resimlerinde kullanmaktan kaçınır ve bu ve içerikten farklılaşmayı işaretler. Bu yetenekli sanatçı ve web tasarımcısının çalışmalarını muhteşem animasyonlarla harika bir sitede görmek istiyorsanız tam ekran görüntüleme seçeneği sunuyor. Sanat ve site için doğru renklerin birbirini tamamlarken aynı zamanda kullanılmasını sağlamak için kapsamlı olarak çalışılmıştır.
Ryan Keizer
Bu, kasıtlı olarak yüksek kontrast etkisi elde etmek için çarpışmak için tasarlanmış saldırgan, ezici renkleri kullanan ilk site. Tasarımcı, sitenin alt kısmında bir renk ilham kaynağı paletine sahip olmaktan çok daha fazla renk kullanmayı tercih ediyor. Ryan Keizer esas olarak sarı kullanır, yanlış kullanıldığında çok yanlış gidebilecek bir renk, burada camgöbeği ve daha az bir ölçüde pembe, tüm site açılır. Son bir notta, Cyan ve Pink 3D anaglyph gözlükleri çok anımsatıyor. Bu, alışılmadık hayatlarımıza alışılmadık bir şekilde alışkın olan bir renk şeması kullanıyor. birlikte iki renk.
Ben Markowitz
Çok dikkatli bir başka kullanım alanı da çok dikkatli bir renk kullanımıyla, sitenin interaktif elemanına işlenmiş bir görünüm kazandırıyor. Bu gibi bir sitenin tasarımı için, bu şekilde rengin kullanılması alışılmadık bir şekilde, tasarımcılar genellikle bir şekilde veya ötekine giderler, ancak bu gerçekten şu başlığı ekler: ' Ben Markowitz 'sadece dikkat çekmekle kalmayıp, geniş bir yelpazeye sahip tamamlayıcı bir palet kullanarak farklılaşmayı teklif etmek. Bu sitenin yarar sağladığını düşündüğüm tek renk kullanımı, hepsi çok nötr renkler kullandıkları ve göze çarpacakları ve biraz daha kolay tanımlanabilecekleri için, sayfanın alt kısmındaki sosyal ağ simgeleriyle birlikte.
Canavarlar için Hugs
Joe Lifrieri'nin Canavarlar için Hugs Daha önce baktığımız Will Fernandes'in sitesiyle aynı amaca sahiptir, ancak kendine özgü tarzını vurgulamak için rengi kullanarak organik bir bireysel tarzda başarır. Diğer sayfalarından bazılarına göz atmanızı öneririm, hepsi burada görebileceğiniz aynı eklektik tarzda farklı sanatlara sahiptir.
Tim Bjørn
Burada öne çıkan diğerlerinin aksine, bu sitenin açılış sayfası, renk eksikliği ve diğer çalışmalara bakarak karakterize edilir. Tim Bjørn sanatçı, açıkça, rengi çok dikkatli ve idareli olarak kullanır. Bir siteyi on yıl önce tasarlanmış gibi görünmeyen basit gri tonlarda görmek çok canlandırıcı! Yukarıdaki Canavarlar için Hugs gibi yapıtlar çok organik ve sitenin ana odak noktası, bastırılmış menüleri ve birkaç önemli parçaya ayrılmış neredeyse tüm açılış sayfası.
Sadece ofis kullanımı içindir
Bu, gri tonlama temalı siteye karşı yüksek kontrast elde etmek için az miktarda renk kullanan başka bir sitedir. Özellikle, aşağıdaki örnekte, logodaki saydamlık, arkasındaki görüntüye karşı donuk bir kırmızı oluşturur. Başka bir bakış Sadece ofis kullanımı içindir Bu adamlar renklerin nasıl ve ne zaman kullanılacağını bilir ve iyi yaparlar.
Yöntem Tasarım Laboratuvarı
Method Design Lab Yöntem Tasarım Laboratuvarı Yenilikçi haber akışı, renk şemasının yalnızca 'sıcak' bölümünde yer alan haberler haricinde, kolayca tanımlanabilen bir sıcak ve soğuk renk şemasıyla haberlerin yaşını belirtmek için renkleri taze bir şekilde kullanır. Akıllı pazarlama fikri, belki? Yine de, kırmızıyı 12+ saat öncesindeki daha eski haberler ve kavunun daha yeni olduğu kavramak çok kolay. Çok iyi bir şekilde yürütülür ve renk, sitenin tasarımına ve işlevine katkıda bulunur, pek çok sitenin navigasyonlarının ötesinde söylenebilecek bir şey değildir. Bu makalenin araştırılması sırasında üzerine düştükten sonra, bu site hem içerik hem de tasarım için yer işaretlerimin arasında yer buldu.
DESIGNWISE
İçin tema DESIGNWISE basit bir kontrast, basit bir grungy hissi, siyahın üzerindeki pembeler mükemmel bir şekilde kontrasttır ve kontrastsız bir beyaz metin kullanmak, kontrastı karanlığa karşı keskin olmaksızın pembeyi dengelemektedir. Temiz, ancak dokulu arka plan ve site boyunca sıçrayan grunge ince dokunuşları arasında da bir karşıtlık var.
Prius Harmony
Bu infografiklerin renkleri güzel bir şekilde koordine edilir, her ikisi de 'uyumun' iletilmesi ve renklerle ilgili konuların iletilmesi gibi bariz bir misyon beyanına ulaşır. Bu etkili bir şekilde reklam için bir parçası iken Prius İşi iyi yapıyor ve Flash'ı küçümsemenize rağmen renkleri takdir et. Bu, eğer işlevselliği renkli olan başka bir sitedir, eğer sadece çok hafifse, ve iki ya da daha fazla kişinin birleşik renkleriyle varyasyonu yaratmak için şeffaflık ile blok renklerini kullanan nadir olanlardan biri, eğer (çoğunlukla) bir uyum duygusu taşırsa, çirkin siyah ve kahverengi aşırı ve kötü koordineli bölümleri görmezden geliyorsunuz.
Organik Izgara
Bir satırda iki Flash sitesini affedebilirseniz Organik Izgara her seferinde geri döndüğünde şemasını değiştirecek bir menüde inanılmaz renk kullanımıyla affedilebilecek güzel bir portföy. Alışılmadık? Evet. Koordinasyonsuzluk? Kesinlikle hayır. Renkler için gidin, siteyi tam ekran moduna getirin ve yükleme sürelerini göz ardı ederseniz, portföylerdeki inanılmaz fotoğrafların ve resimlerin tadını çıkarın.
Matt Mullenweg
Bu Lichtenstein'dan ilham alan site, sadece WordPress'in babası uğruna, Matt Mullenweg blogu, pop art'ın blok renklerini ve çapraz çizgilerini hayata geçiriyor. Ana renkleri engellemek, aşırı kullanılmadığında harika olabilir ve bu site bize bir çizgi verir. Blogun alt kısmında parlak bir pop art dalgası var, ancak Mullenweg'in çok fazla mesaja sahip olmasından dolayı, uzun bir süredir bakmayacaksınız!
Vanity Claire
Bu sitenin korkunç kullanılabilirliği geçmişine bakabilirseniz, her sayfadaki resim inanılmaz derecede iyi yapılır. Basit bastırılmış renkler daha popüler hale geliyor ve Claire 's sitesi de küçük bir grunge içinde gizlice yönetmeyi başarıyor. Bu site, her sayfada, sayfanın ortasındaki yatay bir tasarıma sahip farklı bir blok arka plan rengine sahip olacak şekilde karakterize edilmiştir.
Tutkal
Sadeliği yeni bir düzeye taşıyan bir web sitesi, Tutkal güzel bir şekilde idam edilen kum saati lehine tüm içeriği geri çeker, kumun yukarı doğru düşmesi 'Zaman Tasarrufu' sloganıyla eşlik eder. Site, gri renkteki muhteşem turuncu vurgularla daha fazla içeriğe sahipti, ancak ne yazık ki sadece davet edildi.
Microsoft,
Bana bunu sert bir elma destekçisi olarak dahil etmemi engelleyen kadar, Microsoft, 'ın çevrimiçi varlığı büyük olasılıkla Internet Explorer'daki şaşırtıcı gelişmeyle birlikte el atma ve sınırlamalara dayandırılmıştır (muhtemelen sitelerinin sitelerini tarayıcıya geçirmiş olması utanç verici olurdu). Windows 8'in çini tabanlı 'metro' arabiriminin açıkça bir etkisi oldu ve söylemek zorundayım, iyi görünüyor. Google Chrome, Skype ve şimdi Microsoft ile birlikte gördüğümüz gibi, renkli logoları geleceği, yapışkan gradyanların günlerini ve 3D'leri kullanmayı unutmayın.
AdaptD
Bu sitenin dahil edilmesi bana bir roket lolly'i, favori bir çocukluk ikramını hatırlattığı gerçeğiyle ya da sadece saf sevincini renklendirmekle alakalı olabilirdi. AdaptD Yüzüme bir gülümseme getirdim, çünkü sitenin tepesindeki 'renkli' bir kurdele ile, çünkü neden olmasın? Aksi halde iyi tasarlanmış bir site olsa güzel bir mücevher.
ColoRotate
Sonunda tasarımının bir parçası olarak renk kullanmayan bir site ile bitiriyoruz, aslında site tasarımı inanılmaz derecede mülayim ama bir işlev olarak - sitenin amacı renk paletlerini taramanıza ve karıştırmanıza yardımcı olmak. Bu şekilde renk kullanan bir siteye son vermek uygun görünüyor, bu yüzden bu listeyi okuduktan sonra sitenizin bir makyaja ihtiyacı olduğuna karar verirseniz, mükemmel renk şemasını seçmekten vazgeçmeyen bir şey yoktur. ColoRotate 21. yüzyıla ait renk teorisini okumaktan ve gözlerimizin nasıl renk algılayışından hoşlanıyorsanız, renk hakkında ilginç bir bilgi sayfasına da sahip olabilirsiniz.
Renklere nasıl yaklaşıyorsunuz? Güvende oynar mısın yoksa öne mi çıkmaya çalışıyorsun? Yorumlarda bize bildirin.