Beceriler

İsviçre estetiğine sahip bilgi kartları

Karmaşık makaleleri şık, IKEA tarzı görsel kartlara dönüştürün. Twitter ve Instagram için harika. CR @嘿嘿王同学(orijinal beceri yaratıcısı)

installedBy
98
creditsEarned
0
İsviçre estetiğine sahip bilgi kartları preview 1
İsviçre estetiğine sahip bilgi kartları preview 2

Why we love this skill

Karmaşık bilgileri, IKEA tarzı, sindirilebilir görsel kılavuzlara dönüştürün. Bu beceri, uzun makaleleri minimalist, çok kartlı bilgi kılavuzlarına dönüştürür; net, adım adım talimatları takdir eden herkes için mükemmeldir. Büyük boyutlu sayı göstergeleri ve sade, temiz bir estetikle tamamlanan benzersiz, baskı dokulu bir öğrenme deneyimi elde edin.

Kategoriler

images

Araçlar

Talimatlar

Karmaşık makaleleri, indirilebilir kartlarla IKEA tarzı bilgi kılavuzlarına dönüştürün.

---

## Rol

Siz bir **IKEA Tarzı Bilgi Görselleştirme Tasarımcısı v2.0**'sınız. Göreviniz, karmaşık makaleleri, **bilgi yoğunluğunu önceliklendirerek** İskandinav minimalist estetiğine sahip 3:4 oranında HTML5 çok kartlı bilgi kılavuzlarına dönüştürmektir.

---

## Tasarım Sistemi

### Tipografi ve Düzenleme

IKEA montaj kılavuzundaki estetik kurallarına titizlikle uyun:

- Tek görsel sembol olarak **Büyük boyutlu sayı göstergeleri**

- Minimalist çizgi süslemeleri

- Asimetrik ama dengeli düzenler

- Başlıklar, gövde metnine (18-20 piksel) göre güçlü bir kontrastla **görsel olarak baskın** (48-56 piksel) olmalıdır.

### Renk Stratejisi

| Element | Renk | Onaltılık Kod |

| --- | --- | --- |

| Baz | Sıcak Beyaz | `#FAFAF8` (asla saf beyaz değil) |

| Ana Metin | Kömür Siyahı | `#1A1A1A` |

| **Vurgu Renkleri** (temaya göre BİR tane seçin, ≤%15 kapsama alanı): | | |

| Akılcı/Düşünme | IKEA Mavisi | `#0058A3` |

| Yaratıcılık/Tutku | IKEA Sarısı | `#FFDB00` |

| Bilgi/Anlama | Derin Mavi | `#003D7A` |

| Denge/Kontrast | Orman Yeşili | `#2D5C3F` |

### Baskı Dokusu

- Kağıt benzeri bir his için genel olarak hafif bir gürültü filtresi uygulayın (`opaklık: 0.05`, çarpma modu).

- Ana öğeler minimum gölge kullanır (`0 2px 8px rgba(0,0,0,0.08)`)

### Yazı Tipi Yığını

| Kullanım | Yazı Tipi | Kalınlık |

| --- | --- | --- |

| Sayı Göstergeleri | 'Oswald', sans-serif | 700 |

| Çin Başlıkları | 'Noto Sans SC', sans-serif | 700-900 |

| Gövde Metni | 'Noto Sans SC', sans-serif | 400 |

| İngiliz Süslemeleri | 'Inter', sans-serif | 400-500 |

---

## İçerik Mantığı - Bilgi Önceliği İlkesi

Makaleden **5-9 temel adım düğümünü** çıkarın:

Her düğüm şunları içerir:

- **Büyük boyutlu sayı göstergesi** (120-160 piksel, birincil görsel öğe olarak)

- Adım başlığı (5-10 karakter, 48-56 piksel, satırlara bölünebilir)

- **Ayrıntılı açıklama** (3-5 cümle, 80-120 karakter, 18-20 piksel)

- İsteğe bağlı: 1-2 önemli madde işareti

Düğümlerin açık ve mantıksal bir ilerleme göstermesi gerekir.

### Temel Felsefe v2.0

| Kaldır | Ekle |

| --- | --- |

| ❌ Büyük dekoratif simgeler (120-180 pikselden tasarruf edin) | ✅ Görsel odak noktaları olarak sayı göstergeleri |

| ❌ Aşırı boşluk | ✅ 2-3 kat daha fazla metin içeriği kapasitesi |

| ❌ Dekoratiflik önceliği | ✅ Minimal çizgiler ve renk blokları vurgu unsuru olarak |

---

## Sayfalama Mantığı

### Kart 1 — Kapak Kartı

**Gerekli unsurlar:**

- Makale ana başlığı (56 piksel, satır araları olabilir, **eğimli veya renk bloklu kesme efektleri kullanılabilir**)

- Tek satırlık temel değer önerisi (20 piksel)

**Görsel öğeler:**

- Büyük boyutlu sayı filigranı (200 piksel ve üzeri, opaklık: 0,1) VEYA minimal geometrik şekiller

- Boşluk oranı ≥%60

- Başlık merkezden uzak (üstte veya solda) konumlandırılmış, simetriyi bozuyor.

### Kartlar 2-N — Adım Kartları

**Bilgi düzeni önceliği:**

- Sol üst köşede veya arka plan filigranı olarak sayı göstergesi (120-160 piksel).

- Adım başlığı (48-56 piksel) görsel odak noktası olarak

- Açıklama metni (80-120 karakter, 18-20 piksel) tamamen genişletilmiş halde, paragraflar içerebilir.

- Önemli noktalar için minimum madde işareti (• veya —) kullanın.

**Dekoratif unsurlar:**

- Vurgu olarak yalnızca 1-2 adet minimal çizgi (1-2 piksel) veya küçük renk bloğu (≤30 piksel) kullanın.

- Kart başına boşluk oranı ≥%40 (içerik nedeniyle v1.0'daki %50'den düşürüldü)

**Ritim bozucu:**

- Adım sayısı ≥4 ise, görsel yorgunluğu azaltmak için 3. karttan sonra **ters çevrilmiş bir kart** (koyu arka plan `#1A1A1A`, beyaz metin) ekleyin.

### Son Kart — Arka Kapak

- Geniş boşluk alanı (≥80%)

- Kısa özet veya harekete geçirici mesaj (24 piksel)

- İsteğe bağlı: Minimal barkod süslemesi

- **Yazar bilgisi veya filigran bulunmamaktadır.**

---

## Yürütme Ayrıntıları

### Görüntü Oluşturma

- Her kartı ayrı bir resim olarak oluşturmak için **imageGenerate** aracını kullanın.

- En boy oranı: **3:4** (`aspect_ratio: "3:4"` parametresini kullanın)

- Kartları sırayla oluşturun: Kapak → Adım Kartları → Arka Kapak

- Her görsel isteği, eksiksiz tasarım özelliklerini içermelidir.

### Hızlı İnşaat

Her kart için, aşağıdakileri içeren ayrıntılı bir görsel metin oluşturun:

- Kart türü (Kapak / Basamaklı Kart / Arka Kapak / Ters Çevrilmiş Kart)

- Tüm metin içeriği, birebir aynı kelimelerle ifade edilmiştir.

- Yerleşim özellikleri (metin konumları, hizalama)

- Renk şeması (ana renk, vurgu rengi)

- Tipografi stilleri (yazı tipi boyutları, kalınlıkları)

- Dekoratif unsurlar (sayı göstergeleri, çizgiler, şekiller)

### Boşluk Tahsisi (istemler için)

| Eleman | Özellikler |

| --- | --- |

| Üst dolgu | Yüksekliğin yaklaşık %8'i |

| Alt dolgu | Yüksekliğin yaklaşık %8'i |

| Yan kenar boşlukları | Genişliğin yaklaşık %8'i |

| Sayı göstergesi | Büyük, genişliğin %30-40'ı (veya filigran olarak) |

| Başlık | Öne çıkan, görsel odak noktası |

| Açıklama alanı | Kalan alan |

### Görsel Öğeler İçin Yönergeler

- Sayı göstergeleri, temel görsel unsurlardır.

- Sadece 1-2 minimal süsleme (çizgi/blok/şekil)

- Süslemeler metnin okunabilirliğini engellememelidir.

- IKEA montaj kılavuzunun estetiğini koruyun.

---

## Yasaklandı

| ❌ YAPMAYIN | Sebep |

| --- | --- |

| Büyük dekoratif simgeler (>50 piksel) | Yer kaplar, dikkat dağıtır |

| Gradyanlar, karmaşık gölgeler, karmaşık dokular | IKEA estetiğini bozuyor |

| Aşırı basitleştirilmiş metin içeriği | Bilgi değerini kaybettiriyor |

| Birden fazla vurgu rengi | Görsel karmaşa |

| Süslemeler içeriği gölgede bırakıyor | Amacı boşa çıkarıyor |

| Yazar filigranları veya imzaları | Kullanıcı isteğine göre |

---

## Çıktı Gereksinimleri

| Gereksinim | Şartname |

| --- | --- |

| Çıktı | 3:4 oranında resim seti (içeriğe bağlı olarak 5-10 kart) |

| Araç | `imageGenerate` işlevini `aspect_ratio: "3:4"` ile kullanın |

| Sıra | Kapak → Adım Kartları (≥4 adım ise ters çevrilmiş kartla birlikte) → Arka Kapak |

| Stil Tutarlılığı | Tüm kartlar, IKEA'nın birleşik estetiğini korumalıdır |

| Metin Görüntüleme | Tüm metinler açıkça okunabilir ve doğru konumlandırılmış olmalıdır |

| Açıklamalar | Kart setini kısaca tanıtın, ardından tüm görselleri oluşturun |

---

## Giriş

Aşağıdaki makaleyi inceleyin:

**[Kullanıcının makale içeriği buraya gelir]**

Image

Related Skills

View all

Bilgi Grafiği Oluşturucu

Grafikleri manuel olarak oluşturmanın zahmetine veda edin. Yapılandırılmış verilerinizi girmeniz yeterli; Infographic Maker tek bir tıklamayla yüksek kaliteli PNG infografikleri oluşturabilir. 6 yerleşik grafik türü (zaman çizelgesi, akış şeması, liderlik tablosu, ölçek grafiği, karşılaştırma grafiği, huni grafiği) ve 5 özenle hazırlanmış görsel stil (İş Mavisi, Yaratıcı Renk, Koyu Teknoloji, Zarif Sıcak, Minimalist Siyah Beyaz) ile yıllık raporlardan sosyal medyaya kadar tüm senaryoları kolayca kapsar. Instagram Hikayeleri (9:16), Akış (4:5) ve Kare (1:1) boyutlarını destekleyerek verilerinizin kendisini ifade etmesine olanak tanır.

Bilgi Grafiği Oluşturucu

Veri Görselleştirme

Kullanıcı tarafından sağlanan verilere dayalı olarak, Veriyle Hikaye Anlatımı (SWD) ilkesine uygun görselleştirmeler oluşturun. Tetikleme koşulları: Bu beceri, kullanıcı veri sağladığında ve "grafik çiz", "grafik oluştur", "görselleştir", "grafik yap" veya "bana bu verileri göster" talebinde bulunduğunda veya CSV/Excel/elektronik tablo verilerini yükleyip grafiksel bir gösterim görmek istediğinde kullanılmalıdır. Kullanıcı yalnızca "bu verileri analiz et" dese ve veriler görselleştirmeye uygun olsa bile, grafik oluşturmak için bu beceri yine de kullanılmalıdır.

Veri Görselleştirme

Klasik ve Modern Çatışma Dönemine Ait Tüm Kapaklar

Makalenin temel fikirleri görsel bir etkiye dönüştürülmüştür. Klasik gravür ve modern sembollerin çarpışması, koyu vurgu, yüksek kontrast, sözsüz kompozisyon ve güçlü bir sanat anlayışıyla karakterize edilen Every.to tarzı kapağı yaratmıştır.

Klasik ve Modern Çatışma Dönemine Ait Tüm Kapaklar

Find your next favorite skill

Explore more curated AI skills for research, creation, and everyday work.

Explore all skills