Arayüz Paketleri

Nightcity Karakter Sayfası

Koyu arayüzler için 12 adet cyberpunk karakter sayfası ve istatistik bileşeni — çiğ magenta vurgulu gece mavisi paleti. SVG kaynak ve 1x, 2x, 4x saydam PNG.

  • ui
  • svg
  • saydam png
  • karakter sayfası
  • istatistik
  • donanım
  • nitelikler
  • rpg
  • cyberpunk
  • cyberpunk
  • cyberpunk
  • bilim kurgu
  • neon
  • hud
Nightcity ailesinden 12 adet cyberpunk karakter sayfası ve istatistik bileşeni gösteren sayfa; hepsi saydamlık dama zemininde dizilmiş ve altlarında piksel ölçüleri yazılı
1600×824 önizlemesaydamlık dama deseniyle gösteriliyor

Bu paket hakkında

Nightcity Karakter Sayfası, cyberpunk tarzında çizilmiş 12 adet karakter sayfası ve istatistik bileşeni içeren bir set; her çerçevenin kendi asimetrik konturu var — bir köşede çentik, bir kenarda ray. İçinde bir istatistik satırı ile şeritli eşi, üç karşılaştırma işareti, altı ve beş eksenli birer örümcek grafiği çerçevesi, bir donanım kuklası çerçevesi, biri boş biri dolu iki kuşanma yuvası ve iki set bonusu şeridi var.

Karakter sayfası tek bir soruyu cevaplamak için var: bu yeni parça, üstündekinden iyi mi? Ve o soruyu cevaplayan çizim kitin en küçüğü. Setlerin çoğu çerçeveleri gönderip karşılaştırma oklarını motora bırakıyor; oklar da geri kalan her şeyin elle çizildiği bir sette bir yazı tipi karakteri olarak çıkıyor.

Siluet ölçeklenerek değil bestelenerek kuruldu: dört köşenin ve dört kenarın her biri kendi işlemini alıyor, dolayısıyla setteki hiçbir çerçeve bir diğeriyle kontur paylaşmıyor. Neon parıltı bulanıklık filtresi değil, azalan opaklıkta üst üste konturlar — bir filtreyi bazı SVG rasterleştiricileri farklı uyguluyor ve haleyi 4x'te lekeye çeviriyor.

Bu tarzın Nightcity okuması şöyle: gece mavisi paleti üzerinde çiğ magenta aksanlı bir koyu arayüz; tek çerçeveli bir panel, 176x44 boyutunda pahlı düğmeler, 16 bölmeye ayrılmış boş çekirdekli barlar ve 32px ızgarada iki tonlu 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.

Yukarı ve aşağı oklar çevrilmiş tek bir ok değil ayrı sprite’lar, çünkü ikisi de aynı karşılaştırma tablosunda görünüyor ve çevrilmiş bir ok ters taraftan ışık alıyor. Üçüncü bir işaret de var: değişmedi. Kulağa geldiğinden önemli, çünkü hiç ok olmaması "eşit" ile "karşılaştırılamaz" arasında belirsiz kalıyor. Örümcek grafiği çerçevesi yalnızca ızgara ve eksenlerle, değer çokgeni olmadan geliyor, çünkü değerler oyundan geliyor. Kitin borcu ölçek ve o ölçek hem beş hem altı eksenle geliyor, yani bir istatistik sistemi çizerin varsaydığı kadar niteliğe sahip olmaya zorlanmı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. Nightcity ailesinin geri kalanıyla aynı ölçülere göre çizildi; bu da bu kitin ve Nightcity panel kitinin, ikisi de yeniden boyutlandırılmadan hizalandığı anlamına geliyor. cyberpunk, bilim kurgu ve yakın gelecek arayüzlerine iyi oturuyor.

İndirme

Doğrudan bağlantı · kayıt yok · bekleme sayfası yok
ZIP indir166 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 beniokuZIP166 kB Al →
İstatistik satırı, düzenlenebilir SVGSVG838 B Al →

Nasıl kullanılır

  1. Değer çokgenini örümcek grafiği çerçevesinin üstüne motorda çizin; çerçeve eşit aralıklı halkalarla sabit bir ölçek, yani çokgen doğrudan üstüne oturuyor.
  2. Karşılaştırma işaretlerinin üçünü de kullanın, değişmedi işareti dâhil. Okun olmaması eşit demek değil.
  3. Uzun bir listede kendi zebra dolgunuzu eklemek yerine düz ve şeritli istatistik satırlarını dönüşümlü kullanın; şeridin tonu ailenin yeniden renklendirilmesinden sağ çıkacak şekilde seçildi.
  4. Donanım kuklasının ortası kendi karakter portreniz için boş bırakıldı; çevresindeki yuva konumları da tek başına gelen kuşanma yuvasının boyutuyla birebir aynı.

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 Karakter Sayfası" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/nightcity-character-sheet