UI Tasarım İlham Siteleri: Gerçek Arayüzleri Bulabileceğiniz 6 Yer
Mockup yerine gerçek arayüzleri gösteren altı site: Mobbin, Refero, Page Flows, Landingfolio, Dark Mode Design ve SaaSFrame. Her birinin en iyi olduğu alan, açmanın maliyeti ve brief içinde nasıl kullanılacağı.
Boş bir frame, bir tasarıma başlamanın en zor yeridir. Gerçek arayüzler işi kolaylaştırır: bir ayarlar sayfasının, bir paywall'un ya da bir hero'nun, bir ekip onu yayına aldığında nasıl göründüğünü görürsünüz. İşte gerçek ekranları toplayan altı site, her birinin en iyi olduğu alan ve hangilerinin önce kayıt istediği.
| Site | En iyi olduğu alan | Ödemeden açma |
|---|---|---|
| Mobbin | Gerçek uygulama ekranları, 600.000'den fazla | Ücretsiz hesap, sınırlı erişim |
| Refero | Ekran, akış ve pattern arama | Kütüphaneyi sitede ara |
| Page Flows | Ekran kayıtlı komple akışlar | 3 günlük deneme |
| Landingfolio | Landing page, hero, bileşenler | Galeriye göz at |
| Dark Mode Design | Koyu web sitesi tasarımları | Izgaraya göz at |
| SaaSFrame | SaaS web siteleri ve ürün ekranları | Kategoriye göre gez |
1. Mobbin: gerçek uygulama ekranları
Mobbin kendini "uygulamalar ve siteler için tasarım referans kütüphanesi" olarak tanımlıyor ve her hafta yenileri eklenen 600.000'den fazla yayınlanmış ekran listeliyor. Kütüphane uygulamalar, siteler, ekranlar, akışlar, animasyonlar ve UI öğeleri olarak ayrılmış. Ücretsiz katılabilirsiniz ama ücretsiz hesabın erişimi sınırlıdır, tam kütüphane ücretli planların arkasındadır.
Neye bakmalı: birkaç uygulamanın aynı ekranı nasıl çözdüğüne. Onboarding ya da paywall gibi tek bir ekran tipi seçin ve kendinizinkini çizmeden önce beşini arka arkaya karşılaştırın.
2. Refero: arayabileceğiniz referanslar
Refero kendini "gerçek ürün ekranları, akışlar ve pattern'lar" diye tanımlıyor. Her şey arama etrafında kurulu. Sayfasında e-posta doğrulamalı kayıt, grafikli dashboard düzenleri ve SSO ile şifre sıfırlamalı giriş ekranları gibi öneriler var, web uygulamaları ve iOS uygulamaları için ayrı sekmeleri de bulunuyor.
Neye bakmalı: arama olarak yazılmış net bir soruya. "Calendar booking" yazmak, galeride kaydırmaktan daha hızlı işe yarar cevaplar getirir.
3. Page Flows: yolculuğun tamamı
Çoğu ilham sitesi tek tek ekranları gösterir. Page Flows ise aralarındaki yolu gösterir. Sloganı "Gerçek Kullanıcı Akışlarından UI/UX İlhamı" ve akışları ekran kayıtları ile adım adım notlarla eşleştiriyor.
iOS, Android, web ve e-postalara göre filtreleyebilirsiniz ve 3 günlük deneme sunuyor.
Neye bakmalı: ekranlar arasındaki adımlara. İyi bir kayıt akışı butondan sonra olanlarla belirlenir, o yüzden ilk frame'e değil tüm diziye bakın.
4. Landingfolio: landing page ve hero fikirleri
Landingfolio bir landing page galerisi. Baktığımızda başlığı 961 site ve o hafta eklenen 4 site gösteriyordu; sektöre, sayfa tipine (landing, fiyatlandırma, hakkında, giriş, kayıt, 404) ve renge göre filtrelenebiliyor. Ayrıca Tailwind, Webflow ve Figma için bileşenleri listeliyor.
Neye bakmalı: ilk ekrana, yani hero'ya. Sektörünüze filtreleyin ve rakiplerin ziyaretçinin bilmesi gereken tek şeyi nasıl söylediğini karşılaştırın. Landing page tasarım ilkeleri ve SaaS landing page anatomisi rehberlerimiz bulduklarınızla ne yapacağınızı anlatıyor.
5. Dark Mode Design: koyu web siteleri
Dark Mode Design, koyu web sitelerinden oluşan derlenmiş bir ızgara ve herkes site gönderebilir. Her kutucuk eksiksiz bir koyu tasarım, yani başkalarının siyah ya da siyaha yakın bir zeminde kontrastı, vurgu rengini ve görselleri nasıl ele aldığını görürsünüz. Tüm ekran görüntüleri sahiplerine aittir.
Neye bakmalı: ikinci renge. Her sitenin vurgu renginin üstüne hangi renkleri eklediğine ve onları nerede kullandığına dikkat edin. Dark mode renk sistemleri yazımız kendi sisteminizi nasıl kuracağınızı anlatıyor.
6. SaaSFrame: SaaS ekranları
SaaSFrame, gerçek SaaS web sitelerinden ve ürün arayüzlerinden oluşan "bir SaaS UI ve UX tasarım ilham kütüphanesi". Kategorileri kütüphanenin boyutunu gösteriyor: baktığımızda 296 landing page ekranı, 211 fiyatlandırma sayfası, 191 dashboard, 424 ekleme ve düzenleme ekranı ve 571 hesap kurulum ekranı vardı. Ayrıca kenar çubuğu navigasyonu, onboarding kontrol listeleri ve AI üretim durumları gibi pattern'ları listeliyor ve düzenlenebilir Figma dosyaları ile AI tasarım prompt'ları sunduğunu söylüyor.
Neye bakmalı: sıkıcı ekranlara. Fiyatlandırma, ayarlar ve hesap kurulumu bir ürünün bitmiş hissettirip hissettirmeyeceğini belirler ve boş bir frame'in en çok zorlandığı ekranlar bunlardır.
Altısını birlikte kullanmak
- Ekrana ad verin. Tasarladığınız tek ekranı ya da akışı yazın.
- Siteyi eşleştirin. Komple uygulama ekranları Mobbin'e, bir soru Refero'ya, bir yolculuk Page Flows'a, bir hero Landingfolio'ya, koyu tema Dark Mode Design'a, bir SaaS ürünü de SaaSFrame'e gider.
- Otuz değil, üç kaydedin. Ekranınızı en iyi çözen üçünü seçin.
- Her biri için tek satır yazın. "Net fiyat, tek buton" bir referanstır. Notsuz kaydedilmiş bir görsel ise bir yığındır.
- Pikselleri değil, kararı kopyalayın. Düzenin ne yaptığını ve nedenini alın. Ekran görüntüsü odaklı tasarım yazımız referansları bir iş akışına nasıl dönüştüreceğinizi gösteriyor.
Bir tasarımcı ya da müşteri "şuradaki kadar sade bir fiyat sayfası, bir de bunun gibi plan anahtarı" cümlesiyle çok şey yapabilir. "Modern olsun" ile ise çok az şey yapabilir.
Site
Mobbin
Gerçek uygulama ekranları. Sınırlı erişimli ücretsiz hesap, tam kütüphane için ücretli.
Site
Refero
Arayabileceğiniz gerçek ürün ekranları, akışlar ve pattern'lar.
Site
Page Flows
En iyi uygulamalardan ekran kayıtlı komple kullanıcı akışları.
Site
Landingfolio
Landing page ve hero ilhamı.
Site
Dark Mode Design
Koyu web sitesi tasarımlarından oluşan bir ızgara.
Site
SaaSFrame
Bir SaaS UI ve UX tasarım ilham kütüphanesi.
Ücretsiz Figma dosyası
UI fikirleri için 6 site
Altı linkin tamamı ve her sitenin neye iyi geldiği, tek bir ücretsiz dosyada.
SSS
UI tasarım ilhamı için en iyi web siteleri hangileri?
Mobbin, Refero, Page Flows, Landingfolio, Dark Mode Design ve SaaSFrame. Uygulama ekranlarını, aranabilir referansları, komple kullanıcı akışlarını, landing page'leri, koyu web sitelerini ve SaaS arayüzlerini kapsıyorlar.
Mobbin ücretsiz mi?
Kısmen. Mobbin'e sınırlı erişimle ücretsiz katılabilirsiniz, 600.000'den fazla ekranlık tam kütüphane için ücretli plan gerekir.
Gerçek kullanıcı akışı örneklerini nerede bulabilirim?
Page Flows. Gerçek uygulama ve web sitelerinden akışları ekran kayıtları ve adım adım notlarla gösteriyor, ayrıca 3 günlük deneme sunuyor.
Landing page tasarım ilhamını nerede bulabilirim?
Landingfolio, sektöre ve sayfa tipine göre filtrelenebilen bir landing page galerisi. SaaSFrame de SaaS landing page ekranlarını listeliyor.
Koyu web sitesi ilhamını nerede bulabilirim?
Dark Mode Design koyu web sitelerini tek ızgarada topluyor ve herkes site gönderebiliyor.
İlhamı kopyalamadan nasıl kullanırım?
Tasarladığınız ekran için iki üç referans kaydedin ve her birinin neyi iyi yaptığını tek satırla yazın. Net fiyat ya da tek buton gibi kararı kullanın, düzeni kendiniz çizin.
Kaynaklar
- Mobbin, mobbin.com: "Uygulamalar ve siteler için tasarım referans kütüphanesi", 600.000'den fazla yayınlanmış ekran, ücretsiz katılım, planlar. 4 Kasım 2026'da kontrol edildi.
- Refero, refero.design: "Gerçek ürün ekranları, akışlar ve pattern'lar". 4 Kasım 2026'da kontrol edildi.
- Page Flows, pageflows.com: "Gerçek Kullanıcı Akışlarından UI/UX İlhamı", ekran kayıtları ve notlar, 3 günlük deneme. 4 Kasım 2026'da kontrol edildi.
- Landingfolio, landingfolio.com: "En İyi Landing Page Tasarım İlhamı", kontrol edilen günde 961 site. 4 Kasım 2026'da kontrol edildi.
- Dark Mode Design, darkmodedesign.com: koyu web sitelerinden oluşan bir ızgara, site gönderme. Ekran görüntüleri sahiplerine aittir. 4 Kasım 2026'da kontrol edildi.
- SaaSFrame, saasframe.io: "SaaS UI ve UX Tasarım İlham Kütüphanesi", ekran sayıları kontrol edilen günde gösterildiği gibi. 4 Kasım 2026'da kontrol edildi.
- İlk olarak UX Brainy üzerinde carousel olarak yayınlandı.
Collected the references and still need the interface built? Our team turns a clear brief into product UI that holds up in every state.
Get Started
