Skip to content

Rozet Tasarımcısı

Rozet Tasarımcısı, badges.ninja'ya yerleştirilmiş, herhangi bir harici tasarım aracı olmadan profesyonel rozet görselleri oluşturmanıza olanak sağlayan görsel, üç sütunlu bir tuval editörüdür.

Üç sütunlu rozet editörü — sol ray, panel ve tuval — altında rozet ayrıntıları

Genel Bakış

Tasarımcı doğrudan Rozet Oluştur / Düzenle penceresinin içinde açılır. Üç bölümden oluşur:

  • Sol ray — orta paneli Templates, Uploads, Elements, Text, Attributes, QR Codes ve Layers arasında değiştirir.
  • Panel — seçili ray moduna ait araçlar.
  • Tuval — rozetin canlı, düzenlenebilir bir önizlemesi. Eklediğiniz her şey; taşıyabileceğiniz, yeniden biçimlendirebileceğiniz, yeniden sıralayabileceğiniz ya da silebileceğiniz gerçek, seçilebilir bir nesnedir.

Rozet ayrıntıları (Kuruluş, Ad, Açıklama, Kriterler ve Paylaşım Metni) doğrudan tuvalin altında yer alır; böylece tasarım ile kimlik bilgisi bilgileri tek bir pencerede birlikte bulunur — ayrı bir adım yoktur.

Şablondan Başlama

Yerleşik tasarımlara göz atmak için raydaki Templates ögesine tıklayın. Recognition ailesi size tam olarak kurgulanmış, profesyonel bir rozet sunar — biçimlendirilmiş bir çerçeve ve düzenlenebilir yer tutucu metin (kuruluş, başlık, alt başlık ve bir doğrulama mührü) — sekiz renk paletinde (Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite). Listeyi daraltmak için Category filtresini, sıfırdan başlamak için ise Blank canvas ögesini kullanın.

Uygulamak için bir şablona tıklayın. Metni; değiştirebileceğiniz veya kaldırabileceğiniz normal, düzenlenebilir katmanlar haline gelir — hiçbir şey sabitlenmiş değildir.

Elements — Şekiller, Simgeler, Kurdeleler ve Arka Planlar

Elements paneli — çizgiler, şekiller, simgeler, kurdeleler, tabanlar ve arka plan şekilleri

Elements paneli, rozetinizin üzerine grafik katmanları ekler:

  • Lines — yatay / dikey çizgiler.
  • Shapes — dolgulu ve dış çizgili dikdörtgenler, yuvarlatılmış dikdörtgenler, daireler ve üçgenler.
  • Icons — 70 resimsel simge (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy ve çok daha fazlası), aranabilir.
  • Ribbons — Straight / Pointed / Tails / Decorative olarak gruplandırılmış 28 dekoratif kurdele katmanı.
  • Bases — kategorilere ayrılmış, yeniden renklendirilebilen 80 taban şekli (daireler, kalkanlar, altıgenler, yıldızlar, madalyalar, mühürler, çelenkler, pankartlar, geometrik biçimler).

Her simge, kurdele ve taban geçerli renkte eklenir ve istediğiniz zaman yeniden renklendirilebilir.

Arka plan şekilleri

Arka plan şekilleri — rozet arka planı olarak uygulanan, önceden tasarlanmış bir çerçeve

Elements → Background shapes, 68 hazır çerçeve barındırır (şekil × palet kütüphanesi). Bunlardan birini uygulamak, metninizi ve ögelerinizi üstte tutarak rozetin arka plan çerçevesini değiştirir — kurgulanmış bir şablon olmadan belirli bir şekil/renk kombinasyonu istediğinizde kullanışlıdır.

Özel Görsel Yükleme

Kendi logonuzu, fotoğrafınızı ya da grafiğinizi eklemek için Uploads panelini kullanın. PNG, JPEG ve SVG kabul edilir, 5 MB'a kadar. Görsel normal bir ön plan nesnesi olarak eklenir — tasarımın üzerine yığılır ve arka planı asla silmez. Rozet arka planını değiştirmek için bunun yerine bir şablon ya da bir arka plan şekli seçin.

Metin Ekleme ve Biçimlendirme

Text paneli — başlıklar, gövde metni ve hazır kombinasyonlar

Text paneli şunları sunar:

  • Add heading / subheading / normal text — önceden boyutlandırılmış metin nesneleri.
  • CombinationsCertificate of Achievement, Awarded to ya da Verify at gibi hazır yığınlar — her satır bağımsız olarak düzenlenebilir kalır.

Herhangi bir metin nesnesi seçtiğinizde tuvalin üzerinde bağlamsal araç çubuğu belirir:

Yazı tipi seçici, − / + yazı tipi boyutu ayarlayıcısı, renk ve hizalama içeren bağlamsal araç çubuğu

  • Font — Sans, Serif, Handwriting, Mono ve System olarak gruplandırılmış 50 yazı tipinden oluşan bir kütüphane. Açılır menüden birini seçin; her seçenek kendi yazı tipiyle önizlenir.
  • + Font — geçerli oturum için bir marka yazı tipi yükleyin (TTF, WOFF, WOFF2, OTF).
  • Font size− / + ayarlayıcı (ya da bir sayı girmek) seçili metni, tutamaçlarını sürüklemeden hassas biçimde yeniden boyutlandırır.
  • Colour — seçili metnin dolgusunu (ve yeni şekiller/simgeler için varsayılan ekleme rengini) belirler.
  • Alignment — altı düğme, seçimi tuvale göre sol / orta / sağ ve üst / orta / alt olarak hizalar.

Dinamik Öznitelikler

Attributes paneli — her alıcıya göre çözümlenen dinamik jetonlar

Attributes paneli, dinamik jetonları, , , , , — metin nesneleri olarak ekler. Her jeton ödül anında her alıcıya göre çözümlenir; böylece tek bir tasarım, ödül verdiğiniz herkes için kendini kişiselleştirir. Alıcının adını ya da verilme tarihini rozetin üzerine bu şekilde yerleştirirsiniz.

QR Kodları

QR Codes paneli, ile bağlantılı, taranabilir bir kod ekler. Verilen her ödülde bu kod, o ödülün herkese açık doğrulama sayfasına çözümlenir; böylece herkes basılı rozeti tarayarak doğrulayabilir.

Katmanlar

Layers paneli — her nesneyi yeniden sıralayın, gizleyin ya da silin

Layers paneli, tuvaldeki her nesneyi listeler. Buradan her katmanı yeniden sıralayabilir (öne getir / geri gönder), gizleyebilir/gösterebilir, seçebilir ve silebilirsiniz. Arka plan çerçevesi en altta sabitlenmiştir ve etkileşimsiz kalır; böylece tüm tıklamalar ön plan ögelerine aittir.

Geri Al / Yinele (Ctrl+Z / Ctrl+Shift+Z) son 20 değişiklik arasında gezinir ve bir nesneyi tuvalin merkezine yakın sürüklediğinizde kesik yapışma kılavuzları belirir.

Rozeti Kaydetme

Tamamlanmış ayrıntılarının yanındaki bitmiş rozet — oluşturmaya ya da taslak olarak kaydetmeye hazır

Ayrı bir "dışa aktarma" adımı yoktur. Tasarımınız ve ayrıntılarınız hazır olduğunda:

  • Create Badge, tuvali bir PNG olarak yakalar, IPFS'e yükler ve rozeti düzenlenebilir tasarımıyla birlikte kaydeder — böylece rozeti yeniden açtığınızda katmanlarınız daha fazla düzenleme için geri yüklenir.
  • Save Draft, devam eden bir rozeti sunucu tarafında (cihazlar arası) saklar. Taslaklar, Rozetler listenizde bir Draft işaretiyle görünür ve herhangi birini daha sonra kaldığınız yerden sürdürebilirsiniz.

İyi Rozet Tasarımı İçin İpuçları

  • Basit tutun — net metin kullanın, karmaşıklıktan kaçının. Rozetler çoğu zaman küçük boyutlarda görüntülenir.
  • Yüksek kontrast kullanın — metnin arka plana karşı okunabilir olmasını sağlayın.
  • Kimlik bilgisini adlandırın — izleyiciler onu bir bakışta anlayabilmeli.
  • Kare biçim — rozetler kare olarak en iyi görünür.
  • Marka tutarlılığı — tüm rozetlerde kuruluşunuzun renk ve yazı tiplerini yeniden kullanın.
  • Yeniden kullanılabilir tasarımları kaydedin — oluşturduğunuz her rozet, bir sonraki sefer başlangıç noktası olarak kullanabileceğiniz bir hesap şablonu olarak da kaydedilir (bkz. My Templates).

badges.ninja Documentation