Web'e Aşık Olmak: İlham Veren Web Siteleri ve Araçlar

İlham beklenmedik yerlerden gelebilir - yaptığımız konuşmalar, zihnimizde birleştirdiğimiz noktalar ve bir yerlerde gördüğümüz küçük şeyler. Ve bazen belirli bir sorun için iyi bir fikre ihtiyacımız olsa da, diğer zamanlarda üzerinde çalıştığımız görevden bir adım geri atarak zihnimizin özgürce dolaşmasına izin vermekten daha değerli bir şey yoktur.

Bu gönderide, tam da bunu yapmanıza yardımcı olacak kaynakları topladık. Kendinizi şımartmak için göz kamaştırıcı şeyler, sizi konfor alanınızdan çıkaracak ve kendinize meydan okuyacak fikirler ve bir projeye takılıp kaldığınızda size yardımcı olacak araçlar ve kaynaklar bulacaksınız. Yalnızca ilham verici ve faydalı bulduğumuz ve yaratıcılığınızı da körükleyebilecek şeyler. Eğlence!

Minyatür Harikalar Dünyası

Akşam yemeği için hazırladığınız brokolinin bir ağaç ormanına benzediğini hiç düşündünüz mü? Ya da yerel parkınızın ördek göletinin yüzeyinde yüzen yaprakların küçük teknelere benzediğini mi? Olaylara farklı bir perspektiften baktığınızda, tamamen yeni bir dünya açılmaya başlar. Harikalar dünyası.

Tatsuya Tanaka, önümüzde uzanan küçük mucizelere karşı çok özel bir göze sahiptir. 2011'den beri basit günlük şeylerden ve küçük 3D baskılı ve elle boyanmış figürlerden minyatür diorama tarzı sahneler yaratıyor. Tatsuya'nın minyatür evreninde , ataşların piknik sandalyelerine ve masalara ve metal zımbaların barbekü ızgarasına dönüştüğü barbekü sahneleri keşfedeceksiniz, bir kaykay parkı oluşturan açık bir patates cipsi paketi, bir göz farı paleti ve bir ruja dönüşen bir ruj bulacaksınız. küçük bir ofis ya da bir atlıkarıncaya dönüşen bir burger. Tek sınır hayal gücüdür. Tatsuya, Minyatür Takviminde her gün yeni bir minyatür diorama yayınlıyor. Şimdi, kutunun dışında düşünerek yeni bir güne başlamanın mükemmel yolu bu değilse, başka ne var?

Ateş Çiçekleri

Dönen saksonlar, uçan güvercinler, polka pilleri, Aztek Çeşmeleri, Bengal Işıkları - havai fişeklerin çeşitliliği, onları tanımlayan isimler kadar zengindir. Ancak daha önce bir havai fişek gösterisinin fotoğraflarını çekmeyi denediyseniz, bu zenginliği yakalamanın oldukça zor olabileceğini bilirsiniz. Japon havai fişekleri için bir on dokuzuncu yüzyıl katalog reklamları serisini bu kadar büyüleyici yapan da tam olarak budur: Fotogerçekçilik beklentisi olmaksızın, kataloglardaki çizimler benzersiz bir merak duygusu uyandırır.

Yokohama Şehir Kütüphanesi tarafından sayısallaştırılan kataloglar 1880'lere kadar uzanıyor ve sadece bugün bildiğimiz havai fişekleri değil, aynı zamanda “ gün ışığı havai fişeklerini ” de gösteriyor. Günışığı havai fişeklerinin kökenleri Japonya'daydı ve piroteknik etkiler kullanmıyordu, ancak hayvan, insan veya yere döndükçe açılan ve şişen başka şekillerde bir balon içeren bir mermi kullandı. Göz şekeri!

Antik Kitaplara Dayalı Şehir Manzaraları

Antika kitaplarının, kapaklarının içinde sakladıkları bilgi zenginliğine rağmen, uzun başlıklara ve oldukça mütevazı başlık sayfalarına sahip oldukları bilinmektedir. Okuyucuların onlarda bulabilecekleri benzersiz bilgiyi göstermek için Nicholas Rougeux çok özel bir proje başlattı: Title Cities.

Title Cities, antik bilim kitaplarının başlık sayfalarını, yalnızca başlık sayfasındaki kelimelere dayanarak, renkli şehir manzaraları olarak yeniden tasavvur ediyor. Charles Darwin'in On the Origin of Species ya da Isaac Newton'un Opticks'i olsun, Nicholas her kitap için başlık sayfasındaki kelimelerin çevresine kutular çizdi ve onları ilk harflerine göre renkle kodladı. Orijinal boyutlarını birbirine göre koruyarak, kutuları soyut şehir manzaralarına yerleştirdi. İlhamın her yerde bulunabileceğine güzel bir örnek.

Renge Göre Sıralanmış Mineraloji Çizimleri

Hiç aklınıza bir türlü vazgeçemeyeceğiniz bir fikir geldi mi? Nicholas Rougeux, İngiliz doğa bilimci ve illüstratör James Sowerby'nin 19. yüzyılın başında yarattığı devasa mineral illüstrasyon koleksiyonuna rastladığında, büyük bir kolajda renklere göre düzenlenmiş nasıl görüneceklerini merak etti. Ve sonraki dört ayı tam olarak bunu yaparak geçirdi: Sowerby'nin tüm illüstrasyonlarını 718 levhalık güçlü seri British Mineralogy ve Exotic Mineralogy'den düzenlemek.

Sonuç, çarpıcı İngiliz ve Egzotik Mineraloji projesidir. İki yüzyıl ayrı yaşayan iki insanın titiz çalışmaları ile boya kutusundan modern web teknolojilerine kadar kullandıkları teknikler arasında bir köprü oluşturan büyüleyici bir sanat eseri. Nicholas'ın yaklaşımı ve bu süreçte karşılaştığı zorluklar hakkında daha fazla bilgi edinmek isterseniz, onun perde arkasına bir bakışını paylaştığı bir blog yazısı var.

Küratörlüğünde Bir Desen Galerisi

Cesur renkler ince paletlerle buluştuğunda, keskin kenarlı geometrik formların yanında organik eğriler göründüğünde ve minimalist tasarımlar eğlenceli sanat eserleriyle karşılaştığında, ilham çok uzak değil. Sürpriz bir göz kamaştırıcı çantaya hazırsanız, Pattern Collect tam size göre. Site, dünyanın dört bir yanından tasarımcılar tarafından oluşturulan güzel resimli desenleri seçiyor.

Vitrini etikete göre tarayabilir ve bir sanat eserini beğendiyseniz, bir bağlantı sizi illüstratör ve çalışmaları hakkında daha fazla bilgi edinebileceğiniz Dribbble veya Behance'deki orijinale götürür. Kim bilir, belki bu, yaklaşan bir projede birlikte çalışacak yaratıcı yetenekler bulma fırsatı bile olur?

Boş Bantların Görsel Zaferi

Boş VHS kasetlerini hatırlıyor musunuz? Antony Terence onlara bir makale ayırdı ve bu makalesinde, " tipografi ve renk arasındaki karmaşık ilişki " ile görsel tasarımda neden bugün hala bir ustalık sınıfı olarak kaldıklarını vurgulayarak, yazdığı gibi, "onları daha da ilgi çekici kılıyor".

Geçmişten biraz daha ilham almaya hazırsanız, boş müzik kasetlerine ne dersiniz? Japon blog Tapefan tamamen eski Sony'lerin, TDK'ların, Fuji'lerin, Maxell'lerin ve modern teknolojiler yerini almadan önce insanların en sevdiği müziklere değer veren arkadaşlarının güzelliğine adanmıştır. Zamanda geriye ilham verici bir yolculuk.

Yeni Sekme, Yeni Sanat Eseri

Neden her gün sayısız kez gerçekleştirdiğimiz en sıradan eylemlerden birini renklendirip biraz, iyi, daha heyecanlı, hatta ilham verici hale getirmiyorsunuz? Yeni tarayıcı sekmeleri açmaktan bahsediyoruz. Her yeni sekme açtığınızda aynı düz arka planı görmekten bıktıysanız, Chrome için Google Arts & Cultures uzantısı tam size göre olabilir.

Her yeni sekme açtığınızda (veya günde en az bir kez), uzantı size güzel yeni sanat eserleri sunar. Sanat eserleri Van Gogh ve Monet'ten dünyanın dört bir yanındaki sokak sanatçılarının çağdaş eserlerine kadar uzanıyor. Başyapıtlardan biri merakınızı uyandırırsa, daha fazlasını keşfetmek için görselin açıklamasına tıklayabilirsiniz. Gününüze biraz kültür katmanın harika bir yolu.

Mac için Havadan Ekran Koruyucular

Kahve molasından sonra masanıza döndüğünüzde aynı eski ekran koruyucunun sizi karşılamasından sıkıldınız mı? Anten bunu değiştirmek için burada. Açık kaynak projesi , Mac'inizde Apple'ın tvOS ekran koruyucusundan videolar oynatmanıza olanak tanır.

Ekran koruyucular arasında New York, San Francisco ve Çin gibi çeşitli şehir ve konumlarda çekilmiş yüksek kaliteli hava videoları, ISS'den Dünya videoları, su altı videoları ve özellikle Aerial için oluşturulmuş çeşitli videolar bulacaksınız. Hepsi 4k olarak çekilmiştir, bu da size konumu gerçekten sahnenin üzerinde uçan bir kuş olarak deneyimliyormuşsunuz hissini verir. Ekran koruyucu katmanları , videolarda görüntülenen ana coğrafi özelliklerin açıklamalarını gösterir ve isterseniz saat, hava durumu ve şu anda Apple Music veya Spotify'da ne çalmakta olduğu hakkında da bilgi verir.

Üretken Daire Sanatı

Spirografları hatırlıyor musun? Her türlü çiçek-y şekli çizmenize izin veren küçük plastik tekerlekler ve halkalar? Nadieh Bremer'in üretken sanat koleksiyonu Rotae, eski Spirograph büyüsünün yetişkin kardeşidir. "Rotae", Latince'de "tekerlekler" anlamına gelir ve dairelerin daireler üzerinde dönmesine izin verme gibi görünen basit bir işlemden ortaya çıkabilecek çok çeşitli şekillere bir övgüdür.

Rotae galerisi, hepsi temeldeki yolun inceliklerini ortaya çıkarmak için canlandırılan 529 çıktıdan oluşur. O nasıl çalışır? Rotaes'ın her biri, tohum olarak bir karma kullanır, bir sözde rastgele sayı üreteci, tekerlek sayısını ve hangi m-kat simetrisini oluşturacağını seçer. Tekerleklere daha sonra hedeflenen simetriyi yaratacak yarıçaplar ve frekanslar rastgele verilir. Projenin özetinde Nadieh, görsel şaheserlerin arkasındaki teknolojiye ve onları nasıl canlandırdığına dair daha fazla fikir paylaşıyor.

Üretken Sanat İpuçları ve İlham

Asırlık bir gelenek ile son teknoloji kodlama arasındaki boşluğu dolduran hayranlık uyandıran bir proje {Shan, Shui} . Lingdong Huan tarafından yaratılan ve geleneksel Çin manzara rulolarından ilham alınarak, prosedürel olarak oluşturulmuş, sonsuz kaydırmalı Çin manzaralarını SVG formatında yaratır. Peyzajdaki dağlar ve ağaçlar, gürültü ve matematiksel fonksiyonlar kullanılarak sıfırdan modellenmiştir. Büyüleyici!

Şimdi, kendinize bu kadar karmaşık bir şeyin nasıl çalışabileceğini soruyorsanız, yalnız değilsiniz. Victor Shepelev {Shan, Shui}* sırrının arkasına geçmek istedi ve nasıl çalıştığını anlamayı kendi varış projesi haline getirdi. Ve gerçekten de, kodu tamamen kazması 24 gün sürdü. Bulgularını bir dizi makalede özetledi.

Küçük bir üretken sanat projesinde ellerinizi kirletmeye hazırsanız, George Francis'in üretken sanat yaratmak için ipuçları ve püf noktaları içeren makaleleri tam size göre. Biraz daha ilham almak için Andrey Andronov'un sitesine de göz atmayı unutmayın. Mondrian ve Bauhaus'tan Süprematizm ve geometrik sanata kadar ünlü ve yeni sanat tarzlarıyla bazı harika deneyler yapıyor.

CSS ile Sanat

Hiç sıfırdan bir CSS sanatı parçası yaratmayı denediniz mi? Değilse, Yosra Emad, başlamanız için size ilham verebilecek, takip etmesi kolay bir eğitim yazdı. İçinde Yosra, yalnızca CSS ile dost canlısı bir hayalet yaratma sürecinde sizi adım adım yönlendirir. İlk taslağı katmanlara bölmekten ve işaretlemeyi planlamaktan sanat eserinin her bir detayını kodlamaya kadar her şeyi gösteriyor. Bu sadece eğlenceli küçük bir kodlama görevi değil, aynı zamanda CSS konumlandırma becerilerinizi bir sonraki seviyeye taşımanıza da yardımcı olur.

CSS sanatı için biraz ilham arıyorsanız, Chuan Yuan'ın Codepen hesabı, çarpıcı CSS arka plan desenlerinin yanı sıra statik ve hareketli CSS çizimleriyle dolu bir hazine sandığıdır. Chuan'ın Japon tasarımcı Ikko Tanaka'nın ünlü grafiklerini yalnızca CSS ile yeniden yarattığı Codepen'i kaçırmayın.

İlham Veren Houdini Paint Worklets

Houdini, CSS Nesne Modeline doğrudan erişim sağlayan ve tarayıcının CSS olarak ayrıştırabileceği kod yazmanıza olanak tanıyan bir dizi düşük seviyeli tarayıcı API'sidir. Konsepte zaten biraz daha aşina iseniz, Paint Worklets'i duymuş olabilirsiniz. CSS'deki değişikliklere dinamik olarak yanıt veren resimler çizmenin bir yolunu sunarlar.

Houdini.how, worklet'lerin nasıl çalıştığına daha derinden dalmak için, denenecek bazı güzel Paint Worklet'leri içerir: ışıltılı arka planlar , konfeti, tozlu gradyanlar, alt çizgiler, araç ipuçları ve daha fazlası. Bir öğretici, her şeyi çalışır duruma getirmenize yardımcı olur ve çoklu dolgu, Firefox ve Safari'deki eksik desteği giderir.

Renk Paletleri Oluşturan Bir Twitter Botu

Renk ilhamı her yerdedir. Bazen bir resimde bile biri bir tweet'e dahil oldu. Bu durumlar için, Renkli Papağan yeni en iyi arkadaşınızdır. Bir yanıtta Twitter botundan bahsetmeniz yeterli, o size görüntü için bir renk paleti ile yanıt verecektir.

Color Parrot'tan yardım istediğinde bottan almak istediğin renk sayısını belirtebilirsin. Numarayı tweetinize eklemeniz yeterli. “@color_parrot bu renkler ne? 6 tanesine ihtiyacım var.”, örneğin. Bu arada, botun arkasındaki hikaye de ilginç: Yaratıcısı David Aerne, birçok uygulama ve web sitesi tarafından kullanılan açık kaynaklı bir renk adları listesi tutuyor. Hangi isimlerin diğerlerinden daha iyi olduğunu ölçmek için her rengin beğenilerini ve tepkilerini toplar. Yani botu kullanarak açık kaynak projesine aktif olarak katkıda bulunuyorsunuz. Kazan-kazan.

Elle Küratörlü Mesh Gradyanları

Güzel gradyanlar? Evet lütfen! Bunları kendiniz yaratmak için zamanınız yoksa veya yeni bir ilham arıyorsanız, Gene Maryushenko'nun elle küratörlüğünü yaptığı örgü gradyanlar koleksiyonunun sizi koruyacağından emin olabilirsiniz.

İnternette bulduklarından memnun olmayan Gene, sitenizi yüksek sesle öne çıkaracak 100 gradyan yarattı. Gradyanlar ücretsiz olarak JPEG olarak indirilebilir. CSS ve SVG daha sonra eklenecektir. Eğlence!

Dost Mikrokopi İçin Bir Jeneratör

Doğru kelimeleri bulmak zor olabilir. Metin yazarlığı ilhamına ihtiyacınız varsa Speak Human mükemmel bir yer olabilir. Örneğin, onay mesajları, saygılı kesintiler ve nazik hatırlatmalar için.

İlham almak için, açılır menüden bir amaç seçmeniz yeterlidir; oluşturucu size akıllı, insan merkezli bir mikrokopya sunar - örneğin, kullanıcılardan e-postalarını istemenin kolay bir yolu veya küçük bir e-ticaret kopyası. bu kalabalığın arasından sıyrılıyor. Çabuk ve kolay.

Kullanılan Yazı Tipleri

Bir proje için bir yazı tipine karar vermeniz gerekiyor, ancak biraz ilham alamıyor musunuz? Ya da belki tipografi ile ilgili her şey için tatlı bir noktanız var? Her iki durumda da, Kullanılan Yazı Tipleri tam da aradığınız şey olabilir.

Kullanılan Yazı Tipleri, yazı tipi, format, sektör ve döneme göre indekslenen bir tipografi arşividir . 20. yüzyılın başlarından kalma eski faturalardan ve gazete ilanlarından bugünün şeker paketleme ve film başlık dizilerine kadar site, tüm kökenlerden tipografik örneklerin bir hazine sandığıdır. Yeni yazı tiplerini keşfetmenin harika bir yolu.

Üretken Doodle Desenleri

Temel geometrik şekillerden neler yaratabilirsiniz? Sy Hong ve Ye Joo Park'a göre, tüm dünyalar! Tasarımcılar, önceden hazırlanmış hazır ayarlardan renkli geometrik karalamalar oluşturan küçük bir araç olan Tabbied'i oluşturmak için bir araya geldi. Sadece ön ayarlardan birini seçin, renkleri özelleştirin ve bir desenin frekansı ve gerçek ızgara gibi ayarları seçin ve — ta-daa! — Doodle'ınızla PNG'yi hemen indirebilirsiniz.

Biraz daha gelişmiş bir şey arıyorsanız, Repper ve MagicPattern de arkanızda. Ve kalıplar söz konusu olduğunda yeterli çeşitlilik olamayacağından, 10×10 ızgarada bir kalıp tanımlamanıza, sonucu önizlemenize ve indirmenize izin veren bir CSS kalıp üreticisi olan Patternify'a da bir göz atmak isteyebilirsiniz. PNG veya CSS. Biraz daha ilham almak için Hero Patterns size tekrarlanabilir SVG arka plan desenleri koleksiyonu sunar ve MagicPattern zikzak veya çapraz olanlar gibi saf CSS arka plan desenleri sunar.

Dünya Çapında İlham Veren Web Siteleri

Kiril web sitelerine ne sıklıkla rastlıyorsunuz? Japon siteleri ne olacak? Veya belirli ancak belirsiz sektörlerden siteler? Alışılmadık tasarım kalıplarını keşfetmek istediğimizde, sıra dışı yerlere bakmak iyi bir fikir olabilir. Örneğin, Kiril.Tasarım, genellikle popüler galerilerde görünmeyen Kiril web sitelerini sergiliyor. Tüm girişler etiketlerle filtrelenebilir ve düzenli olarak yeni web siteleri eklenir.

SiteInspire, web sitelerini sektöre ve kategoriye göre düzenleyerek, kişinin sağlık sektörüyle ilgili web sitelerini veya mimariyle ilgili projeleri aramasına olanak tanır. Design Made in Germany, Alman tasarımcıların çalışmalarını sergiliyor ve Responsive-JP, Japon tasarımcıların mükemmel çalışmalarına ışık tutuyor. Son olarak, Land-Book ve One Page Love'da çok sayıda açılış sayfası bulabilirsiniz, Personalsit.es ise küçük ve sevimli kişisel web siteleri toplar. Şimdi, bu sizi bir süre meşgul edecek!

Mobil Kullanıcı Arayüzü İlhamı

Diğer tasarımcılar belirli bir UI sorununu nasıl çözdü? Stephanie Walter, mobil cihazlar için tasarım yaparken size biraz ilham verecek bazı kullanışlı kaynaklar topladı.

Stephanie'nin listesinde, mobil UI ilhamı için farklı kategorilere düzgün bir şekilde düzenlenmiş 15'ten fazla kaynak bulacaksınız: UI modellerine, görünüm türüne, bileşenlere, belirli akışlara göre sıralanmış kaynaklar, ayrıca uygulama kategorisi ve mobil simge ilhamı . İçerik zaten iki yaşında olmasına rağmen, mobil arayüz üzerinde çalışan herkes için hala bir hazine sandığı.

Abone Olabileceğiniz Podcast'ler

Hangi podcast'leri dinliyorsun? Size ne ilham veriyor ve hiç bilmediğiniz şeyleri keşfetmenize ne yardımcı oluyor? Bunlar, topluluktan gelen çok sayıda harika öneriyle birlikte Twitter'da sorduğumuz sorular. Work-Life, işinizi nasıl geliştireceğiniz konusunda tavsiyeler içeren hoş bir podcast iken Darknet Diaries, bilgisayar korsanları, ihlaller, siber suçlar ve İnternet'in gizli kısımlarında yaşayan her şey hakkında büyüleyici bir dinlemedir.

A Bit Of Optimism'de her zaman olaylara daha iyi bir bakış açısı bulabilir ve Design Better Podcast'i ile tasarım iş akışınızı iyileştirmeyi öğrenebilirsiniz. Design Matters ve 99% Invisible'da tasarımın tüm yönleri hakkında çok daha fazlası var. Parkta yürüyüş yapmak, koşmak veya akşam yemeklerinde biraz yemek yapmak için kitaplığınızda bulundurmanız gereken tüm harika podcast'ler. Ah, ve elbette, bizim de kendi Smashing Podcast'imiz var. Sadece söylüyorum'!

Yer İşareti Karışıklığınızı Çözün

Bir gün işinize yarayabilecek tüm bu faydalı araçları ve makaleleri, okumayı planladığınız kitapları, denemek istediğiniz tarifleri ve göz atarken karşılaştığınız tüm diğer küçük ilham parçalarını depolamak için özel bir sisteminiz var mı? ağ? Yer imleriniz değerli güzelliklerle dolup taşıyor ancak bunların izini kaybettiyseniz, bu yer imi karmaşasını çözmenize yardımcı olacak küçük bir araç sizi bekliyor: Raindrop.io.

Raindrop.io, yer imlerinizi koleksiyonlara ayırmanıza ve onlara aradığınızı hızlı bir şekilde bulmanızı kolaylaştıran etiketler atamanıza olanak tanır ve isterseniz bu koleksiyonları ekip üyeleri ve arkadaşlarınızla bile paylaşabilirsiniz. Araç, cihazlar arasında sorunsuz bir şekilde çalışır ve yinelenen ve bozuk bağlantı bulucu, kaydettiğiniz web siteleri için tam metin arama, Bulut yedekleme ve daha fazlası gibi ek özelliklerle birlikte gelen premium bir sürümde de mevcuttur.

Toplama

Son zamanlarda size ilham veren bir siteyle karşılaştınız mı? Ya da belki yaratıcı bir çukurun üstesinden gelmenize yardımcı olan kullanışlı küçük bir araç? Aşağıdaki yorumlarda bunu duymayı çok isteriz!