Büyük Güncelleme: 10 Yıllık Tasarım Deneyimim PPT Becerilerine Dönüştü

Geçen sefer guizang-ppt-skill'i (github.com/op7418/guizang-ppt-skill) açık kaynak olarak yayınladıktan sonra herkes çok sevdi ve sadece birkaç hafta içinde 6.000'in üzerinde GitHub Yıldızına ulaştı. Hatta oldukça popüler olan açık kaynak Claude Design'da referans gösterildi ve dahil edildi.

Bu PPT Skill ileti Beceri PPT Skill ile oluşturulmuş slaytları çevrimiçi ve çevrimdışı birçok yerde gördüm.

Yayından sonra arkadan en sık aldığım sorular şunlardı:

"Daha fazla stil olabilir mi?"

"İllüstrasyonlar konusunda da bana yardımcı olur musun?"

"Diğer platformlar için PPT kapa kapağını yeniden çizmek zorunda mıyım?"

Kendim kullanırken notlar aldım ve iki hafta boyunca biriktirdim. Bu sefer tüm bu eksiklikleri aynı anda gideriyorum.

Neler Güncellendi

Yepyeni bir görsel stil eklendi, illüstrasyon yetenekleri doğrudan Codex'e bağlandı ve PPT dışındaki platformlar için kapaklar artık kolayca kapaklar yapılabiliyor.

Spesifik olarak üç şey:

• Stil B eklendi: İsviçre Uluslararasıcılığı. Her yazsız yazı tipi, tek bir yüksek doygunlukta ana renk ve öncelikli olarak ızgara.
• Codex, GPT-Image 2.0 ile entegre edildi. Tonla uyumlu illüstrasyonlar doğrudan oluşturulabiliyor; film dokulu portreler, akış akış şemaları ve güzelleştirilmiş UI ekran görüntüleri dahil.
• Çoklu platform kapak oluşturma. Aynı içerikle Xiaohongshu, WeChat Resmi Hesabı, Video Hesabı ve daha fazlası için kapaklar oluşturulabiliyor.

Yeni Stili Tetikleme

Kurulumdan sonra Claude veya Codex'e şunu söyleyin: "Bana İsviçre tarzı bir PPT yap."

Eğer zaten kurduysanız, AI'nıza şunu da söyleyebilirsiniz: "guizang-ppt-skill'i güncellememe yardım et."

Size şu dört temadan hangisini seçtiğinizi soracaktır:

• International Klein Blue (IKB (IKB): Evrensel, iş lansmanları, AI ürünleri; varsayılan öneri.
• Limon Sarısı: Genç, spor, perakende, Y2K retro.
• Limon Yeşili: Ekoloji, sürdürülebilirlik, Z kuşağı markalaşması.
• Güvenlik Turuncusu: Uyarı, haber, yüksek enerjili temalar.

Önceki gibi, özel hex kodları kabul edilmiyor.

Bu kuralı özellikle SKILL.md dosyasının katı kısıtlamalarına yazdım. Sebebini önceki yazıda açıklamıştım, tekrar etmeyeceğim.

En Sık Kullanılan Düzenler

İsviçre stili, kapaklar, bölümler, veriler, karşılaştırmalar ve kapanışları kapsayan, kullanıma hazır 22 adlandırılmış düzenle birlikte gelir.

İşte en tanınabilir altı tanesi:

Kapak. Sol yarıda IKB arka planı üzerinde büyük beyaz bir metin satırı, sağ yarıda ise meta bilgileriyle birlikte beyaz alan. İlk sayfa için neredeyse zorunulmaz.

Bildirim. Tek bir cümle 9.6vw yer kaplar; sayfada sadece bu ve küçük bir alt bilgi metni satırı bulunur. Bölüşlüklerini başlatmak veya temel argümanları ortaya atmak için uygundur.

KPI Kulesi. Verilerle belirlenen yüksekliklerde dört düz renkli sütun ve altlarında bir kategori satırı. Kâr marjı katmanlaması, fiyat seviyeleri ve dönüşüm hunileri gibi boylamsal sayısal karşılaştırmalar tek bakışta anlaşılabilir.

Döngü Diyagramı. Eş merkezli halkalar üzerinde dağıtılmış numaralandırılmış adımlar, bir daire şeklinde kapanır. Kendi kendine öğrenme döngüleri, Ajan otomasyon döngüleri ve ürün geri bildirim çarklarını açıklamak için uygundur.

İkili Karşılaştırma. İnce bir merkezı çizgi ve her iki yanında birer metin ve veri seti. Eski sistem vs. yeni çözüm, geleneksel vs. AI veya Öncesi vs. Sonrası için kullanın.

Kapanış Manifestosu. Sol yarıda IKB beyaz üzerine mavi bir manifesto, sağ yarıda ise parçayı sonlandırmak için üç çıkarım. Deck'in son sayfası için önerilir; kapakla bir renk döngüsü oluşturmak için kapakla uyum sağlar.

Diğerleri arasında yatay zaman çizelgeleri, Üç Güç karşılaşması, Sistem Diyagramı hiyerarşisi, Neden Şimdi argüman desteği, Teknik Özellikler ürün belirtimleri, KPI'lı Görsel Vaka çalışmaları ve daha fazlası yer alır.

Her biri tipik bir içerik biçimine karşılık gelir. "Bir sektör sıralaması yapmak istiyorum" veya "Bir ürün karşılaştırması yapmak istiyorum" dediğinizde, AI bu 22 daha önceden bu 22 düzen arasından en uygun olanı seçecektir; isimlerini ezberlemenize gerek yok.

Temayı seçtikten sonraki süreki süreç önceki sürümle aynıdır: 6 netleştirme sorusu, ardından taslak ve ritim tablosu ve son olarak mutabakat sonrası kod.

GPT-Image 2.0'ın Görseller Konusunda Size Yardımcı Olmasına İzin Verin

Codex ortamında kullanırsanız, PPT yazıldıktan sonra aktif olarak şunu soracaktır: "Bu PPT için bazı illüstrasyonlar oluşturmak ister misiniz?"

İhtiyacınız varsa, seçilen PPT stile ve içeriğe göre otomatik olarak uygun türde illüstrasyon oluşturacaktır:

İnsancıl belgesel fotoğraflar (film dokusu), bilgi grafikleri (süreçler, karşılaştırmalar, sistem ilişkileri), ekran görüntüsü yeniden tasarımları (orijinal görsellerinizi PPT oranlarına göre yeniden yapma), veri posterleri, akış şemaları ve sistem ilişki diyagramları.

Oluşturulan görseller, mevcut deck'inizin stiline ve tema rengine otomatik olarak uyum sağlayacaktır.

Detaylar:

• Dijital Dergi stili için bilgi grafikleri e-mürekk tonunu takip eder: ağırlıkla siyah, beyaz ve gri, birkaç düşük doygunlukta vurgu rengi, ince çizgiler, ızgaralar ve ölçülü beyaz alan.
• İsviçre stili için bilgi grafikleri İsviçre modernizmi tonunu takip eder: Helvetica/Inter hissi veren yazısız kısa etiketler, 12/16 sütunlu ızgaralar ve dik açılar.
• **IKB Mavi'yi seçerseniz, oluşturulan görsellerde IKB Mavisi tek vurgu tek vurgu rengi olarak kullanılır. Limon Sarısı, Limon Yeşili veya Güvenlik Turuncusu seçerseniz de aynı şey geçerlidir.
• **Metin dili deck'i takip eder; Çince deck'lerde Çince etiketler, İngilizce deck'lerde İngilizce etiketler kullanılır.
• **Oluşturulan görsellerde PPT kabuğu bulunmaz; başlık, alt bilgi, sayfa numarası, imza veya dekoratif kenarlık olmaz.

Bu detay, tüm deck'in görsel tutarlılığı konusunda endişelenmemenizi sağlar.

PPT'nin IKB Mavi olduğu ancak illüstrasyonun yeşil olduğu bir kopukluk yaşamazsınız ve PPT'yi yazarken GPT-Image için istemler ayarlamak zorunda kalmazsınız.

Araçlar arasındaki görsel sürüklenme, son iki yıldır AI kullanarak içerik üretirken en çok mücadele ettiğim gizli maliyetti. Bunu Skill katmanında çözmek, kullanıcının endişelenmesi gereken bir şeyi azaltır.

Platform Kapakları Yapmasına İzin Verin

PPT bittikten sonra, yayınlamadan önce her zaman üç biçimi halletmeniz çözmeniz gerekir: WeChat Resmi Hesabı 21:9 başlık resmi, Xiaohongshu 3:4 dikey görseli ve Video Hesabı yatay kapağı.

Sadece şunu söyleyin: "Bu PPT'nin temel noktalarına dayanarak, bana 3:4 bir Xiaohongshu kapağı ver" veya "Bana 21:9 bir WeChat başlık resmi ver." AI, Skill'in görsel kurallarına (aynı tema rengi, aynı yazı yazı tipi, tek odak kuralı) göre görseller oluşturacaktır.

Toplu işlem de mümkündür. Xiaohongshu'nun atlıkarınca mekanizmi için, "tek seferde 6 görsel, birleşik stil, tutarlı yazı boyutu ve farklı düzenler" üretmesini isteyebilirsiniz.

WeChat özeldir; başlık resmi 21:9'dur, ancak paylaşım kartı 1:1 kare bir görsel kullanır ve ikisinin görsel süreklilik göstermesi gerekir.

Bunu yapmanın yolu, iki kez oluşturmak ancak aynı renk setini ve metni kullanmaktır:

• İlk 21:9 ana başlık resminde sol tarafta ana başlık, sağ tarafta görsel bir odak noktası bulunur.
• İkinci 1:1 kare görsel, paylaşım kartının görsel bir uzantısı olarak hizmet eder ve ana öğeler başlık resmiyle uyum sağlar.

En sık kullandığım iki düzen: düz arka plan + dev metin + köşe tarihi veya solda görsel sağda metin olacak şekilde bölünmüş düzen.

Paylaşmaya Değer Birkaç Zeki Fikirler

Fikir 1: "AI hissini" kırmak için film dokusu kullanmak

"Tek başına bir ürün yapmak" hakkında bir paylaşım yazarken, "yalnız çalışma" duygusunu aktaran bir görsele ihtiyacınız var. Eskiden Unsplash'te yarım saat harcardınız veya bariz bir stok fotoğraf kullanırdınız. Artık sadece şunu söyleyin: "Gece bir kişinin gece geç saatte bir stüdyoda ekrana baktığı 16:10 belgesel fotoğrafı oluştur, doğal ışık, düşük doygunluk, hafif gren, Fujifilm dokusu."

Ortaya çıkan görsel ölçülü bir insan sıcaklığına sahiptir ve plastik gibi görünmez. Bu yargıyı references/image-prompts.md dosyasına yazdım. Film dokusu, GPT-Image 2.0'ın PPT illüstrasyonları için en büyük değeridir; görselden "AI tarafından oluştırılmış" etiketini kaldırır.

Fikir 2: Garip oranlara sahip ekran görüntülerini yeniden yapmak

Birçok içerikçinin ham ekran görüntüleri vardır: ürün arayüzleri, arka uç sayfaları, veri panoları, hepsi farklı oranlarda ve tutarsız beyaz alanlara sahiptir. Bunları bir PPT'ye koymak görsel akışı bozar. Artık orijinal görseli Codex'e atmanın yeterli: "16:10'da yeniden yap, tüm UI öğelerini koru, biraz gerçek çalışma ortamı ekle, orta yoğunlukta."

PPT standartlarına uygun, tüm önemli bilgileri bozulmamış ve mükemmel olarak birleşik oranlar ve beyaz alanlara sahip bir görseli yeniden oluşturacaktır. Bu, ürün inceleme içerikleri için özellikle kullanışlıdır.

Fikir 3: AI görselleri PPT şablonlarıyla "sarmak"

Bu, kendimin test ettiği bir kullanım şeklidir. Bir GPT-Image 2.0 görseli tek başına gönderilirse, AI algılama araçları bunu büyük olasılıkla işaretleyecektir. Bu, sosyal medyada öneri ağırlıklarını etkileyebilir. Ancak bu görseli bir PPT şablonuna koyup ardından tamamının ekran görüntüsünü alırsanızda, sonuç tamamen farklı olur. Bu, AI tarafından oluşturulan malzemini eksiksiz bir çalışma haline getirir ve insan getirir ve insan izleri ekler. Yine de taslağınızın gerçeklerine dayanan bir ifadedir, kurgu değildir, sadece algoritmalar tarafından yanlış tanınmaktan kaçınır.

Neden İyi Görünüyor

Son olarak, tasarım felsefesinden bahsedelim. Bu İsviçre stilinin görsel kuralları nereden geldi?

Massimo Vignelli ve Helvetica Forever gibi görsel dayanaklar verdim - New York Metrosu sistemi, Unimark ve Müller-Brockmann'dan gelen İsviçre Uluslararasıcılık geleneği.

Helvetica Forever kitabını açtıysanız veya Vignelli'nin NY metrosu için yaptığı 1970 işaretleme sistemini gördüyseniz, bu dili tanırsınız. İki stili karşılaştırın, fark hemen bellidir:

Basitçe söylemek gerekirse: Stil A hikaye anlatmak içindir; Stil B gerçekleri belirtmek içindir.

7 Tasarım Disiplini

İsviçre stilinin görsel kuralları aslında sadece yedi noktadır ve her biri yüz yıl öncesinin endüstri standardıdır. Ben sadece AI'nın uygulaması için Skill'e yazdım.

1. Tek Vurgu Rengi. Bir deck'te yalnızca bir vurgu rengine izin verilir. Maviyse, sadece mavidir. Mavi-sarı kolaj yok. Bu, İsviçre stilinin ruhudur. "Az çoktur" sadece bir şey ifade eder" sadece bir slogan değildir; kodda katı bir kural olarak yazılmalıdır.

2. Uç Yazı Boyutu Kontrastı. Ana başlığın gövde metnine oranı en az 8:1'dir. Kapaktaki dev manifesto min(11.6vw, 19vh) kullanırken, gövde metni 1.1vw kullanır. Görsel gerilim bu kontrastla oluşturulur, dekorasyonla değil.

3. Metin Büyüdükçe İnceldir, O Kadar İnce. Ana başlıklar font-weight 200 (ExtraLight) kullanır, 700, 800 veya 900 değil. İsviçre tarzı büyük metin, bir mimari çizimdeki ölçek gibidir; görülmeli ancak gürültü yapmamalıdır.

4. Dik Açılar ve Düz Renkler. border-radius, box-shadow ve linear-gradient kesilmiştir. Tüm renk blokları dik açılıdır ve tüm sınırlar 1px ince çizgilerdir. Sert görünür, ancak her yerde gördüğünüz "tüketici uygulaması hissi" veya "SaaS şablonu hissi" bu üç özelliğin kötüye kullanılmasından gelir.

5. Izgara Üstünlüğü. 16px boşluklu 16 sütunlu bir ızgara. Tüm öğeler ızgaraya yapışır, asimetrik estetik için sola hizalama ve geniş beyaz alan kullanır. Ortalama veya eşit dağıtım yok.

6. WebGL Arka Planları Yok. Stil A, nefes alan bir his için WebGL akışkanları kullanır; İsviçre stili bunu bilerek kaldırır. Saf beyaz onun arka planıdır; herhangi bir dinamik arka plan dikkat dağıtıcıdır.

Kapanış Düşünceleri

Bu güncellemenin özü bir soruyu yanıtlıyor: içerik oluşturmada insan-AI iş birliği zinciri ne kadar uzun?

Önceki açık kaynak sürümüyle "PPT yapma" kısmını tamamladım. Bu sefer, ön tarafa "illüstrasyon oluşturma" ve arkaya "çoklu platform kapakları" ekledim. Yeni bir stil ve yeni bir renk döngüsü ekleyerek tüm zinciri kapatıyorum. Taslak yazmaktan PPT, PPT, illüstrasyonlar, dışa aktarma ve farklı platformlarda yayınlamaya kadar - eskiden beş yazılım gerektiren şey artık tek bir konuşmada yapılabiliyor.

Piyasada bu kadar PPT Skill varken neden Usta Guizang'ın PPT Skill'i hala bu kadar çok kullanım ve ilgi görüyor?

AI her zaman işin yalnızca %70'ini yapabilir. Bu iki şablondaki her düzen, AI'nın üzerinde manuel ince ayar yaparak elde edildi. Başka bir deyişle, doğal dil kullanarak tasarım yapıyorum. AI çağında bile 90 puanlık içerik değerik değerli çıkarılamaz.

Skill, çevrimd