Ön Yüz Estetiği Geliştirme
Talimatlar
Sıradan "yapay zeka çöplüğü" estetiğinden kaçının ve şaşırtıcı derecede benzersiz bir ön yüz oluşturun.
## Beş Temel Boyut
**1. Tipografi**
- ❌ Yasaklananlar: Inter, Roboto, Arial, Sistem Yazı Tipleri
- ✅ Seçin: Eşsiz, ayırt edici yazı tipleri
- ✅ Kombinasyon: Vitrin yazı tipi + Gövde yazı tipi, yüksek kontrast
- ✅ İpuçları: Aşırı yazı tipi kalınlığı kontrastı (100'e karşı 900), geniş yazı tipi boyutu aralığı (3x+)
**2. Renk ve Tema**
- ✅ CSS değişkenlerini kullanarak tutarlı bir estetik görünüm sağlayın.
- ✅ Baskın renk + canlı vurgu rengi
- ❌ Kaçının: Mor gradyan + beyaz arka plan
- ✅ İlham kaynağı: IDE temaları, kültürel estetik
**3. Hareket**
- ✅ CSS animasyonları önceliklidir (HTML)
- ✅ Hareket Kütüphanesi
- ✅ Yüksek Etkiye Odaklanın: Özenle Seçilmiş Sayfa Yüklemesi > Dağınık Mikro Etkileşimler
- ✅ Kaydırma tetikleyici, fareyle üzerine gelindiğinde sürpriz
**4. Mekansal Yerleşim**
- ✅ Asimetrik, üst üste binen, çapraz akış
- ✅ Izgarayı kırın, beyaz alanı cesurca kullanın VEYA kontrollü yoğunluk
**5. Arka Plan Bilgileri**
- ✅ Atmosfer ve derinlik yaratın
- ✅ Gradyan ağ, gürültü, geometrik desenler
- ✅ Katmanlı şeffaflık, çarpıcı gölgeler, dekoratif kenarlıklar
## Temel Prensipler
- Tekrarlayan benzerliklerden kaçınmak için her tasarım farklı olmalıdır.
- Karmaşıklığa uygun bir estetik vizyon elde etmek
Aşırı karmaşıklık titiz bir tasarım gerektirirken, minimalizm ise ölçülülük ve hassasiyet gerektirir.
- Geleneksel düşünce kalıplarından kurtulun ve gerçekten eşsiz seçimler yapın.
⚡ Tek satırlık özet
Özgün yazı tipi + cesur renk şeması + titiz animasyon + yenilikçi düzen + atmosferik arka plan = unutulmaz ön uç tasarımı
Reddedildi: Inter/Roboto, mor gradyanlı beyaz arka plan, tekdüze düzen
📋 Hızlı Kontrol Listesi
Ölçüler ve Kontrol Maddeleri
Yazı tipleri Inter/Roboto'dan kaçınmalı mı? Benzersiz renk kombinasyonları var mı?
Renk şemasının birleşik bir teması var mı? Mor tonlamalarından kaçınılmalı mı?
Animasyonda özenle planlanmış bir yükleme efekti var mı?
Yerleşim planı geleneksel ızgara sisteminden sapıyor mu?
Arka plan derinlik ve atmosfer yaratıyor mu?
Açıklama
Öneren
nene@YouMind
Bu beceriyi neden öneriyoruz
Herkesin kullandığı 'AI slop' tasarımlarından sıkıldınız mı? Bu beceri, sıradanlıktan kurtulmanıza yardımcı olur. Benzersiz tipografi, cesur renkler, zarif animasyonlar, yenilikçi mekansal düzen ve derinlikli arka planlarla çarpıcı ön uç arayüzleri oluşturun. Pratik bir estetik rehberi sunarak çalışmalarınızın diğer siteler arasında öne çıkmasını ve gerçek bir görsel atılım yapmasını sağlar.
Benzersiz yazı tipi karakteri Koyu siberpunk estetiği Asimetrik dinamik düzen Özenle düzenlenmiş yükleme animasyonları Sürükleyici atmosfer oluşturma
İlgili beceriler
Tümünü gör
Web sayfasıKeşfedilebilir Sayfa Yapıcı
Bir rapor açıklar. Bir sayfa insanların kendi kendine keşfetmesini sağlar. YouMind zaten web sayfaları oluşturabilir. Explorable Explainer ne inşa edileceğine karar verir — bir araştırmayı, bir veri setini veya bir konuyu, haber grafikleri ve keşfedilebilir açıklamalar geleneğinde tek bir etkileşimli sayfaya dönüştürür: kaydırma odaklı anlatı, gerçek grafikler, hareket ettirebileceğiniz kontroller, kontrol edebileceğiniz kaynaklar. Kodlamadan önce plan yapar. Önce bir yapım planını onaylarsınız: sayfanın cevapladığı tek soru, aydınlanma anı — okuyucunun "oh" hissetmesi gereken an — beş ila sekiz bölümlük kaydırma omurgası, her biri okuyucunun onu hareket ettirerek öğrendikleriyle gerekçelendirilen iki ila dört etkileşim ve her sayının ve nereden geldiğinin listelendiği bir veri sözleşmesi. Ardından, derleme adımı olmadan tek bir kendi kendine yeterli HTML dosyası oluşturur. Anlamsal işaretleme. Tüm sayılar en üstte tek bir düzenlenebilir DATA sabitinde. Telefonda bozulmayan kaydırma açılışları. Her kontrol, geçerli değerini açıklayan canlı metin içeren gerçek, klavyeyle çalıştırılabilir bir form öğesidir. Erişilebilirlik sonradan eklenmiş değil, baştan inşa edilmiştir: 4.5:1 kontrast, görünür odak halkaları, her yerde alternatif metin, yalnızca renkle taşınan anlam yok, azaltılmış hareket dikkate alınır, 360px'den itibaren duyarlı. Teslim etmeden önce beş maddelik bir öz değerlendirme yapar ve sonuçları dürüstçe bildirir: aydınlanma anı gerçekten işe yarıyor mu, sayfa JavaScript kapalıyken hâlâ okunuyor mu, sekme sırası mantıklı mı, her sayı izlenebilir mi, okuyucunun durdurmak isteyeceği hareket eden bir şey var mı. Asla bozmayacağı iki kural: bir grafiği iyi göstermek için asla veri uydurmaz ve sayılarınız taslağınızla çeliştiğinde size söyler. Çalışmalarının gözden geçirilmesindense keşfedilmesini isteyen araştırmacılar, analistler, gazeteciler, eğitimciler, bağımsız kurucular ve danışmanlar için.
Web sayfasıYumuşak Işık Gündüz Yüzen Web
Yumuşak ışık gündüz tarzı web tasarım sistemi: açık gök mavisi tuval (#ebf5ff), sabit 500 yazı ağırlığına sahip büyük gösterim yazıları (responsive maksimum 148px), 32px yuvarlatılmış köşeli kartlar + 9999px hap (pill), neredeyse siyah #181d27 dolu CTA, pastel renk blokları ve yüzen 3D kil benzeri illüstrasyonlar. Derinlik yalnızca tuvalden karta renk tonu geçişiyle sağlanır; içerik kartlarında sıfır gölge. 「Yumuşak ışık gündüz stili」「3D illüstrasyon açılış sayfası」「açık mavi tuval」「yuvarlak kart stili」「SaaS ana sayfası」「Linear/Framer stili」 gibi ihtiyaçlar için uygundur; yerleşik erişilebilirlik ve responsive kısıtlamalar içerir.
Web sayfasıFashion Creative Design Web
Moda editöryel poster tarzı web tasarım sistemi: sıcak krem kağıt kanvas (#fffef7), 300 font ağırlığında büyük başlıklar (64–84px), kenardan kenara fotoğraflar, sıfır gölge, dik açılı kartlar + 1440px hap yuvarlaklığında düğmeler. Moda tasarım stili, dergi düzeni, poster tarzı, sanat kataloğu web sayfası, stüdyo portfolyosu ve galeri sayfası gibi ihtiyaçlar için uygundur. Her türlü içeriği üst düzey moda editöryel tarzı sayfalara dönüştürebilir.
Ön Yüz Estetiği Geliştirme
Talimatlar
Sıradan "yapay zeka çöplüğü" estetiğinden kaçının ve şaşırtıcı derecede benzersiz bir ön yüz oluşturun.
## Beş Temel Boyut
**1. Tipografi**
- ❌ Yasaklananlar: Inter, Roboto, Arial, Sistem Yazı Tipleri
- ✅ Seçin: Eşsiz, ayırt edici yazı tipleri
- ✅ Kombinasyon: Vitrin yazı tipi + Gövde yazı tipi, yüksek kontrast
- ✅ İpuçları: Aşırı yazı tipi kalınlığı kontrastı (100'e karşı 900), geniş yazı tipi boyutu aralığı (3x+)
**2. Renk ve Tema**
- ✅ CSS değişkenlerini kullanarak tutarlı bir estetik görünüm sağlayın.
- ✅ Baskın renk + canlı vurgu rengi
- ❌ Kaçının: Mor gradyan + beyaz arka plan
- ✅ İlham kaynağı: IDE temaları, kültürel estetik
**3. Hareket**
- ✅ CSS animasyonları önceliklidir (HTML)
- ✅ Hareket Kütüphanesi
- ✅ Yüksek Etkiye Odaklanın: Özenle Seçilmiş Sayfa Yüklemesi > Dağınık Mikro Etkileşimler
- ✅ Kaydırma tetikleyici, fareyle üzerine gelindiğinde sürpriz
**4. Mekansal Yerleşim**
- ✅ Asimetrik, üst üste binen, çapraz akış
- ✅ Izgarayı kırın, beyaz alanı cesurca kullanın VEYA kontrollü yoğunluk
**5. Arka Plan Bilgileri**
- ✅ Atmosfer ve derinlik yaratın
- ✅ Gradyan ağ, gürültü, geometrik desenler
- ✅ Katmanlı şeffaflık, çarpıcı gölgeler, dekoratif kenarlıklar
## Temel Prensipler
- Tekrarlayan benzerliklerden kaçınmak için her tasarım farklı olmalıdır.
- Karmaşıklığa uygun bir estetik vizyon elde etmek
Aşırı karmaşıklık titiz bir tasarım gerektirirken, minimalizm ise ölçülülük ve hassasiyet gerektirir.
- Geleneksel düşünce kalıplarından kurtulun ve gerçekten eşsiz seçimler yapın.
⚡ Tek satırlık özet
Özgün yazı tipi + cesur renk şeması + titiz animasyon + yenilikçi düzen + atmosferik arka plan = unutulmaz ön uç tasarımı
Reddedildi: Inter/Roboto, mor gradyanlı beyaz arka plan, tekdüze düzen
📋 Hızlı Kontrol Listesi
Ölçüler ve Kontrol Maddeleri
Yazı tipleri Inter/Roboto'dan kaçınmalı mı? Benzersiz renk kombinasyonları var mı?
Renk şemasının birleşik bir teması var mı? Mor tonlamalarından kaçınılmalı mı?
Animasyonda özenle planlanmış bir yükleme efekti var mı?
Yerleşim planı geleneksel ızgara sisteminden sapıyor mu?
Arka plan derinlik ve atmosfer yaratıyor mu?
Açıklama
Öneren
nene@YouMind
Bu beceriyi neden öneriyoruz
Herkesin kullandığı 'AI slop' tasarımlarından sıkıldınız mı? Bu beceri, sıradanlıktan kurtulmanıza yardımcı olur. Benzersiz tipografi, cesur renkler, zarif animasyonlar, yenilikçi mekansal düzen ve derinlikli arka planlarla çarpıcı ön uç arayüzleri oluşturun. Pratik bir estetik rehberi sunarak çalışmalarınızın diğer siteler arasında öne çıkmasını ve gerçek bir görsel atılım yapmasını sağlar.
Benzersiz yazı tipi karakteri Koyu siberpunk estetiği Asimetrik dinamik düzen Özenle düzenlenmiş yükleme animasyonları Sürükleyici atmosfer oluşturma
İlgili beceriler
Tümünü görWeb sayfasıKeşfedilebilir Sayfa Yapıcı
Bir rapor açıklar. Bir sayfa insanların kendi kendine keşfetmesini sağlar. YouMind zaten web sayfaları oluşturabilir. Explorable Explainer ne inşa edileceğine karar verir — bir araştırmayı, bir veri setini veya bir konuyu, haber grafikleri ve keşfedilebilir açıklamalar geleneğinde tek bir etkileşimli sayfaya dönüştürür: kaydırma odaklı anlatı, gerçek grafikler, hareket ettirebileceğiniz kontroller, kontrol edebileceğiniz kaynaklar. Kodlamadan önce plan yapar. Önce bir yapım planını onaylarsınız: sayfanın cevapladığı tek soru, aydınlanma anı — okuyucunun "oh" hissetmesi gereken an — beş ila sekiz bölümlük kaydırma omurgası, her biri okuyucunun onu hareket ettirerek öğrendikleriyle gerekçelendirilen iki ila dört etkileşim ve her sayının ve nereden geldiğinin listelendiği bir veri sözleşmesi. Ardından, derleme adımı olmadan tek bir kendi kendine yeterli HTML dosyası oluşturur. Anlamsal işaretleme. Tüm sayılar en üstte tek bir düzenlenebilir DATA sabitinde. Telefonda bozulmayan kaydırma açılışları. Her kontrol, geçerli değerini açıklayan canlı metin içeren gerçek, klavyeyle çalıştırılabilir bir form öğesidir. Erişilebilirlik sonradan eklenmiş değil, baştan inşa edilmiştir: 4.5:1 kontrast, görünür odak halkaları, her yerde alternatif metin, yalnızca renkle taşınan anlam yok, azaltılmış hareket dikkate alınır, 360px'den itibaren duyarlı. Teslim etmeden önce beş maddelik bir öz değerlendirme yapar ve sonuçları dürüstçe bildirir: aydınlanma anı gerçekten işe yarıyor mu, sayfa JavaScript kapalıyken hâlâ okunuyor mu, sekme sırası mantıklı mı, her sayı izlenebilir mi, okuyucunun durdurmak isteyeceği hareket eden bir şey var mı. Asla bozmayacağı iki kural: bir grafiği iyi göstermek için asla veri uydurmaz ve sayılarınız taslağınızla çeliştiğinde size söyler. Çalışmalarının gözden geçirilmesindense keşfedilmesini isteyen araştırmacılar, analistler, gazeteciler, eğitimciler, bağımsız kurucular ve danışmanlar için.
Web sayfasıYumuşak Işık Gündüz Yüzen Web
Yumuşak ışık gündüz tarzı web tasarım sistemi: açık gök mavisi tuval (#ebf5ff), sabit 500 yazı ağırlığına sahip büyük gösterim yazıları (responsive maksimum 148px), 32px yuvarlatılmış köşeli kartlar + 9999px hap (pill), neredeyse siyah #181d27 dolu CTA, pastel renk blokları ve yüzen 3D kil benzeri illüstrasyonlar. Derinlik yalnızca tuvalden karta renk tonu geçişiyle sağlanır; içerik kartlarında sıfır gölge. 「Yumuşak ışık gündüz stili」「3D illüstrasyon açılış sayfası」「açık mavi tuval」「yuvarlak kart stili」「SaaS ana sayfası」「Linear/Framer stili」 gibi ihtiyaçlar için uygundur; yerleşik erişilebilirlik ve responsive kısıtlamalar içerir.
Web sayfasıFashion Creative Design Web
Moda editöryel poster tarzı web tasarım sistemi: sıcak krem kağıt kanvas (#fffef7), 300 font ağırlığında büyük başlıklar (64–84px), kenardan kenara fotoğraflar, sıfır gölge, dik açılı kartlar + 1440px hap yuvarlaklığında düğmeler. Moda tasarım stili, dergi düzeni, poster tarzı, sanat kataloğu web sayfası, stüdyo portfolyosu ve galeri sayfası gibi ihtiyaçlar için uygundur. Her türlü içeriği üst düzey moda editöryel tarzı sayfalara dönüştürebilir.
Bir sonraki favori becerini bul
Araştırma, üretim ve günlük işler için özenle seçilmiş daha fazla AI becerisini keşfet.