Kullanım kılavuzuna geç
Illustration Styleyazan Owl-Listener

Illustration Style Skill.

Sipariş edilen veya tekrar eden illüstrasyonlara ortak bir görsel dil ve arayüzde net bir görev kazandırın.

  • UX
  • Tasarım Rehberliği
Kaynak İncelemesi · Illustration StyleSKILL.md
Görev UX Çıktı • Bir illüstrasyon görsel dil rehberi • Palet, karakter ve yeniden kullanılabilir öğe kuralları • Bağlama özgü uygulama ve erişilebilirlik yönergeleri Başlamadan Önce Görsel referansları, ürün renklerini ve illüstrasyonların görüneceği ekranları ve boyutları inceleyebilen bir ajan.
Editoryal özet · incelenen kaynak 2026-10-07 · üretilmiş bir örnek değildir

01 İşlevler

Illustration Style: Görsel Dil Tanımlama

Bir illüstrasyon ailesinin görsel stilini, paletini, karakterlerini ve ürün ekranlarındaki kullanımını tanımlar.

Kaynağa dayalı iş akışıÇalıştırma karşılaştırması değildir

Çalışma Yaklaşımı

Illustration Style, bir illüstrasyon ailesinin nasıl görünmesi ve nerede yer alması gerektiğini belirler. Geometrik ve organik biçim, düz ve boyutlu uygulama, detay düzeyi, soyutlama ve çizgi stilini ele alır.

Kaynak, bu görsel dili ürün rengine, isteğe bağlı karakter kurallarına ve ana görsel, boş durum, ilk kullanım ve hata gibi farklı bağlamlara bağlar. Ayrıca yeniden kullanılabilir öğeler ve üretim yönergeleri ister. Bu bir sanat yönetimi şartnamesidir; görsel üreten bir model ya da hazır bir varlık paketi değildir.

Beklenen Çıktılar

  • Bir illüstrasyon görsel dil rehberi
  • Palet, karakter ve yeniden kullanılabilir öğe kuralları
  • Bağlama özgü uygulama ve erişilebilirlik yönergeleri
Örnek Brifi Gör

Brifden İncelemeye

  1. 01
    Stil Eksenlerini Tanımlayın

    Biçim, boyut, detay, soyutlama ve çizgi uygulamasını somut referanslarla seçin.

  2. 02
    Aile Kurallarını Belirleyin

    Paleti sınırlayın, gölge veya gradyanları tanımlayın ve karakter yönergesini yalnızca ilgili yerlerde ekleyin.

  3. 03
    Uygulamaları Eşleyin

    Ana görsel, nokta, boş durum ve diğer illüstrasyonların ölçek ve amaç bakımından nasıl farklılaştığını açıklayın.

02 Kullanım Alanları

Ne Zaman Kullanılır?

Bir seri sipariş etmeden önce veya mevcut ürün illüstrasyonlarının tutarlı bir görsel yöne ihtiyacı olduğunda kullanın.

Uygun Kullanım

  • Seri Sipariş EtmeKatkıda bulunanlara birbiriyle ilişkili çizimler üretmeleri için yeterli kısıtları verin.
  • Tutarsız Ürün GörselleriHer bağlamı aynı kompozisyona zorlamadan illüstrasyon ailelerini hizalayın.

Kontrol Edilecek Sınırlar

  • Görsel Üretici DeğildirBelgelenen çıktı yönergedir; bitmiş çizimler için ayrı bir üretim süreci gerekir.
  • İkon Standardı DeğildirKüçük sembolik arayüz ikonografisi için ayrı bir sistem şartnamesi vardır.

Bu Girdileri Getirin

  • Marka ReferanslarıÜrün renklerini ve kabul edilmiş görsel örnekleri sağlayın.
  • Uygulama EnvanteriÇizimlerin göründüğü yüzeyleri ve boyutları listeleyin.
  • İçerik İhtiyaçlarıKavramları, karakterleri ve temsil gereksinimlerini belirleyin.

03 Önemli Kararlar

Önemli Kararlar

  1. Çeşitlilikle Tutarlılık

    Ortak bir dil, aynı sahneyi tekrarlamadan birkaç illüstrasyon türünü destekleyebilir.

  2. Amaca Uygun Yerleşim

    Kullanım kuralları, illüstrasyonun ne zaman yardımcı olduğunu ve ne zaman gereksiz süslemeye dönüştüğünü açıklar.

04 Örnek Görev Tanımı

Odaklı Bir Brif Deneyin

Aşağıdaki örnek brif test edilmemiştir. Kullanmadan önce skill'in kurulumunu kontrol edin.

Kurulumu İnceleyin

Bu görevin SKILL.md dosyasını designer-skills deposundan ajanınızın desteklediği skill konumuna yükleyin. Giriş dosyası evrensel bir yükleyici komutu belirtmez.

Kaynak Skill Dosyası
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/ui-design/skills/illustration-style/SKILL.md

Onaylı görsel referansları ve illüstrasyonların yer alacağı yerleri sağlayın. Skill, bitmiş görseller değil sanat yönetimi yönergesi üretir.

Tek Bir Çıktıyla Başlayın

Skill'i çalıştırmadan önce bu brifteki kapsamı, kaynak materyali ve kısıtları uyarlayın.

Örnek Brif
İlk kullanım ve boş durum çizimlerimiz için bir rehber yazmak üzere illustration-style kullan. Şekil, boyut, detay, çizgi ve palet kurallarını tanımla; karakterlerin yer aldığı yerlerde koyu varyantları ve temsil yönergelerini ekle. Varlıkların üretildiğini iddia etmeden gösterim boyutu kontrollerini ve metin alternatiflerini belirt.

Sonucu İnceleyin

Gerçek çıktıyı bu gözlemlenebilir ölçütlere göre kontrol edin.

  • Stil kararları, başka bir illüstratörün uygulayabileceği kadar somuttur.
  • Her uygulama için boyut ve amaç yönergesi vardır.
  • Temel bilgi yalnızca görsellerle aktarılmaz.

OpenDesign, kodlama ajanları için yerel bir tasarım çalışma alanı sağlar. Bu liste, skill'in paketle birlikte geldiği veya harici araçlarının, kimlik bilgilerinin ve yazılım bağımlılıklarının dahil olduğu anlamına gelmez.

05 Kaynak ve Lisans

Kaynak ve Lisans

Bu sayfa, aşağıda bağlantısı verilen sabitlenmiş kaynak sürümünü açıklar. Kaynaktaki davranış ve gereksinimler değişebilir.

Kaynak Sahibi
Owl-Listener
Lisans
MIT
İncelenen Sürüm
2026-10-07 · 9a6930cf84a8
Editoryal Kaynak Özeti
Bir illüstrasyon ailesinin görsel stilini, paletini, karakterlerini ve ürün ekranlarındaki kullanımını tanımlar.

Bağlantısı verilen kaynağa dayanan, OpenDesign tarafından hazırlanmış özgün özet. Depo yıldızları tarihli bir popülerlik göstergesidir; skill kullanımı ya da kalite puanı değildir.

06 Başlamadan Önce Sorular

Başlamadan Önce Sorulacaklar

Bitmiş illüstrasyonlar üretir mi?

Hayır. Bir stil rehberi üretir; bitmiş illüstrasyonlar için ayrı bir üretim süreci gerekir.

Her stilde karakter kullanılmalı mı?

Hayır. Karakter kuralları açıkça koşulludur.

Ana görsel ve boş durum çizimleri aynı olmalı mı?

Aynı görsel dili paylaşabilir, ancak farklı ölçek ve iletişim gereksinimlerini izleyebilirler.

OpenDesign

Bir Sonraki Tasarım Yinelemesine Yer Açın.

Brifinizi, kaynak materyalinizi ve tasarım çalışmanızı yerel bir çalışma alanında bir arada tutun. İş akışınıza eklemeden önce skill'in kendi kurulumunu kontrol edin.

Kaynak Skill Dosyası
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/ui-design/skills/illustration-style/SKILL.md