Neon Panel Arayüz Kiti — köşe ayraçlı panel ve düğmeler

Kesik köşeler ve açık çerçeveler üzerine kurulmuş bir bilim kurgu konsol kiti. Hiçbir yerde sürekli bir kenarlık yok — sınırları dört köşe ayracı işaretliyor, gerisi açık kalıyor; bir HUD'ın dünyayı örten bir pencere değil, üstüne binen bir kaplama gibi okunmasının sebebi de bu. Gerisini pahlar hallediyor: bir kenar yarıçapı mobil uygulama gibi okunurken pah işlenmiş metal gibi okunuyor.

İki nine-slice panel — 16 px köşeli köşe ayraçlı 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. Hiçbir yerde sürekli bir kenarlık yok — sınırları dört köşe ayracı işaretliyor, gerisi açık kalıyor; böylece panel içeriği kutuya kapatmadan çerçeveliyor. İkisi de her boyuta temiz uzuyor, çünkü köşeler hiç ölçeklenmiyor ve merkez düz bir dolgu.

Panellerin üstünde dört pahlı düğme durumu duruyor: varsayılan, üzerinde, basılı ve devre dışı. Hepsi aynı 144×36 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ı derin uzay mavisi tonunu ya da tek camgöbeği 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