Ön yüz estetiğini iyileştirin
Özgün yazı tipi, kendine özgü karanlık siberpunk estetiği, asimetrik dinamik düzen, titizlikle koreografisi yapılmış yükleme animasyonları ve sürükleyici atmosfer.
Featured by
Lynne Lau
Why we love this skill
Sıradan "yapay zekâ" tasarımlarından bıktınız mı? Bu beceri, sıradanlıktan kurtulmanıza ve benzersiz tipografi, cesur renkler, enfes animasyonlar, yenilikçi mekansal düzenler ve derin arka planlar aracılığıyla çarpıcı ön uç arayüzleri oluşturmanıza yardımcı olacaktır. Çalışmalarınızın kalabalığın arasından sıyrılmasını ve gerçek bir görsel atılım gerçekleştirmenizi sağlayacak pratik bir estetik kılavuz sunar.
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?
Related Skills
View allZara Zhang Ön Yüz Slaytları
Geleneksel slaytlara veda edin ve sıfır bağımlılıkla zahmetsizce zengin, animasyonlu HTML sunumları oluşturun. Hiçbir araca gerek yok; içeriğinizi hayata geçirmek için doğrudan tarayıcınızda çalıştırmanız yeterli.
Web sayfası Dört Boyutlu Kalite Değerlendirmesi
YouMind'da web sayfaları üzerinde dört boyutlu bir kalite değerlendirmesi gerçekleştirin ve ayrıntılı bir puanlama raporu ve iyileştirme önerileri oluşturun.
İş Zekası Araştırması | İş Zekasının Derinlemesine Çözümlenmesi
Tahmin etmeyi bırakın ve bilmeye başlayın. Gizli iş risklerinden gerçek ofis kültürüne kadar, her iş tanımını (JD) kişisel "içeriden bilgi edinme rehberinize" dönüştürüyoruz; böylece bir şirket sahibi gibi mülakat yapabilir ve gerçekten istediğiniz teklifi alabilirsiniz. Mülakatlarda artık kör kutular yok! Kuru iş tanımlarını 10 dakikada "iş yeri istihbaratına" dönüştürüyoruz: İK jargonunu derinlemesine çözüyor, şirketin gerçek iş uygulamalarını ve eksikliklerini ortaya çıkarıyor ve bilgi asimetrisinden yararlanarak patronunuz hakkında ters arka plan kontrollerinde "avantaj" elde etmenize yardımcı oluyoruz!
Ön yüz estetiğini iyileştirin
Özgün yazı tipi, kendine özgü karanlık siberpunk estetiği, asimetrik dinamik düzen, titizlikle koreografisi yapılmış yükleme animasyonları ve sürükleyici atmosfer.
Featured by
Lynne Lau
Why we love this skill
Sıradan "yapay zekâ" tasarımlarından bıktınız mı? Bu beceri, sıradanlıktan kurtulmanıza ve benzersiz tipografi, cesur renkler, enfes animasyonlar, yenilikçi mekansal düzenler ve derin arka planlar aracılığıyla çarpıcı ön uç arayüzleri oluşturmanıza yardımcı olacaktır. Çalışmalarınızın kalabalığın arasından sıyrılmasını ve gerçek bir görsel atılım gerçekleştirmenizi sağlayacak pratik bir estetik kılavuz sunar.
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?
Related Skills
View allZara Zhang Ön Yüz Slaytları
Geleneksel slaytlara veda edin ve sıfır bağımlılıkla zahmetsizce zengin, animasyonlu HTML sunumları oluşturun. Hiçbir araca gerek yok; içeriğinizi hayata geçirmek için doğrudan tarayıcınızda çalıştırmanız yeterli.
Web sayfası Dört Boyutlu Kalite Değerlendirmesi
YouMind'da web sayfaları üzerinde dört boyutlu bir kalite değerlendirmesi gerçekleştirin ve ayrıntılı bir puanlama raporu ve iyileştirme önerileri oluşturun.
İş Zekası Araştırması | İş Zekasının Derinlemesine Çözümlenmesi
Tahmin etmeyi bırakın ve bilmeye başlayın. Gizli iş risklerinden gerçek ofis kültürüne kadar, her iş tanımını (JD) kişisel "içeriden bilgi edinme rehberinize" dönüştürüyoruz; böylece bir şirket sahibi gibi mülakat yapabilir ve gerçekten istediğiniz teklifi alabilirsiniz. Mülakatlarda artık kör kutular yok! Kuru iş tanımlarını 10 dakikada "iş yeri istihbaratına" dönüştürüyoruz: İK jargonunu derinlemesine çözüyor, şirketin gerçek iş uygulamalarını ve eksikliklerini ortaya çıkarıyor ve bilgi asimetrisinden yararlanarak patronunuz hakkında ters arka plan kontrollerinde "avantaj" elde etmenize yardımcı oluyoruz!
Find your next favorite skill
Explore more curated AI skills for research, creation, and everyday work.
