Mint Panel Arayüz Kiti — başlık çubuklu panel ve düğmeler

Yarıçapı neredeyse tamamen içeri çekilmiş düz tasarım. Açık düz ailesi 20px köşe ve hap düğmeler kullanıyor, çünkü gündelik oyunu hedefliyor; bu aile ise 8px ve kare düğmeler kullanıyor, çünkü bir strateji ekranı çoğunlukla satırlardan oluşuyor ve cömert bir yarıçap tam sayıların gireceği genişliği harcıyor. Hiçbir yerde kontur ve gölgeleme yok — derinlik, üst üste üç gölge geçişi ve başka hiçbir şey.

İki nine-slice panel — 8 px köşeli başlık çubuklu bir pencere ve 6 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. Panelin üstüne bir başlık bandı gömülü, dolayısıyla bir pencere başlığı için ikinci bir sprite ve elle hizalama gerekmiyor. İkisi de her boyuta temiz uzuyor, çünkü köşeler hiç ölçeklenmiyor ve merkez düz bir dolgu.

Panellerin üstünde on iki kare düğme sprite’ı duruyor: varsayılan, üzerinde, basılı ve devre dışı; her biri üç kez çizilmiş — standart 120×36 çubuk, kare bir kare ikon düğmesi, ve araç çubukları ile satır içi eylemler için sıkışık bir düğme. Üç boyut tek bir ölçeklenmiş sprite yerine ayrı dosyalar, çünkü çizim ölçüye bağlı: 36 pikselde hesaplanan pah küçüklerde yeniden hesaplanıyor, küçültülmüyor. Basılı hâl yüzünü iki piksel indiriyor ve üstteki parlaklığı kaldırıyor, yalnızca koyulaşmıyor; bir düğmeyi yeniden renklendirilmiş değil tıklanmış hissettiren şey bu.

Dört küçük parça panellerin arasında kalanı karşılıyor: kuyruklu bir ipucu kutusu, panelin üstüne oturan bir başlık şeridi, ortasında işaret olan bir bölüm ayracı, ve sayı ile durum etiketleri için bir etiket çipi. Hiçbiri pencere panelinin başka bir boyuttaki hâli değil — nine-slice zaten her ölçüye esniyor, dolayısıyla farklı genişlikte ikinci bir dosya bileşen değil dolgu olurdu.

Her şey iki kez geliyor. SVG kaynaklar kitin çizildiği dosyalar — aç, altı mavi-gri tonunu ya da tek nane yeşili 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 Sıfır 1.0 — Kamu malı. Atıf gerekmiyor. Tam koşullar · Pratikte ne demek