Tasarımda Renk Uyumu
Tasarımla uğraşan her tasarımcının dikkat ettiği, etmesi gerektiği bir konu oln renk uyumu, tasarımın en önemli hususlarındandır. Bu konuda bir çok program bulabilirsiniz. Kitaplardan renk uyumu hakkında bilgi alabilirsiniz.
Web arayüzü (flash) olarak hazırlanmış ve renk ayrıntısı üzerine rahatça seçim yapmanıza imkan veren adım adım ilerleyen bir sistemi var. Çok kapsamlı olmaması ve kullanımının arayüz ile sağlanması uygulamalarda kullanma olasılığını düşürmekte.
Bu sistem hakkında söyleyebileceğim şey, yapacağınız tasarımdan önce seçmiş renklerin uyumunu yapmanızdır. Arayüzde seçtiğiniz renklerin son adımda uyumlu olduğu diğer renkleri görebilmeniz sayesinde tasarımlarınızda göz kontrolünü rahatça sağlayabilirsiniz.
Renk kombinasyonlarında oldukça başarlı olduğunu söyleyebilirim.
Bünyesinde bir çok yararlı renk işleme ve düzenleme uygulamasını derleyerek sunan bu adres eşsiz bir kaynak niteliğinde. Web arayüzü ile hizmet veren uygulamaları teker teker anlatmak gerekir ise;
Belirlediğiniz renkler arasındaki geçişleri sağlayabiliyorsunuz.
Color Calculator | Color Scheme 1 | Color Scheme 2
ColorMatch | Remix | Color Wheel | EasyRGB
Quick Color | Colors on the Web | 4096 Color Wheel
Technicolor | Color Schemes Generator
… ve daha bir çok renk işleminde kullanılacak aracı işlevleri ile inceleyebilirsiniz.
Eğer yazıyı beğendiyseniz ya da ekleyecekleriniz varsa, lütfen yorumunuz yazın veya RSS aboneliği ile yeni yazılardan anında haberdar olun.
Yorumlar
Rica ederim Ufuk ^^.
Alt kısımda yer alan diğer programları da inceleyerek görüşlerimiz yazacağım. İnternet`de bunlar ve türevleri gibi bir çok başarılı program mevcut durumda. Ben sadece en çok kullanılanları inceledim.
Bir de açık kaynak renk optimizasyon programlarını inceliyorum şu sıralar. Onlar hakkında da güzel bir yazı gelecek.
güzel bilgiler ellerine sağlık … birçok web tasarımında renk uyumu hiçe sayılıyor bence tasarımın en önemli mantalitesi bu bilgi için tşk ederim ceyhun bey sizden msn üzerinden yardım alabilir miyim ? bazı konularda sizin deneyiminize ihtiyaç duyabileceğimi hissediyorum …
[...] olarak site beyaz background üzerine hazırlanmış bir katmanda içeriğini oluşturuyor ve ne yazık ki CSS ile [...]
[...] imkanı sunuyor. Renk çeşitlemesi olarak da farklı seçenekleri kullanıcılarına sunan sitenin renk seçimi sadelik yönünde [...]
[...] Önceki bir yazımda renk kullanımı hakkında kısa bilgiler ve araçlara yer vermiştim. Bu yazıda ise renklerin uyumlu kullanımına dair yazılar, ipuçları ve genel olarak araçlardan bahsedecek ve konumuz olan web tasarımında renklerin nasıl etkin rol oynayabileceğini açıklamaya çalışacağım. [...]
Ben color schemer kullanıyorum ve oldukça memnunum.
Beğendiğim özellikleri
1. iki rengi radyal ve lineer olarak blend edebiliyorsunuz.
2. arka plan ile yazı tipi renginin kullanılabilir olup olmadığını (contrast oranına göre) belirliyor (anlatması zor… uygulaması kolay)
3. Windows uygulamanızın herhangi bir noktasından renk alabiliyorsunuz (color picker ile)
4. Baz renginize göre önerdiği renk şemaları var (suggested colors)
5. Beğendiğiniz renk şemalarını .cs dosyası olarak kaydedebiliyrsunuz
(gerçi uzantı c# dosyaları ile karışıyor, ama olsun)
Sevgiler.
Bende bizim online renk aracımıza link verebilir miyim Ceyhun? :) http://www.colorschemegenerator.com/
@zen
Güzel bir çalışma olmuş, eline sağlık.
Elvan için birkaç öneri
1. slider’ların tutma yerlerini kutucuklar biraz daha büyütmen iyi olur. Evet grafikerler bu tarz şeyleri kullanmakta bir mikrocerrahtan daha iyi olabilirler; ancak eğer ürün ortalama bir “osman abi”yi de hedefliyorsa tıklanabilir alanın biraz daha geniş olmasında yarar var.
Aynı şey diğer GUI elemanları için de geçerli, ne kadar geniş tıklama/sürükleme alanı / o kadar rahat kullanım.
Gerçi swf indirilip tam ekran yapılıp bu sorun çözülebilir ama ortalama “osman abi” (average joe yani) bu işlemi de yapamayacaktır.
2. sliderlara odaklanabilmeli ve sağ sol ok tuşlarıyla değerleri değiştirilebilmeli.
3. slider üzerinde herhangi bir noktaya tıkladığımda doğrudan sürüklediğim kutu o noktaya gelmeli, yani illa ki kutuyu tutup sürüklemek zorunda kalmamalıyım (işletim sistemindeki scrollbar’larda olduğu gibi yani)
Kullanıcı slider’dan varsayılan olarak bu davranışı bekleyecektir.
yardımcı olması dileğiyle.
Öneriler için teşekkür ederim Volkan :) İlk fırsatta bu noktalara bakacağım. Başka her türlü önerinizi beklerim. Şu an ElvanOnline’ın yeni versiyonu ile ilgili çalışmalar yapıyoruz, istediklerinizi projeye dahil edebiliriz.
Çok yararlı bilgiler. Teşekkür ederiz…