Colorful Expression ile birbiri ile uyumlu renkleri yakalamak.

0 dakikada yazıldı

15325 defa okundu

Düzenle

Renklerin birbirine uyumu özellikle biz yazılımcılar için pek
anlaşılamayan bir sistemi tanımlar :) Kişisel olarak ben bir renk
yığınındaki renklerin birbirine uyumlu olup olmadığını anlayabilsem de
"Buyur uyumlu 3 renk seç" derseniz pek de başarılı olamam. Belli ki bu
durum genel geçer bir sorunu tanımlıyor ki RD, Jonas
Folloseo
birazdan sizlere detaylarından
bahsedeceğim uygulamayı hazırlamış. Uygulama özünde Adobe'nin
Kuler sitesinin API'larını kullanıyor.
Kuler'dan hızlı bir şekilde bahsetmek gerekirse tasarımcıların
birbirleri ile uyumlu renk şemalarını paylaştıkları bir Web 2.0 portalı
diyebiliriz.

Colorful Expression

Aşağıdaki adresten indirebileceğiniz uygulama toplam 3 bölümden
oluşuyor.

http://www.codeplex.com/colorful

Birincisi Colorful WPF adında tek başına çalışabilen bir WPF
uygulaması. Bu uygulama içerisinde birbirleri ile uyumlu renk şemalarını
inceleyebilir ve aramalar yapabilirsiniz. Unutmayın ki sistem Kuler'ın
API'larından faydalanıyor yani programı ancak online durumdayken
kullanabilirsiniz. Colorful WPF'in en güzel özelliği herhangi bir renk
şemasının altındaki düğmeler aracılığı ile hızlı bir şekilde bu renkleri
kullanabilmenizi sağlayacak XAML Brush kodlarını alabiliyor olmamız.

Colorful WPF içerisinde birbiri ile uyumlu renklerin bir listesi.
Colorful WPF içerisinde "silver" kelimesi aratıldığında çıkan birbiri
ile uyumlu renklerin bir listesi.

Yukarıdaki ekran görüntüsünde yer alan en üstteki "Silver" adındaki
renk şemasının altındaki "Swatches" düğmesine tıkladığımda doğrudan
aşağıdaki XAML kodu panoya kopyalanıyor ve rahatlıkla Silverlight veya
WPF projelerinde kullanabiliyoruz.

<SolidColorBrush x:Key="SilverColor1"
Color="#FF474143"
/>

<SolidColorBrush x:Key="SilverColor2"
Color="#FFA69E9D"
/>

<SolidColorBrush x:Key="SilverColor3"
Color="#FFE7E2DA"
/>

<SolidColorBrush x:Key="SilverColor4"
Color="#FFFFFFFF"
/>

<SolidColorBrush x:Key="SilverColor5"
Color="#FFE7E8E7"
/>

Expression Design ve Blend Add-In

Colorful Expression içerisindeki renk şablonlarını isterseniz doğrudan
Expression Design veya Blend içerisinde de kullanabiliyorsunuz. Bunun
için download paketi içerisinden program adına uygun klasörün içindeki 2
DLL dosyasını programların bilgisayarlarınızda yüklü oldukları konumlara
kopyalamanız gerek. Sonrasında aşağıdaki şekilde hem Blend hem de
Design'ı çalıştırdığınızda Colurfull Expression'ı doğrudan Blend
veya Design içerisinde de kullanabilirsiniz.

*Blend.exe –addin:Colorful.Blend.AddIn.dll\

Expression Design içerisinde Colorful paneli.
Expression Design içerisinde Colorful paneli.

Yukarıdaki ekran görüntüsünde Colurful Expression'ın doğrudan Expression
Design içerisinde kullanılabildiğini görebiliyorsunuz. Aynı şekilde
Blend 2 içerisinde de rahatlıkla Colurful paneline ulaşılabiliyor.

Expression Blend 2 içerisinde Colorful paneli.
Expression Blend 2 içerisinde Colorful paneli.

Blend içerisinde Colorful panelinin kullanımı ile ilgili Design'a
kıyasla ek avantajlar da söz konusu. Sahneye sürükleyip bıraktığınız bir
renk şablonu aslında arka planda birer SolidColorBrush olarak
sayfanın Resource'larına ekleniyor. Böylece bu renkleri istediğiniz
kadar farklı yerlerde rahatlıkla merkezi olarak kullanabiliyorsunuz.

Colorful'un yarattığı XAML kodları otomatik olarak karşımızda.
Colorful'un yarattığı XAML kodları otomatik olarak karşımızda.

Hepinize kolay gelsin.