Arayüz Paketleri

Aetherlab Diyalog Kiti

koyu arayüzler için 7 adet magitech diyalog bileşeni — eter camgöbeği vurgulu laboratuvar laciverti paleti. SVG kaynak ve 1x, 2x, 4x saydam PNG.

  • ui
  • svg
  • saydam png
  • diyalog
  • konuşma balonu
  • ipucu balonu
  • görsel roman
  • magitech
  • magitech
  • magitech
  • simya
  • laboratuvar
  • hud
Aetherlab ailesinden 7 adet magitech diyalog bileşeni gösteren sayfa; hepsi saydamlık dama zemininde dizilmiş ve altlarında piksel ölçüleri yazılı
1600×528 önizlemesaydamlık dama deseniyle gösteriliyor

Bu paket hakkında

Aetherlab Diyalog Kiti, magitech tarzında çizilmiş 7 adet diyalog bileşeni içeren bir set; sivri köşeler ve bir devre izi arkana rengi taşıyor — altından kablo geçen bir fantezi. İçinde kuyruklu bir konuşma kutusu, bir konuşmacı isim levhası, sönük ve parlak devam göstergeleri, boştaki ve seçili seçenek satırları ve bir ipucu paneli var.

Diyalog kutusu, hikâye anlatan bir oyunda en çok okunan tek yüzey ve bir pencere paneliyle aynı şey değil: konuşanı gösteren bir kuyruğa, ilk satırı örtmeden üstünde duran bir isim levhasına ve motorun yanıp söndürebilmesi için iki kareli bir devam göstergesine ihtiyacı var.

Sivri köşeler fantastik bir çerçeveden değil biçim dağarcığından geliyor ve bu bilinçli: bu tarz magitechin oyulmuş yarısı değil, teknoloji yarısı. Set boyunca gradyanlar ve konturlu kompozisyonlar dönüşümlü ilerliyor, böylece bir büyü paneli ile bir cihaz paneli aynı ekranı paylaşabiliyor.

Bu tarzın Aetherlab okuması şöyle: laboratuvar laciverti paleti üzerinde eter camgöbeği aksanlı bir koyu arayüz; tek çerçeveli bir panel, 144x36 boyutunda pahlı düğmeler, 22 bölmeye ayrılmış boş çekirdekli barlar ve 24px ı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.

Seçili seçenek satırı renk değişimiyle değil bir girinti ve bir işaretçiyle belirtiliyor, dolayısıyla durum renk körü kipinden ve gri tonlamalı gölgelendiriciden sağ çıkıyor. Bunun önemi burada her yerdekinden fazla: yanlış diyalog seçeneğini seçmek, oyuncunun geri alamayacağı bir hata.

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. Aetherlab ailesinin geri kalanıyla aynı ölçülere göre çizildi; bu da bu kitin ve Aetherlab panel kitinin, ikisi de yeniden boyutlandırılmadan hizalandığı anlamına geliyor. magitech, simya ve arkana bilim arayüzlerine iyi oturuyor.

İndirme

Doğrudan bağlantı · kayıt yok · bekleme sayfası yok
ZIP indir48 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 beniokuZIP48 kB Al →
Konuşma kuyruklu diyalog kutusu, magitech, düzenlenebilir SVGSVG2.6 kB Al →

Nasıl kullanılır

  1. Diyalog kutusunu düz bölgelerinde nine-slice yap ve kuyruğu sabit köşede bırak; yoksa kutu büyüdüğünde kama gibi uzuyor.
  2. Devam göstergesini sönük ve parlak kareleri saniyede yaklaşık 2 kez değiştirerek yanıp söndür; iki kare, çalışma anında birini renklendirmek zorunda kalmayasın diye var.
  3. İsim levhasını diyalog kutusunun sol üstüne, yüksekliğinin yaklaşık yarısı kadar negatif kaydırmayla yerleştir ki çerçevenin üzerine binsin.

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ı
"Aetherlab Diyalog Kiti" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/aetherlab-dialogue-kit