Web Tasarım İlhamı için 20 Faydalı Site

Fark etmediyseniz, yaratıcı web tasarımının altın çağında yaşıyoruz. Bazılarını, web geliştirmenin popülaritesinin hızla artmasına bağlıyorum. Ama aynı zamanda markaların göze çarpan tasarımlar yaratma konusunda büyük riskler almaya istekli olmaları gerçeği .

Tasarım çizimlerle mi yönlendiriliyor? Bunun bir şey olduğunu biliyorsun. Bir sayfada gösterişli kullanıcı yolculukları oluşturmak için animasyon dizileri? Evet, popülaritesi artıyor. Ve sonra neumorfizm, neobrütalizm ve bir tutam retro karikatür tarzı yaklaşımlar gibi birden fazla tasarım stili alt grubunuz var.

Ve web tasarımındaki deneyiminizden bağımsız olarak, herkesin neyin peşinde olduğunu görmek her zaman güzeldir. Bu nedenle, bu makale için, web tasarımı ilhamı bulabileceğiniz favori web sitelerimi listeleyeceğim. Belki bazılarını zaten biliyorsunuzdur ve belki bunlardan bazıları sizin için yeni olacaktır – ileride başvurmak üzere yer imleri klasörünüze atmaktan zarar gelmez.

Web, mobil, efektler, maketler ve daha fazlası

Bu yazımda bol çeşitten bahsedeceğim.

Mobil tasarımlara odaklanan galeriler, "özel" efekt örneklerini gösteren galeriler ve tasarım maketlerine odaklanan birkaç kaynak dahil. Sonuç olarak, bu sitelere, özellikle bir web sitesi oluşturma durumunda, ilham ararken göz atılması amaçlanmıştır.

1. Lapa Ninjası

7 yıl önce Product Hunt'ta ilk kez piyasaya sürülmesinden bu yana yer imleri çubuğumda Lapa Ninja vardı. Bu günlerde site, tasarım için sayısız kaynak içerecek şekilde büyüdü, ancak en iyi açılış sayfası tasarımlarını vurgulamanın temel amacı aynı kaldı.

Site şu anda 5.000'den fazla gönderilmiş ana sayfaya sahiptir. Ve en son gönderileri görerek veya kategori bazında filtreleyerek bunlar arasında gezinebilirsiniz. Gelecek/mevcut tasarımınızla aynı renk düzenini paylaşan tasarımlar arıyorsanız, renklere göre de filtre uygulayabilirsiniz.

2. Tanrısal

Godly ile ilgili sevdiğim şeylerden biri, gerçekten son teknoloji tasarımlara odaklanmış olması. Başta söylediğim gibi, şu anda web tasarımındaki en önemli trendlerden biri animasyon. Ve Godly, bu trendleri uygulayan en iyi tasarımları öne çıkarma konusunda harika bir iş çıkarıyor.

Godly, her tasarımın arkasındaki temel konsepti sergilemek için 15-20 saniyelik videolar yerleştirdiği için her siteyi ziyaret etmeniz de gerekmez. Örneğin, bir şey gözünüze çarparsa – o zaman ziyaret edebilirsiniz.

3. Brütalist Web Siteleri

Tasarımda Brütalizm nedir? Kate Moran'ın çok etkili bir şekilde belirttiği gibi, "Dijital tasarımdaki vahşilik, kasıtlı olarak ham, gelişigüzel veya süssüz görünmeye çalışan bir stildir. 1990'ların başındaki web sitelerini yansıtıyor (Craigslist ve Drudge Report'u düşünün). Bazen vahşiliğin bu yönü, mavi bağlantılara ve monokromatik Monospace metnine sahip, çıplak kemikler, neredeyse çıplak HTML sitesi olarak ifade edilir.

Bana gelince, bu brütalist tarzdaki web tasarımlarının çoğunun uyguladığı unsurlardan biri olan minimalist bir tasarım yaklaşımını seviyorum. Tek “uyarı”, tüm tasarımların ana sayfada bir kerede listelenmesidir. Sanırım tüm brütalist fikre bağlı kalmak.

4. UI Kavanozu

UI Jar birkaç şey yapar. İlk olarak, renk, stil ve sektöre göre filtreleyebileceğiniz, elle seçilmiş ilham verici web tasarımları koleksiyonudur. Ancak buna ek olarak, ürün bazlı marka tasarımlarını sergileyen Markalaşma bölümünü de keşfedebilirsiniz. Ayrıca, UI Jar ayrıca bir Koleksiyonlar bölümüne de ev sahipliği yapar. Koleksiyonlar, portföyler, tipografi vb. gibi belirli bir kategorideki en iyi tasarımları sergilemeye adanmıştır.

5. HOVERSTAT . ES

hoverstat.es alışılmışın dışında, yaratıcı ve deneysel tasarım türlerine odaklanır. Ayrıca tarayıcıda nelerin mümkün olduğunu kontrol etmek için güzel bir kaynak. Site 2012'den beri çalışıyor, bu nedenle keşfedilecek çok sayıda site kataloğu var. Bununla birlikte, hoverstat.es arada bir yayınlıyor, ancak bu, büyük ölçüde gerçekten benzersiz ve heyecan verici tasarımlara odaklanmasını daraltmak için.

6. Arazi kitabı

Land-book ile ilgili en sevdiğim özellik, kapsamlı filtreleme sistemidir. Aramalarınızı portföy veya e-Ticaret gibi Web sitesi türlerine kadar daraltabilir ve ardından stiller, sektör ve tür gibi filtreler uygulayabilirsiniz.

Ve Land-book ile ilgili en sevmediğim özellik, bir hesap oluşturmanız gerektiğidir. Tabii ki bir anlaşma kırıcı değil ve Google veya Twitter bağlantısıyla saniyeler içinde bir tane oluşturabilirsiniz. Kaydolmak, tüm tasarımları görüntüleyebileceğiniz ve ayrıca ileride başvurmak üzere ayrı bir katalogda kaydedebileceğiniz anlamına gelir.

7. Bir Sayfa Aşkı

Rob Hope, One Page Love'ı 2008'de başlattı ve eğer bir şey olursa, site hem mevcut tasarım trendleri hem de on yıl önce tasarımların nasıl olduğunu görmek için mutlak bir hazinedir.

Tüm listelerin tam boyutlu bir ekran görüntüsü vardır ve bu, bazı sitelerin ya tamamen yeniden tasarlanmış ya da ölüme terk edilmiş olma olasılığı nedeniyle eski tasarımlar için kullanışlı olacaktır. Bununla birlikte, One Page love mükemmel bir kategorizasyon arayüzüne sahiptir. Ayrıca RSS ile güncellemelere abone olabilir veya haber bültenine kaydolabilirsiniz - bu sizi en yeni 10 tek sayfalık tasarımla güncel tutacaktır.

8. Web'e hayran kalın

Admire The Web, 130 sayfadan fazla ilham verici web tasarımına ev sahipliği yapıyor ve başvurular 11 yıl öncesine kadar gidiyor. Listeleri adlarına tıklayarak (resim yerine) önizleyebilirsiniz, ancak anlayabildiğim kadarıyla ekran görüntüleri sitenin yalnızca ilk görünümünü gösterir.

Özellikle büyük altbilgiler veya paralaks efektleri gibi belirli bir konuda ilham arıyorsanız, geçilecek çok sayıda Etiket var.

9. Figma Topluluğu

Tüm tasarımlar Figma'da başlar değil mi? Pekala… her halükarda, seçtiğiniz bir tasarım uygulamasında.

Sadece Figma, dünyanın dört bir yanından tasarımcıları tek bir birleşik platformda bir araya getirmenin topluluk yönünü gerçekten benimsedi. Ve çalışıyor.

Topluluk kaynakları için değilse, Figma, grafik tasarımcıları için iş akışını büyük ölçüde iyileştiren kapsamlı eklenti koleksiyonuyla da tanınır. Bir kopya al düğmesini tıklayarak sayfasından herhangi bir kaynağı (dosya, şablon veya eklenti) alabilirsiniz ve işiniz bitti!

10. Minimal Galeri

Web tasarımındaki minimalizm, tamamen boşluk ve tipografinin ağır işi yapmasına izin vermekle ilgilidir. Ve bu galeri, keşfedebileceğiniz ve inceleyebileceğiniz en iyi minimal web tasarımlarını sergiliyor.

Sitenin küratörlüğünü Piet Terheyden üstleniyor ve bu galeride sunulan tasarımlarda herhangi bir “sınır” yok. Marka yeniden tasarımlarından yaratıcı kişisel portföylere kadar her şeyi bulabilirsiniz. Başka bir deyişle, bir tasarım minimalizme sadık kaldığı sürece, bu sitede öne çıkma şansı var.

11. Mobbin

Web tasarımlarını düzenlemek, mobil olmaktan çok daha kolaydır. Ve bu nedenle, mobil tasarım ilhamı arıyorsanız Mobbin gibi bir site bir nimettir. Muhtemelen, bir web sitesi tasarımı/yeniden tasarımı üzerinde çalışıyorsanız, sonunda mobil cihazlara özel iyileştirmeler yapmanız gerekecektir.

Böyle bir durumda Mobbin, muhtemelen bireylerin ve büyük markaların mobil tasarım seçimleriyle ne yaptıklarına dair en iyi genel bakışı sağlar. Bunların çoğu mobil uygulama tasarımları olsa bile, keşfedilecek ve öğrenilecek çok sayıda küçük UI/UX öğesi vardır.

Tüm Mobbin listeleri (500'den fazlası), hem iOS hem de Android için yüzlerce uygulama içi ekran görüntüsü ile birlikte gelir. Ayrıca geçmişi de saklarlar, böylece bir uygulama yeniden tasarlandıysa, zamanda geriye gidebilir ve o zamanki neye benzediğini görebilirsiniz. Gerçek olamayacak kadar iyi geliyor, değil mi?

Pekala, ücretsiz bir kullanıcı olarak - kaç koleksiyon yapabileceğiniz (ücretsiz katman için 3) gibi bazı sınırlamalarınız var ve premium filtrelerden/arama özelliklerinden yararlanamazsınız.

12. KAYDET

SAVEE bir tasarım küratörlüğü platformudur ve bu konuda oldukça niş olduğunu söyleyebilirim. Çeşitli tasarımları kapsar ve özellikle web tasarımıyla ilgileniyorsanız, onu aramanız gerekir.

Bu platformu kullanmanın ana nedeni, sıra dışı bir tasarım ilhamı arıyorsanız. SAVEE gibi platformlar daha spesifik bir kitleyi (bu durumda tasarımcıları) çekme eğilimindedir ve bu nedenle tasarım ilhamı gerçek web projelerinden görüntülere ve fotoğraflara kadar değişebilir.

Günün sonunda, fotoğraflar bile tasarımda rol oynar - bu nedenle başkalarının ne yaptığını görmek yeni fikirler için harika bir başlangıç ​​noktası olabilir.

13. Top Sürme

Dribbble bunca yıldan sonra hala güçlü gidiyor. Ve tartışmasız her şey grafik tasarım için dünyanın en iyi platformu. Dribbble kullanıcılarının sonunda trend haline gelen tasarım örnekleri yayınlaması alışılmadık bir durum değil. Platform aynı zamanda tasarımcıları işe almakla da yakından ilişkili olduğu için, kullanıcıların tasarımlarını öne çıkarmak için maksimum çaba göstereceklerini çok iyi biliyorsunuz.

14. Behance

Behance aynı zamanda güçlü olmaya devam eden eski zamanlayıcılardan biridir. Dribbble'a çok benzeyen bu, her tür tasarımcı için topluluk odaklı bir platformdur. Şahsen, Behance'in sevdiğim yanı, arama özelliğinin ne kadar rafine olduğu. Belirli bir stil/şema için ilham ararken kullanışlı olan yerleşik özelliklerden başka hiçbir şey kullanmadan bazı kısa aramalar yapabilirsiniz.

15. Awwwards

Awwwards, daha sonra bir dizi uzman tarafından değerlendirilen yenilikçi ve kullanıma hazır web tasarımlarını destekleyen bir tasarım/geliştirme platformudur. Bu uzmanlar, jüri, her yıl bağımsız olarak seçilir ve herkes bu panelin bir parçası olmak için başvurabilir.

Site 2014'ten beri çalışıyor, bu yüzden keşfedilecek çok fazla tarih var! Tüm listeler için, jüri tarafından verilen oylar ve kullanıcılar tarafından verilen oylar herkese açıktır. Jüri not bırakmayı da seçebilir, ancak bu yalnızca sayısal temellidir, dolayısıyla gerçek bir görüş yoktur.

Yine de, Awwwards toplulukta iyi bilinir ve insanlar Awwwards afişlerinden birinin web sitelerine yerleştirilmesinden gurur duyarlar. Ayrıca, platformun yıllar içinde ne kadar büyüdüğü nedeniyle, kendi becerilerinizi sergileyerek potansiyel işverenleri çekmek için de güzel bir yer!

16. Site ilhamı

Siteinspire, bugüne kadar 7.700'den fazla aktif gönderimi işledi. Beklediğiniz gibi, ilginç ve modern web tasarım uygulamalarını kullanan bir ana sayfa galerisidir. Ama kesinlikle bu galeriyi benzersiz kılan bazı özellikler var. Bunlardan biri, Dizin bölümünden erişilebilen tasarımcı/ajans bazında sonuçları filtreleme yeteneğidir.

Diğer bir özellik de sonuçları stillere, türlere ve konulara göre sıralama yeteneğidir. Ve bir hesap oluşturursanız, kendi özel olarak hazırlanmış koleksiyonlarınızı da oluşturabilirsiniz.

17. Muzlu

Muzli'yi bu yıl front-end geliştiriciler için çeşitli CSS püf noktaları hakkında bir makale yayınladıktan sonra öğrendim.

Birkaç gün sonra, Muzli'den önemli sayıda ziyaretçi gördüm – projeyi inceledim ve tabii ki bu bir şey! Öyle ki Muzli Chrome uzantısının 300.000'den fazla kullanıcısı var.

Kendi sözleriyle,

Muzli, tarayıcınızda her yeni sekme açıldığında en yeni tasarım projelerini ve haberleri anında sunar. En iyi web tasarımı ilhamını, en iyi web sitelerini, en iyi logoları, web trendlerini, en iyi mobil siteleri ve uygulamaları, minimalist web sitelerini, acımasız web sitelerini, yenilikçi illüstrasyonları, tasarım özelliklerini, benzersiz web sitelerini, fotoğraf projelerini ve görsel sanatı, ayrıca görüşleri ve makaleleri keşfedin web ve dünya çapındaki tasarım uzmanlarından.

Muzli bazı küratörlükleri otomatik olarak yapar (Dribbble gibi sitelerden ve bu listedeki diğer bazı sitelerden) ve ardından kullanıcılar kendi geri bildirimlerini de sağlayabilir. Temelde, steroidler üzerinde tasarımcılar/geliştiriciler için bir RSS okuyucusu gibi.

18. FWA

Burada, ödüllere odaklanan başka bir galeri tarzı site olan FWA var. Awwwards'tan farklı olarak - FWA, dünyanın her yerinden 500'den fazla tasarımcı ve geliştiriciden oluşan bir jüriye sahiptir. Siteinspire gibi, FWA da en iyi ajanslar ve bireylerden oluşan bir dizine sahiptir.

19. G/Ç 3000

Pekala, bu sefer beni dinle. Tasarım yaklaşımının bölgeden bölgeye değiştiği iyi bilinen bir gerçektir ve bu özellikle Japonya gibi ülkeler için geçerlidir. Web tasarımına Japon yaklaşımını keşfetmek için son birkaç aydır güçlü bir merakla dolup taşıyorum.

Özellikle Japon tasarımcıların veya bu durumda blog yazarlarının blog sayfalarını nasıl tasarladıkları ve okuyucular için benzersiz deneyimler yarattığı. Gördüğüm kadarıyla, Japon tasarımcılar iletişimsel kullanıcı deneyimleri yaratma konusunda çok daha istekliler. Bu, kullanıcıyı belirli bir çözüme doğru yönlendiren tasarım öğeleri veya önemli bir özelliği vurgulayan belirli öğeler için ortaya çıkar.

I/O 3000 galerisi hem Japon hem de Batı tasarımlarına odaklanıyor. Eğer kendini iyi hissediyorsan, denizaşırı insanların ne yaptığını kontrol etmeni şiddetle tavsiye ederim! Ve evet, amaçlanan bu.

20. Daktilo

Özellikle eksiksiz siteleri sergileyen birçok siteye/galeriye bakıyoruz ve Typewolf da bir şekilde yapıyor. Ancak Typewolf, grafik tasarımın ötesinde, tipografideki en son trendlere odaklanmıştır. Typewolf bir “Günün Sitesi” sistemi kullanır, ancak aynı zamanda yazının yarattığınız genel tasarımı nasıl etkilediği hakkında daha fazla bilgi edinmek için birçok makale ve kaynak bulacaksınız.

Yazı tipi eşleştirmelerine hiç baktıysanız, Typewolf'un girdiğiniz sitelerden biri olma ihtimali vardır.