Arayüz Paketleri

Nightcity Arayüz Kontrolleri — onay kutusu, anahtar ve kaydırıcı

Sekiz neon gece arayüz kontrolü: onay kutusu, radyo düğmesi, anahtar ve kaydırıcı; her birinin açık ve kapalı durumu farklı biçimle çizilmiş. SVG ve saydam PNG.

  • ui
  • svg
  • saydam png
  • onay kutusu
  • anahtar
  • kaydırıcı
  • ayarlar
  • kontroller
  • cyberpunk
  • bilim kurgu
  • neon
  • hud
Dama zemin üzerinde oyun ayar kontrolleri — boş ve işaretli onay kutusu, seçili olmayan ve seçili radyo düğmesi, kapalı ve açık gösterilen anahtar, bir de topuzuyla kaydırıcı yolu
1600×755 önizlemesaydamlık dama deseniyle gösteriliyor

Bu paket hakkında

26px'te baştan sona kare geometriyle kontroller — bu tarzın hiçbir yerinde eğri yok, o yüzden yuvarlak yardımcı pahlı bir kare çiziyor. İşaretli durum izi parlatmak yerine aksanla doluyor, çünkü daha parlak bir iz açık değil odak anlamına geliyor.

Set, bir ayarlar ekranının gerçekten ihtiyaç duyduğu dört kontrolü kapsıyor: onay kutusu, radyo düğmesi, anahtar ve ayrı topuzu olan bir kaydırıcı. Durumu olan her kontrol iki durumunu da kendi dosyası olarak, 26×26 tabanında getiriyor — anahtar 52×26 ve kaydırıcı yolu 208 px genişliğinde, böylece istediğin uzunluğa nine-slice edilebiliyor.

Açık ve kapalı farklı renklerle değil farklı biçimlerle çizildi. İşaretsiz kutu boş bir girinti; işaretli olan ise içine tik oyulmuş dolu bir yüzey. Bunun önemi şu: bir oyuncunun renk körü kipini, gri tonlamalı bir gölgelendiriciyi ya da ağır renklendirilmiş bir post-process'i çalıştırma ihtimalinin en yüksek olduğu yer tam olarak ayarlar ekranı — ve yalnızca renk tonundan okunan bir durum üçünün de altında kayboluyor.

Kaydırıcı tek bir sprite yerine bir yol ve bir topuz olarak geliyor. Tek parça bir kaydırıcıyı canlandırmak onu her değer için yeniden çizmek demek; iki parçayla dolguyu esnetip topuzu kaydırıyorsun ki zaten her arayüz araç setinin beklediği şey bu. Topuz bir orta çentik taşıyor, böylece dönüşü ve konumu küçük boyutlarda da okunur kalıyor.

Her şey düzenlenebilir SVG olarak ve 1x, 2x, 4x düz saydam PNG olarak dahil; Nightcity ailesinin geri kalanıyla aynı altı gece mavisi tonundan çizildi.

İndirme

Doğrudan bağlantı · kayıt yok · bekleme sayfası yok
ZIP indir44 kB

Tam set — 8 SVG kaynak, 1x/2x/4x PNG çıktılar, lisans ve benioku

Bu pakette bulunan dosyalar
DosyaBiçimBoyutİndirme
Tam set — 8 SVG kaynak, 1x/2x/4x PNG çıktılar, lisans ve beniokuZIP44 kB Al →
Anahtar (açık durum), düzenlenebilir SVGSVG418 B Al →
Kaydırıcı yolu, düzenlenebilir SVGSVG751 B Al →

Nasıl kullanılır

  1. Açık ve kapalı durumlar arasında tek sprite'ı renklendirmek yerine dokunun tamamını değiştir; iki durum biçim olarak farklı, dolayısıyla renk tek başına onları üretmiyor.
  2. Kaydırıcı yolu her iki ucunda 9 px uçla nine-slice edilebiliyor — ortayı esnet, yuvarlak uçlar her genişlikte bozulmadan kalsın.
  3. Unity'de iki dosyayı Toggle bileşeninin Background ve Checkmark grafiklerine bağla ya da tek görsellik bir kurulum için sprite'ı onValueChanged içinde değiştir.
  4. Topuzu dolgu kenarında ortala: genişliği 22 px, dolayısıyla dolgunun sağ kenarından yarısı kadar geri al ki tutamak değerin ardında değil üstünde dursun.

Lisans

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

Kopyala-yapıştır atıf satırı
"Nightcity Arayüz Kontrolleri — onay kutusu, anahtar ve kaydırıcı" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/nightcity-ui-controls