Arayüz Paketleri

Byte Zeminleri

açık arayüzler için 7 adet piksel sanatı zemin ve kaplama parçası — sinyal turkuazı vurgulu serin kemik paleti. SVG kaynak ve 1x, 2x, 4x saydam PNG.

  • ui
  • svg
  • saydam png
  • arka plan
  • zemin
  • döşenebilir
  • menü ekranı
  • piksel
  • piksel sanatı
  • piksel sanatı
  • açık arayüz
  • bulmaca
  • yönetim
Byte ailesinden 7 adet piksel sanatı zemin ve kaplama parçası gösteren sayfa; hepsi saydamlık dama zemininde dizilmiş ve altlarında piksel ölçüleri yazılı
1600×1341 önizlemesaydamlık dama deseniyle gösteriliyor

Bu paket hakkında

Byte Zeminleri, piksel sanatı tarzında çizilmiş 7 adet zemin ve kaplama parçası içeren bir set; her köşe tam piksellerden oluşan bir merdiven ve hiçbir yerde yumuşatma yok. İçinde tam ekran bir menü zemini, kesintisiz bir desen karosu, kalıcı pencere için bir karartma kaplaması, bir başlık şeridi, bir bölüm ayracı ve bir yükleme barı yolu ile dolgusu var.

Bu, ücretsiz arayüz kitlerinin çoğunun tamamen atladığı parça. Sana panel ve düğme verip onları üstüne koyacağın hiçbir şey vermeyen bir kit, kurduğun ilk ekranda işe yaramaz oluyor; zemin ise tüm menü yarım görünmeden düz bir renkle taklit edemeyeceğin tek şey.

Kontur 4px'lik birimlerle basamaklanıyor ve gölgeleme gradyan değil Bayer dither, dolayısıyla set tam sayı bir katsayıyla ölçeklenmeye dayanıyor — ki piksel sanatı için lapaya dönüşmeden ölçeklenmenin tek yolu bu.

Bu tarzın Byte okuması şöyle: serin kemik paleti üzerinde sinyal turkuazı aksanlı bir açık arayüz; tek çerçeveli bir panel, 112x36 boyutunda tamamen yuvarlatılmış hap düğmeler, 10 bölmeye ayrılmış bantlı barlar ve 24px ızgarada konturlu ikonlar etrafında kuruldu. Bu ölçüler, iki ailenin aynı sanat tarzını birbirinin yerine geçmeden paylaşabilmesinin sebebi: tarz kenarın nasıl çizildiğine, sayılar arayüzün ne işe yaradığına karar veriyor.

Zemin, bir sanat tarzının kendini gösterecek en çok yeri bulduğu yer; o yüzden her tarzda farklı çizildi: dither bantlar, üçgenlenmiş mozaik, taramalı kâğıt, izometrik ızgara, sert kenarlı bir ufuk. 640x360 boyutunda geliyor ve 4x'te 2560x1440 boyutuna çıkıyor; bu da oranı koruyarak 1080p'yi kapsıyor, yani tek bir cover ile her çözünürlüğe uzuyor. Desen karosu her motifi kendi sınırları içinde kapatıyor, dolayısıyla döşemede dikiş görünmüyor.

Her sprite düzenlenebilir SVG olarak ve 1x, 2x, 4x saydam PNG olarak geliyor; yani PNG'leri doğrudan bir motora bırakabilir ya da vektörü açıp bir rengi değiştirebilirsin. Byte ailesinin geri kalanıyla aynı ölçülere göre çizildi; bu da bu kitin ve Byte panel kitinin, ikisi de yeniden boyutlandırılmadan hizalandığı anlamına geliyor. Piksel sanatı oyunlara iyi oturuyor.

İndirme

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

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

Bu pakette bulunan dosyalar
DosyaBiçimBoyutİndirme
Tam set — SVG kaynaklar, 1x/2x/4x PNG çıktılar, lisans ve beniokuZIP18 kB Al →
Tam ekran menü zemini, piksel sanatı, düzenlenebilir SVGSVG1.8 kB Al →

Nasıl kullanılır

  1. Zemini esnetmek yerine kapla (cover) — 16:9 oranı bilinçli ve onu bozmak bir gradyanda anında görünüyor.
  2. Deseni listelerin ve envanter ızgaralarının arkasına ince doku için 1x, kaba doku için 2x döşe; her iki yönde de kesintisiz.
  3. Karartmayı oyun ile kalıcı pencere arasına tam ekran çiz. Düz siyah değil, tarzın kendi paleti olduğu için renkli bir oyunu grileştirmiyor.

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ı
"Byte Zeminleri" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/byte-backdrops