Skip to content

Rozet Tasarımcısı ​

Rozet Tasarımcısı (Badge Designer), badges.ninja içine yerleşik, üç sütunlu görsel bir tuval düzenleyicisidir; harici tasarım araçlarına ihtiyaç duymadan profesyonel rozet görselleri oluşturmanızı sağlar.

3 sütunlu rozet düzenleyicisi — sol ray, panel ve tuval — altında rozet ayrıntılarıyla

Genel Bakış ​

Tasarımcı doğrudan Create / Edit Badge penceresinin içinde açılır. Üç bölümden oluşur:

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

Rozet ayrıntıları (Issuer, Name, Description, Criteria ve Share Text) doğrudan tuvalin altında yer alır; böylece tasarım ve kimlik bilgisi tek pencerede bir arada durur — ayrı bir adım yoktur.

Şablonla Başlama ​

Yerleşik tasarımlara göz atmak için rayda Templates'e tıklayın. Recognition ailesi, tam kompoze edilmiş profesyonel bir rozet sunar — şekilli bir çerçeve ile düzenlenebilir yer tutucu metinler (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 Blank canvas'ı kullanın.

Uygulamak için bir şablona tıklayın. Metinleri, değiştirebileceğiniz veya kaldırabileceğiniz normal, düzenlenebilir katmanlara dönüşür — hiçbir şey gömülü değildir.

Elements — Şekiller, Simgeler, Kurdeleler ve Arka Planlar ​

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

Elements paneli rozetinizin üzerine grafikler yerleştirir:

  • Lines — yatay / dikey çizgiler.
  • Shapes — dolu ve çerçeveli dikdörtgenler, yuvarlatılmış dikdörtgenler, daireler ve üçgenler.
  • Icons — aranabilir 70 resimli simge (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy ve çok daha fazlası).
  • Ribbons — Straight / Pointed / Tails / Decorative olarak gruplanmış 28 dekoratif kurdele bindirmesi.
  • Bases — kategorilere göre (daireler, kalkanlar, altıgenler, yıldızlar, madalyalar, mühürler, çelenkler, bannerlar, geometrik) 80 yeniden renklendirilebilir taban şekli.

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 içerir (şekil × palet kitaplığı). Birini uygulamak rozetin arka plan çerçevesini değiştirir, ancak metinleriniz ve öğeleriniz üstte kalır — kompoze edilmiş 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ı veya grafiğinizi eklemek için Uploads panelini kullanın. PNG, JPEG ve SVG biçimleri, 5 MB'a kadar kabul edilir. Görsel normal bir ön plan nesnesi olarak eklenir — tasarımın üstüne yerleşir ve arka planı asla silmez. Rozet arka planını değiştirmek için bunun yerine bir şablon veya 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.
  • Combinations — Certificate of Achievement, Awarded to veya Verify at gibi hazır diziler — her satır bağımsız olarak düzenlenebilir kalır.

Herhangi bir metin nesnesini seçtiğinizde tuvalin üstünde bağlamsal araç çubuğu belirir:

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

  • Font — Sans, Serif, Handwriting, Mono ve System olarak gruplanmış 50 yazı tipinden oluşan bir kitaplık. Açılır listeden birini seçin; her seçenek kendi yazı tipiyle önizlenir.
  • + Font — geçerli oturum için bir marka yazı tipi (TTF, WOFF, WOFF2, OTF) yükleyin.
  • Font size — − / + ayarlayıcısı (veya bir sayı yazarak) tutamaçları sürüklemeden seçili metni 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 sola / ortaya / sağa ve üste / ortaya / alta hizalar.

Dinamik Öznitelikler ​

Attributes paneli — alıcı başına çözümlenen dinamik belirteçler

Attributes paneli, , , , , , gibi dinamik belirteçleri metin nesneleri olarak ekler. Her belirteç veriliş anında alıcı başına çözümlenir; böylece tek bir tasarım, verdiğiniz herkes için kendini kişiselleştirir. Alıcının adını veya veriliş tarihini rozetin üzerine bu şekilde koyarsınız.

QR Kodları ​

QR Codes paneli, değerine bağlı taranabilir bir kod ekler. Verilen her kimlik bilgisinde bu kod, o kimlik bilgisinin 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 veya silin

Layers paneli tuval üzerindeki her nesneyi listeler. Buradan her katmanı yeniden sıralayabilir (öne getir / arkaya gönder), gizleyebilir/gösterebilir, seçebilir ve silebilirsiniz. Arka plan çerçevesi en alta sabitlenir ve etkileşimsiz kalır; böylece tüm tıklamaları ön plan öğeleri alır.

Geri Al / Yinele (Ctrl+Z / Ctrl+Shift+Z) son 20 değişiklik arasında gezinir ve bir nesneyi tuval merkezine yaklaştırdığınızda kesikli yapışma kılavuzları görünür.

Rozeti Kaydetme ​

Tamamlanmış rozet ve doldurulmuş ayrıntıları — oluşturmaya veya 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 PNG olarak yakalar, görsel CDN'imize yükler (Amazon S3, değiştirilemez, içerik adreslemeli bir URL altında sunulur) ve rozeti düzenlenebilir tasarımıyla birlikte kaydeder — böylece rozeti yeniden açtığınızda ayrı katmanlarınız daha fazla düzenleme için geri yüklenir.
  • Save Draft, devam eden bir rozeti sunucu tarafında saklar (cihazlar arası). Taslaklar Badges listenizde Draft işaretiyle görünür ve bunlardan herhangi birine daha sonra devam edebilirsiniz.

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

  • Sade tutun — net metin, asgari karmaşa. Rozetler çoğu zaman küçük gösterilir.
  • Yüksek kontrast kullanın — metni arka plana karşı okunabilir yapın.
  • Kimlik bilgisini adlandırın — görüntüleyenler bir bakışta anlayabilmeli.
  • Kare biçim — rozetler kare olduğunda en iyi görüntülenir.
  • Marka tutarlılığı — kuruluşunuzun renklerini ve yazı tiplerini rozetler arasında yeniden kullanın.
  • Yeniden kullanılabilir tasarımları kaydedin — oluşturduğunuz her rozet aynı zamanda bir hesap şablonu olarak kaydedilir ve bir sonraki sefer buradan başlayabilirsiniz (bkz. My Templates).

badges.ninja Documentation