---
title: Web Design Guidelines
category: product
entity_type: skill
price: ₺369
canonical: https://forgehouse.ai/tr/skiller/web-design-guidelines/
lang: tr
hreflang_alt: https://forgehouse.ai/skills/web-design-guidelines/
last_updated: 2026-06-20
---

# Web Design Guidelines

> Review UI code for Web Interface Guidelines compliance.

Erişilebilirlik, duyarlı davranış, etkileşim desenleri ve görsel kaliteyi canlı, topluluk güdümlü bir web arayüz standardına göre denetleyen sistematik bir UI kod inceleme motoru. Öznel 'iyi görünüyor' yorumları yerine, 15'ten fazla nesnel kontrol noktasında PASS/FAIL/WARN sınıflandırmalı dosya:satır bulguları üretir. Çıktı, birleştirmeleri kapıya alabilen ve canlı dağıtımları koruyan ölçülebilir bir kalite puanıdır.

## Ne için kullanılır
- Bir özellik birleştirmesinden önce UI kodunu incelemek
- Bir bileşende erişilebilirlik veya UX denetimi yürütmek
- Kırılma noktaları genelinde en iyi uygulama uyumunu doğrulamak
- Canlıya almadan önce UI kalitesini kontrol etmek
- Dokunma hedefi, kontrast ve 4 durum eksiklerini yakalamak
- div-onClick ve küçük font gibi kötü desenleri otomatik işaretlemek

## Faydalar
- Öznel tasarım yorumlarını 15'ten fazla nesnel ve puanlı kontrol noktasıyla değiştirin
- Birleştirmeleri minimum geçme oranına bağlayarak UI kalitesini tutarlı tutun
- Duyarlılık, kontrast ve durum kapsamı eksiklerini kullanıcıdan önce yakalayın
- Her incelemede en güncel kuralları çekerek standartla güncel kalın

## Ne içerir
- Denetimlerin en yeni kuralları izlemesi için canlı kılavuz çekme
- Erişilebilirlik, duyarlılık, durum ve performans genelinde 15+ maddelik kontrol listesi
- Her renk çifti için oran değerlendirmeli WCAG 2.2 AA kontrast matrisi
- Dokunma hedefi, anlamsal HTML, yükleme ve hata durumları için savunmacı desenler
- Kötü desen otomatik işaretleme listesi (div-onClick, 14px altı font, eksik odak halkası)
- PASS/WARN/FAIL sayımlı yapılandırılmış dosya:satır inceleme çıktısı

## Kimler için
Birleştirme veya dağıtım öncesi nesnel ve tekrarlanabilir bir UI kalite kapısı isteyen ön yüz ekipleri ve incelemeciler için.

## Nasıl çalışır
Skill arayüz kodunu incelerken tam olarak bu döngüyü koşar. Kara kutu yok, yaptığı iş budur:
1. Her incelemeden önce güncel Vercel Web Interface Guidelines'ı canlı çeker; denetim bayat bir yerel kopyaya değil yürürlükteki kural setine karşı koşulur
2. Her komponenti 15+ maddelik kontrol listesinden geçirir: klavye erişimi, görünür odak halkaları, kontrast oranları, etiket-input ilişkisi, üç kırılım noktası (375, 768, 1440), 44x44px dokunma hedefi, gövdede en az 14px metin
3. Veri çeken her komponentte 4 durum kapsamasını doğrular: jenerik spinner yerine içerik şekline uyan skeleton, yeniden dene aksiyonu taşıyan hata, CTA taşıyan boş durum, sonra mutlu yol
4. Bilinen anti-pattern'leri anında işaretler: onClick'li div, mutlak piksel genişlikleri, mobilde 14px altı metin, eksik alt metni, tek hata sinyali olarak renk, ekran altı görsellerde lazy loading eksikliği
5. Çoğu incelemenin atladığı uç durumları kontrol eder: RTL mantıksal özellikleri, prefers-reduced-motion davranışı, yüksek kontrast modu, yazdırma stilleri
6. Dosya ve satır bazlı rapor üretir: her kural için PASS, WARN veya FAIL ve her başarısızlığa somut düzeltme (w-8 h-8 yerine w-11 h-11). Belirsiz kalite yorumu değil

## Sık sorulanlar
### Tek bir bileşen için mi, dağıtım öncesi tüm sayfa için mi çalıştırılır?
İkisi de geçerli. Bir özellik birleştirmesi öncesi tek bileşeni inceleyebilir, canlıya almadan önce tüm sayfayı kırılma noktaları genelinde denetleyebilirsiniz. Çıktı her durumda dosya:satır bulgular ve PASS/WARN/FAIL sayımıdır.

### Kuralları nereden alıyor, zamanla eskimez mi?
Her incelemede canlı, topluluk güdümlü web arayüz standardını yeniden çeker; denetim her zaman en güncel kurallarla koşar. Kontrast oranları WCAG 2.2 AA matrisine göre renk çifti bazında hesaplanır, öznel yorum devreye girmez.

### Tasarımın güzel olup olmadığına karar verir mi?
Hayır. Estetik beğeni ölçmez; erişilebilirlik, duyarlılık, durum kapsamı ve etkileşim desenleri gibi nesnel kontrol noktalarını puanlar. Sanat yönetimi ve marka kararı insan işidir, bu motor kalite tabanını garanti eder.

## Fiyat
₺369, tek seferlik, abonelik yok. KDV dahil.

İlgili rehber: [Yapay zekâ ile tasarım sistemi](https://forgehouse.ai/tr/rehberler/yapay-zeka-ile-tasarim-sistemi/)