106.9K+İndir
Kullanım kılavuzuna geç
Color Motionyazan iart-ai

Color Motion Skill'i.

Hareketli paletler, algısal renk geçişleri ve tutarlı dışa aktarımlar tasarlayın.

  • Renk sistemleri
  • Hareket yönetimi
OpenDesign İndirKullanım Kılavuzunu Görüntüle
Kaynak incelemesi · color-motionSKILL.md
Görev Hareketli paletler, algısal renk geçişleri ve tutarlı dışa aktarımlar tasarlayın. Çıktılar Açık renk değerleri ve rol atamaları olan bir palet. Başlamadan önce Kaynağın oynatıcı ve dışa aktarım önerileri, kurulu yazılımda ve gerçek hedef tarayıcıda yine de doğrulanmalıdır.
Editoryal özet · kaynak inceleme tarihi 2026-11-02 · oluşturulmuş bir örnek değildir

01 İşlevler

Hareketli paletler, algısal renk geçişleri ve tutarlı dışa aktarımlar tasarlayın

OKLCH ve Lab interpolasyonunu, animasyonlu gradyanları, renk düzenleme sırasını ve önizleme ile dışa aktarım arasındaki renk değişimlerini inceleyin.

Kaynağa dayalı iş akışıÇalıştırma kıyaslaması değildir

Çalışma Yaklaşımı

color-motion, hareketli bir çalışmanın renk kararlarını ele alır: palet oluşturma, gradyan geçişleri, atmosferi belirleyen renk düzenlemesi ve render tutarlılığı. Açık değerleri olan ölçülü bir palet önerir; interpolasyon tasarlarken OKLCH veya Lab gibi algısal renk uzayları kullanır.

Web işleri için kaynak, tek animasyon sürücüsü ve dondurulmuş kare incelemesi olan bağımsız bir HTML çıktısı tanımlar. Video için renk yönetimi tanılamasına yönlendirir. Soluk görünen dışa aktarımda, çalışma yeniden renklendirilmeden önce çalışma renk uzayı, gömülü etiketler ve oynatma sırasındaki yorumlama araştırılmalıdır.

Beklenen Çıktılar

  • Açık renk değerleri ve rol atamaları olan bir palet.
  • Tarayıcıda görüntülenebilen örnekte gradyan veya geçiş kodu.
  • Seçilen video iş akışına yönelik renk düzenleme veya renk yönetimi kontrol listesi.
Örnek Brief'i Gör

Brifden İncelemeye

  1. 01
    Renk rollerini atayın

    Brief'e uygun bir ana renk, vurgu ve nötrler seçin. Hiyerarşi ve kontrast gereksinimlerini dekoratif çeşitlilikten ayırın.

  2. 02
    Geçiş yolunu oluşturun

    Algısal bir uzayda interpolasyon tasarlayın ve tek animasyon sürücüsü seçin. İki uç rengin yanında orta noktayı da inceleyin.

  3. 03
    Teslim edilen görünümü kontrol edin

    Temsilî web karelerini dondurun veya render edilmiş videonun etiketlerini ve görünümünü hedef oynatma ortamında karşılaştırın. Teslimden önce bantlaşmayı ve parlaklık kaymalarını araştırın.

02 Kullanım Alanları

Ne zaman kullanılır

Kaynağın oynatıcı ve dışa aktarım önerileri, kurulu yazılımda ve gerçek hedef tarayıcıda yine de doğrulanmalıdır.

İyi Bir Uyum

  • Gradyan ortada kirli görünüyorsaSkill yalnızca uç renk örneklerine değil, renkler arasındaki yola odaklanır.
  • Dışa aktarım önizlemeden farklıysaRenk işleme hattını ve oynatıcı varsayımlarını incelemek için tanılama yolunu kullanın.

Kontrol Edilecek Sınırlar

  • Renk davranışı ortama göre değişirKaynağın oynatıcı ve dışa aktarım önerileri, kurulu yazılımda ve gerçek hedef tarayıcıda yine de doğrulanmalıdır.
  • Palet erişilebilirliği kanıtlamazMetin ve kontroller, animasyonlu arka planlar dâhil render edilmiş durumlarında kontrol edilmelidir.

Bu Girdileri Getirin

  • Marka renkleriOnaylı değerleri ve palet kısıtlarını sağlayın.
  • Hareket hedefiGradyanı, durum değişimini veya video renk düzenlemesini ve süresini açıklayın.
  • Teslim ortamıTarayıcıyı veya video oynatıcıyı, dışa aktarım ayarlarını ve sorun gideriyorsanız gözlenen farkı belirtin.

03 Önemli Kararlar

Önemli kararlar

  1. Açık interpolasyon

    Renk uzayını adlandırmak orta noktayı bilinçli bir tercihe dönüştürür.

  2. İncelenebilir hareket

    Başlangıç, orta ve son görüntüler bantlaşmayı veya okunaksız birleşimleri ortaya çıkarır.

  3. Ayrıştırılmış tanılama

    Etiket ve oynatma kontrolleri, render hattı sorununu tasarım kararından ayırmaya yardımcı olur.

04 Örnek Görev Tanımı

Odaklı bir brief deneyin

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

Kaynağı ve kurulumu inceleyin

Onaylı değerleri ve palet kısıtlarını sağlayın.

Üst Kaynak Dosyası
https://github.com/iart-ai/motion-design-skills/blob/3c129f769d90a1328c209c386492333c9ac62312/skills/color-motion/SKILL.md

Aşağıdaki referans, özgün talimatları açar. Kullanmadan önce depo kurulumunu inceleyin; bu bir kurulum komutu değildir.

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
Sağladığımız lacivert ve kehribar marka renklerinden ölçülü animasyonlu bir arka plan oluşturmak için color-motion kullan. Nötr renkte okunaklı metin ve yavaş tek gradyan döngüsü içeren bağımsız HTML örneği teslim et. Paleti hex ve OKLCH ile belirt, geçişin orta noktasında mat veya kirli renkleri incele ve azaltılmış hareket için durağan bir durum ekle. Her ayardan sonra aynı başlangıç, orta ve son anları yakala. İkinci bir animasyon sürücüsü ekleme. Tarayıcı davranışı amaçlanan interpolasyondan farklıysa sınırlamayı açıkla ve kontrol edilen tüm durumlarda metni okunaklı tut.

Sonucu inceleyin

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

  • Uç ve orta renkleri, bantlaşmayı ve metin kontrastını inceleyin.
  • Animasyonu tek saatin yönettiğini ve dondurulmuş karelerin tekrarlandığını doğrulayın.
  • Durağan azaltılmış hareket sunumunu ve gerçek teslim ortamını test edin.

OpenDesign, kodlama ajanları için yerel bir tasarım çalışma alanı sağlar. Bu listeleme, 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.

OpenDesign İndirHızlı Başlangıcı Oku

05 Kaynak ve Lisans

Kaynak ve lisans

Bu sayfa, aşağıda bağlantısı verilen sabitlenmiş kaynak revizyonunu açıklar. Upstream davranışı ve gereksinimleri değişebilir.

Kaynak Sahibi
iart-ai
Depo
iart-ai/motion-design-skills
Skill Dosyası
SKILL.md
Lisans
MIT
İncelenen Sürüm
2026-11-02 · 3c129f769d90
Editoryal Kaynak Özeti
Hareketli paletler, algısal renk geçişleri ve tutarlı dışa aktarımlar tasarlayın.

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

06 Başlamadan Önce Sorular

Başlamadan önce sorular

Orta nokta neden önemlidir?

İki çekici uç renk, istenmeyen mat bir bölgeden geçebilir. Skill, interpolasyon uzayını ve ara kareleri tasarımın parçası yapar.

Yalnızca web gradyanları için mi geçerlidir?

Hayır. Kaynak, ayrı referanslarla renk düzenleme sırasını ve videoda renk yönetimi tanılamasını da kapsar.

Soluk dışa aktarımı hemen yeniden renklendirmeli miyim?

Kaynak önce çalışma renk uzayını, gömülü renk etiketlerini ve oynatma yolunu kontrol etmeyi önerir. İşleme hattındaki uyumsuzluk, çalışmada hata olmadan görünümü değiştirebilir.

OpenDesign

Brief'inizi ve tasarım çalışmanızı bir arada tutun.

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.

OpenDesign İndirTasarım Skill'lerine Göz At
Üst Kaynak Dosyası
https://github.com/iart-ai/motion-design-skills/blob/3c129f769d90a1328c209c386492333c9ac62312/skills/color-motion/SKILL.md