Sketch Panel Arayüz Kiti — çift çerçeveli panel ve düğmeler

Bu kitteki her kenar bilerek biraz yanlış. Kontur uzunluğu boyunca örnekleniyor ve her nokta biraz kaydırılıyor, dolayısıyla hiçbir çizgi gerçekten düz değil ve hiçbir iki köşe aynı şekilde kıvrılmıyor — cetvelle çizilmiş bir dikdörtgenin asla yapamayacağı şey. Gölgeleme gradyan değil çapraz tarama; onu üstüne filtre uygulanmış yuvarlak bir dikdörtgen gibi değil çizilmiş gibi okutan da bu.

İki nine-slice panel — 18 px köşeli çift çerçeveli bir pencere ve 12 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. Aralarında boşluk olan iki iç içe kenarlık, çizilmiş değil oyulmuş gibi okunuyor; el işi bir arayüzü konturlu bir dikdörtgenden ayıran da bu. İkisi de her boyuta temiz uzuyor, çünkü köşeler hiç ölçeklenmiyor ve merkez düz bir dolgu.

Panellerin üstünde dört köşeli düğme durumu duruyor: varsayılan, üzerinde, basılı ve devre dışı. Hepsi aynı 132×46 tabanına 10 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ı kirli beyaz kâğıt tonunu ya da tek mürekkep mavisi 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