Beceriler

Ö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.

Ön yüz estetiğini iyileştirin preview 1
Ön yüz estetiğini iyileştirin preview 2

Kategoriler

webpage

installedBy

105

creditsEarned

8,800

Talimatlar

<frontend_aesthetics>

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.

</frontend_aesthetics>

⚡ 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?