Web Tasarımı İyi Yapıldı: Tamamen Anlamsız

Yayınlanan: 2022-03-10
Kısa özet ↬ Web Design Done Well'in bu bölümü, tuhaf ve tuhaf web sitelerini kutluyor. Tatlı, masum, bazen anlamsız amaçlara sahip siteler. Onlar para yapıcılar mı? Oyun değiştiriciler? Mutlaka değil, ama kesinlikle eğlenceliler ve yalnızca web'in gerçekten yönetebileceği şekillerde.

TPG'ler, e-ticaret ve görünüşte sonsuz analitik arasında, hala önemsizliği benimseyen birçok site var. Sadece biraz eğlenmek avantaj sağlamaz mı?

Web, günümüzde çok ticari bir yer gibi hissedilebilir. Gittiğiniz çoğu yerde, dikkatimizi çekmek için yarışan çok sayıda parlak ürün ve sinir bozucu derecede kişiselleştirilmiş reklamlar var gibi görünüyor. Kazanılacak çok para var ve bazen hepsi biraz insanlık dışı gelebilir.

Arkanıza yaslanın, rahatlayın ve keyfini çıkarın. Belki kendi anlamsız bir projenizi bile düşünün. Unutmayalım, World Wide Web'de mümkün olanın tek sınırı hayal gücümüzdür.

Bölüm: Web Tasarımı İyi Yapıldı

  • Bölüm 1: Olağan, Olağanüstü Yapıldı
  • Bölüm 2: Ses Kullanımı
  • Bölüm 3: Mükemmel Editoryal
  • Bölüm 4: Tamamen Anlamsız
  • Ayrıca, sonrakileri kaçırmamak için bültenimize abone olun.

bilgisayar korsanı

Ne yazık ki, modern geliştiricinin hayatı, The Matrix'in bize inandırdığı kadar esrarengiz veya seksi değil, ancak bu, küçük bir hayal gücüne kapılmayacağımız anlamına gelmiyor. Eski ama iyi bir şey olan Hacker Typer, "filmlerdeki ve pop kültüründeki klişeleşmiş hacker gibi görünmek için basit bir arzudan doğdu".

Siyah üzerine yeşil tasarıma sahip Hacker Typer sitesinin ekran görüntüsü.
(Büyük önizleme)
Atlamadan sonra daha fazlası! Aşağıdan okumaya devam edin ↓

Kısa yolculuk

Sanatçılar için World Wide Web'den daha az sayıda daha büyük, battaniye tuval var. Ürün satma ve marka oluşturma üzerine bu kadar çok yüklenildiğinde, kişi yaratılış uğruna yaratılışı gözden kaçırabilir.

Alexander Perrin'in deneysel bir sayfası olan 'Kısa Yolculuk' çevrimiçi olarak nelerin mümkün olduğunu gösteriyor. 'Eskiz' fikri hala çok pratik geliyor - bir kalem ve kağıda ihtiyacınız olan bir şey. Öyle değil. Bu 'etkileşimli çizimde' grafit çizimler ve tramvaylar ön planda ve ortada. Niye ya? Neden?

Alexander Perrin'in grafit çizimlerle hazırladığı deneysel bir sayfa olan Short Trip'in ekran görüntüsü.
(Büyük önizleme)

Bu, Three.js ve JavaScript WebGL ile oluşturulmuştur ve hem masaüstünde hem de mobilde çalışır. Modern web'in etkileşim odaklı tasarımına o kadar alışmışken, dijital bir dünyanın sürüklenip gitmesini izlemenin inanılmaz huzurlu bir yanı var.

çizim.bahçe

"Bahçecilik, ancak emojilerle ve daha az zamanla." Minneapolis sanatçısı Ben Moren, baştan sona güzel çizim bahçesini böyle tanımlıyor. Bu onu kapsıyor. İmlecinizi ekran boyunca sürükleyin ve boş bir alanın çilekler, ayçiçekleri ve (mecazi olarak) sihirli mantarlarla göz kamaştırıcı hale gelmesini izleyin. Sesin de açık olduğundan emin olun.

Üzerinde SM harfleri olan çizim.garden sitesinin ekran görüntüsü.
(Büyük önizleme)

İnsanların 'dijital bahçe' ile ilgilenmekten bahsettiklerinde kastettikleri tam olarak bu değil, ama bu çok hoş bir alternatif. Kökler arasında neler olup bittiğini merak edenler için proje p5.js kullanılarak yapıldı ve kodun tamamı GitHub'da görüntülenebilir.

Flopstarter

Bunun üzerindeki uygulama sadece mükemmel. Kitle fonlaması ve destekçi planları, web'in çoğu için ezber bozan şeyler oldu (bu arada, Smashing üyesi olmayı düşünün), ancak zamanlarında birkaç kez başarısız oldular (biz değil, biz gerçekten iyiyiz). Flopstarter, gerçek olması için zor kazanılmış dolarlarınıza ihtiyaç duyan her türlü saçma fikri bir araya getiren, o kadar da ince olmayan bir satirik altın parçasıdır.

AnkleHub projesiyle Flopstarter web sitesinin ekran görüntüsü
(Büyük önizleme)

Yassı kaseler, patates derisi ceketler, ağlayacak kağıt mendil yastık kılıfları - bunlar çok güzel bir dizi aptalca fikir. Site o kadar profesyonelce yapılmış ki neredeyse ürünleri desteklemek istiyorsunuz. Hemen hemen.

İç Pollock'unuzu Serbest Bırakın

Kim sanatçı olmak için bir şövale ihtiyaç duyar? Bu Jackson Pollock sitesi, kendi manik şaheserinizi yaratmanıza izin vererek, havalı, hesaplayıcı web'e hoş bir organik his verir. Birlikte 'resim yapmak' bir zevktir ve hatta sizi biraz sanatsal olduğunuza ikna etmeyi başarır. (Pollock senin tarzın değilse neden onun yerine Mondrian ve Ben'i denemiyorsun?)

Üzerinde bazı yazarların resimlerinin bulunduğu Jackson Pollock sitesinin ekran görüntüsü.
NFT için bizi izlemeye devam edin. (Büyük önizleme)

On yıldan fazla bir süre önce Yunan sanatçı Miltos Manetas tarafından inşa edilen bu site, web'in etkileşimine yaslanarak neler yapılabileceğinin harika bir vitrini olmaya devam ediyor. Ona bir tuval gibi davranırsak, bir tuval olabilir.

Arpejler

Kullanıcının kaprisine göre ölçekler arasında dolaşan bu Chrome Deneyi, eğlenceli ve saf bir his veriyor. Farklı tuşlar ve enstrümanlar arasında geçiş yapabilmek kesinlikle hiçbir şey için yararlı değildir, ancak kesinlikle hoştur.

Arpeggios sitesinin ekran görüntüsü
(Büyük önizleme)

Gösterişsiz sunum ve arayüz burada sayfanın lehine çalışıyor. Temel unsurları - müzik notaları - etrafında inşa edilmiştir. Ses, web'de kolayca (ve sıklıkla) beceriksizce uygulanır, ancak bunun gibi sayfalar, bir deneyimin ne kadar zengin olabileceğinin bir hatırlatıcısıdır.

Sokoban

İlk olarak 1980'lerde Hiroyuki Imabayashi tarafından yazılan Sokoban , oyuncunun sandıkları her biri belirlenmiş bir depolama konumuna gelene kadar bir deponun etrafında ittiğiniz bir bulmaca oyunu türüdür. Bunun kuru bir öncül olduğunu mu düşünüyorsun? Tekrar düşün. Soğuk bir klasik, biraz bağımlılıktan daha fazlası ve sokoban.info'da oynaması ücretsiz.

Sokoban sitesinden bir ekran görüntüsü
(Büyük önizleme)

Üzerinde çalışılması gereken 7.500'den fazla seviye ile bu, oradaki tüm seri erteleyiciler için önemli bir yer imidir. Her birini mümkün olduğunca az hamlede tamamlamanın ek zorluğu, pratik olarak bunu bir ömür boyu oyun haline getiriyor.

Her Şeyi Tamamla

Hepimizin sahip olmayı dilediği düğme. Her Şeyi Tamam Yap, işleri basitleştirir. Teklifini yerine getirmesi için kaputun altında neler olup bittiğini biliyormuş gibi yapmayacağım, ama bana iyi bir anlaşma gibi geliyor.

Make Everything OK sitesinin ekran görüntüsü
Her an... (Geniş önizleme)

Bir fikrin - ne kadar aptalca olursa olsun - bu kadar basit bir şekilde uygulanmasında güzellik vardır. Aynı zamanda skeuomorfik web tasarımının güzel bir küçük örneği. Tek tuş, tek sonuç. Denemeyecekmiş gibi yapmayın. Yapacağını ikimiz de biliyoruz. Devam et, her şeyi yoluna koy.

Feragatname: Bu, her şeyi yoluna koymayabilir.

GeoCities

Bu OG anlamsız sitedir - daha doğrusu bunlar OG'lerdir. 1994 yılında kurulan GeoCities, kullanıcıların web sitelerini ücretsiz olarak kodlamasına ve aynı fikirdeki sayfalara sahip 'şehirlerde' gruplandırmasına izin veren bir hizmetti. 2009'da sona erdiğinde, yaklaşık 38 milyon kullanıcı tarafından yazılmış sayfa oluşturuldu. Neyse ki, bu sayfaların çoğu restorativland'ın Geocities Galerisi arşiv projesinde yaşıyor.

Dominik Cumhuriyeti'nden resimlerle OG'nin bir ekran görüntüsü
Bunu bana haftanın her günü bir Facebook profili üzerinden ver. (Büyük önizleme)

Arşivlere göz atmak, internetin ne olabileceğine ve hala olabileceğine dair gerçeküstü, hatta hareketli bir bakış sağlar. Akla gelen en yakın çağdaş topluluk IndieWeb'dir. Veya elbette GeoCities'in manevi halefi Neocities. Sıra dışı ve dağınık, ancak etkileyici ve güzel siteler. Edward Snowden'in Permanent Record adlı anı kitabında belirttiği gibi, "amatör prodüksiyonun tüm bu tuhaflıkları ve tikleri, yalnızca sitenin arkasındaki yol gösterici zekanın insani ve benzersiz olduğunu gösterdi."

Yeterince Tuhaf Bir Proje Yok

Yukarıda paylaşılan siteler, web'deki sanat eserlerinin, deneysel sayfaların ve düpedüz absürt projelerin çok küçük bir kısmıdır. Sadece onları ararsanız - hatta birkaçını kendiniz yaparsanız oradalar.

Bunların nereden geldiğini daha fazla görmek istiyorsanız, Pointless Sites ve The Useless Web iyi bağlantı noktalarıdır. CodePen gibi başka siteler müthiş tamircilerle dolup taşıyor. Dijital tarih meraklıları için sizi tekrar nazikçe GeoCities arşivlerine ve onun manevi ardılı Neocities'e yönlendiriyorum. Anlamsız tutku projeleri canlı ve iyi durumda, çok şükür.

  • Jhey Tompkins tarafından “Kodda Oynaklık: Eğlenerek Öğrenmenizi Güçlendirin”
  • Saskia Freeke'den “Beş Yıl Boyunca Her Gün Sanat Eserlerini Kodlamaktan Beklenmedik Öğrenmeler”

Ve eğer cesur hissediyorsanız, neden bir süre önce yazdığınız bu fikri bir araya getirmiyorsunuz? O çerçeveyi, o kitaplığı veya o uygulamayı deneyin. Çok aptal veya değersiz olmak diye bir şey yoktur. Eğer yapmaktan zevk alıyorsan, bu yeterince değerlidir.

Devam et ve anlamsız ol. Çevrimiçi hayatınızda biraz tanrısal dürüst masumiyet bulundurun.