Charcoal Panel Arayüz Kiti — tek çerçeveli panel ve düğmeler

Açık elle çizim ailesiyle aynı huzursuz çizgi, tersine çevrilmiş: koyu zemin üstünde soluk tebeşir. Bu tersine çevirme bir renk değişikliği değil — çizilmiş bir çizgi, açık üstünde koyuyken mürekkep, koyu üstünde açıkken tebeşir gibi okunuyor — ve kontur 3px'ten daha kalın bir değere çıkmak zorunda kaldı, çünkü siyah üstündeki ince ve soluk bir çizgi arkasına bir şey girdiği an kayboluyor.

İki nine-slice panel — 12 px köşeli tek çerçeveli bir pencere ve 10 px köşeli gömme bir iç çerçeve — bir menünün ihtiyaç duyduğu neredeyse her kutuyu karşılıyor: pencereler, envanter ızgaraları, liste zeminleri, ipucu balonları ve istatistik panelleri. Tek sürekli bir kenarlık, paneli yoğun metnin arkasında durabilecek kadar sessiz tutuyor. İkisi de her boyuta temiz uzuyor, çünkü köşeler hiç ölçeklenmiyor ve merkez düz bir dolgu.

Panellerin üstünde dört sekme düğme durumu duruyor: varsayılan, üzerinde, basılı ve devre dışı. Hepsi aynı 160×52 tabanına 6 px köşelerle çizildi; yani tek bir düğme bileşeninde dokuyu değiştirerek bir dikdörtgeni bile kıpırdatmadan tüm etkileşim döngüsünü elde ediyorsun. Basılı durum yalnızca kararmak yerine yüzeyini iki piksel düşürüyor ve üstteki parlamayı kaldırıyor; bir düğmeye tıklanmış hissi veren, yalnızca yeniden renklendirilmiş hissi vermeyen şey de bu.

Her şey iki kez geliyor. SVG kaynaklar kitin çizildiği dosyalar — aç, altı duman grisi tonunu ya da tek köz turuncusu aksanını değiştir, yeniden dışa aktar. PNG çıktılar ise bitmap isteyen motorlar için düz, saydam ve 1x, 2x, 4x olarak önceden ölçeklenmiş; önçarpılmış alfa yok, sprite sınırlarının dışına taşan pişmiş gölge yok.

Creative Commons Atıf 4.0 — Ticari kullanımda ücretsiz. Atıf zorunlu. Tam koşullar · Pratikte ne demek