Yeni Tasarım Yok Tasarım mı?
Ah, günleri iyi hatırlıyorum… her şey parlak, gölgeli bir degrade, en az 6 parça küçük resim ve 5 kutlama ofisi çalışanının bir fotoğrafı. Klavyenin resimlerini üzerlerinde üzerlerinde tuhaf düğmeler ve parlak sembollere sahip 3D efektli sopalarla sevdik.
Ve sonra ne oldu? iOS 7 geldi. Photoshops'umuzdaki gradyan aracı toz toplamaya başladı ve büyük stok kitaplığımızı sildik.
Düz tasarım 2013 yılında devraldı . Her şey parlak, karikatürleşmeli ve elbette düz olmalıydı. Düz tasarımın, skeuomorphism'e bir tepki olduğu gibi, bir şeyleri tamamen başka bir şekilde görmeye başlıyoruz.
Peki, yılın yeni lezzet nedir? İstediğim için memnun oldum: 90'ların sonlarında kapatılan açık kaynaklı bir yazılım şirketinin indirme sayfası gibi görünen siteler.
Bu tarafından belgelenmiştir Brutalist Web Siteleri , çekişe bastı ve Washington Post ve Hızlı Co bir çift isim. Ama kesinlikle, bunlar sadece iddialı tasarım ajansları ve deneysel sanatçıların web siteleridir? Brutalist Web Siteleri vitrininde, bu çoğunlukla doğrudur, ancak bu estetik sızıntının ana akımdan geçtiğini görmeye başlıyoruz. Güzel! Günümüzün geri kalanı için şık düz tasarıma bakamıyoruz, değil mi?
Şahsen ben bu trendi seviyorum. Ben oradaki en keskin web tasarımcısı değilim ve ne yapabildiğim en iyi şey, ne yapabildiysem yapabileceğim bir şeydir.
Eskiden modası geçmiş bir web tasarımı için interneti temizlerken, tıknaz Times New Roman'da ve garip frameetlerde keyif alarak zaman harcıyordum. Muhtemelen bana daha basit bir zaman hatırlattığı için, insanlar kendilerini webmaster olarak adlandırdı ve her şey kalıcı olarak 'Yapım Aşamasında' oldu.
Ancak, web tasarımını sıfırdan öğrenmek isteyen WP temasını benimsemek yerine ya da CSS çerçevesi, hayallerimin basit, çirkin web sitesini oluşturmak için her zaman çok utandım. 'Nokta ne olurdu?' Diye düşündüm. Onu göstermek saçma görünmemi sağladı. Bir karmaşaya benzemeden her şey için bir portföy olarak kullanamıyorum.
Görünürde hiçbir JavaScript içermeyen CSS-ışık web sitelerini görmek bana başka insanların sitelerinde çalışmayı bırakmamı ve kendi başıma yapmamı sağladığını söyledi.
Yeni minimalist sitelerin seçimine baktığımda, onların güzel çirkin kafalarını yetiştirmekte görünen birkaç temel tema fark ettim.
Tek renkli
Tek renkli tasarım, iyi tasarımın yapması gereken şeyi yapar: içeriğe dikkat çeker.
Fantezi CSS Yok
Eski güzel günleri hatırlıyor musunuz? Herkes bir web sitesine sahip olduğunda ve kanıtlayacak bir şey olduğunda? Hiçbir (veya küçük) CSS yaklaşımı o günleri geri getiriyor ve kişisel olarak bir web sitesinin sadece kısa bir biyoya ve bağlantıların toplanabileceği daha basit zamanlar için son derece nostaljik hale getiriyor.
Eğimli / çakışan metin
Eğimli metin, kullanıcıyı biraz kapatır ve şaşırtıcı bir şekilde . Bunun yerine, kullanıcının görmeye alışık olmadığı bir şey olduğu için güçlü bir izlenim bırakıyor.
Loïc üzerinde kullanılan deneysel metin yerleşimine göz atın. onun sitesi . Okunabilirliğin toplam saygısı, ziyaretçilere fiyat etiketleri içermeyen moda mağazasının hissini verir. Bu çok bilgilendirici (ve bu durumda, aloof) bu şık.
Ölçek ya da dolgu için küçük saygı
Bloomberg en oldukça deneysel olmak bu günlerde ve ben onu seviyorum. Tasarımcının büyük patronla onaylanmak için uğraşması gereken denemelerin ve heveslerin olduğunu hayal edin.
Bunun harika olmasının nedeni, bunun çok farklı olmasıdır. Sert tasarım kurallarına çok az saygı duyuyor: öğeler arasında yeterli boşluk bırakmak, işleri benzer ölçekte tutmak ve hatta her şeyin tüm cihazlarda uygun şekilde okunabilir olmasını sağlamak.
Eski teknolojiye referanslar
Birçoğumuz, Windows 98'in veya Mac'in önceki işletim sistemlerinin düşkün anıları olacak. Bazı web siteleri, eski yazılıma referans vererek, nostaljiyi ve belki de mizah duygusunu aşılar. Sonuçta, bir sürü acımasız web tasarımı 'eski günlerden' geliyor.
Bu örneğe bakın HTML gönder (Bu klasörlerin her biri deneysel sanat içerir).
Bu tasarımcılar için ne anlama geliyor?
Düz = basitlik olduğunu düşündük, ama doğru bir şekilde bunu elde etmek için bir ton tasarım çalışması gerekiyordu.
Ön plana çıkan acımasız estetiği ile tasarımcıların geleneksel CSS çerçevelerine ve kod sitelerine sıfırdan daha az güvenmeleri gerekiyor.
Ancak, bu eğilimi kendi sitelerinde kullanan işletmeler gibi görünmüyor. Brutalist tasarım - Bloomberg ve diğer bazı büyük isimlerin dışında - şu anda tasarım ajansları, deneysel siteler ve kişisel bloglarla sınırlı.
Kendi acımasız web sitenizi yapmak istiyorsanız, burada birkaç işaretçi var…
Mevcut sitenizin CSS'sini şeritleme
Bazı siteler yatay konumlandırma için ağırlıklı olarak CSS'ye güvenirken, bazı sitelerde tüm stilleri kopyalamak ve yine de 'düzgün' göstermeleri mümkündür. İşte bir örnek:
Siteniz, gösterişli animasyonlar, JavaScript veya fantezi CSS'ye dayanıyorsa , bu stili benimsemek istiyorsanız muhtemelen yeniden yapılması gerekecektir. Aslında, WordPress'i kapatmamın sebebi, vizyonuma uyan bir tema bulamadığım için oldu. Sonunda, 2000'lerin başlarından itibaren eski bir şablon düzenleyerek HTML / CSS öğrenmeyi gerçekten bitirdim. Ondan sonra kendime gelip kendimden geçip, kendi dağınık CSS'imi karalamak ve en parlak şeyi 'cilalı' modern bir siteden yapmak için kendime güven duydum.
Tek renkliye geri kes
Bazen acımasız tasarım basit bir tasarım demektir. Ve bu kullanıcı deneyimi için her zaman harika. Mevcut renk paletinizi sadece 2 renge (siyah ve diğeri — beyaz, teknik olarak) geri çevirmek, kullanıcının aşırı yüklenmesini azaltmaya ve nereye gidileceği konusunda daha net bir yönlendirme sağlamaya yardımcı olabilir. Sonuçta, metin alanında tonlarca farklı renk içeren siteler görmüyorsunuz çünkü odaklanmak zor.
Metin konumlandırma ile yaratıcı olun
Kim herşeyi güzelce hizalaman gerektiğini söyledi? Örneğin, Loïc Dupasquier’in web sitesi, tasarımcıyla ilgili bir şey söyleyen cesur bir ifadedir. Diğer tüm potansiyel kiralamalar ile tam olarak aynı görünmek iyi bir görünüm değildir.
Bu alandaki en ünlü tasarımcı siz değilseniz, her zaman en iyisi olacaksınız. Tipografi ile ilgili geleneksel 'kurallar' u uyararak, kalabalığın dışında durursunuz.
Temelleri ve eski yolları yeniden öğrenin
Benim için bir tasarım veya beceriyi yeni bir zihniyete uyarlama meselesi değildi. Web tasarımının temellerini, sitelerin size gösterdiğim gibi görünmeye başladığını öğrendim, bu yüzden tek yapmam gereken hızlı bir tazeleyici ve işe koyuldu.
Eski sitelerdeki ve Brutalist Web Sitelerinde bulunanların kaynak kodunu kontrol etmenizi tavsiye ederim. eski HTML eğiticileri veya bu altın madeni Hala hayatta olan en eski web sitelerinin bir listesini sunuyor.
Bu tarzın iyi çalıştığı yerde (ve olmadığı yerde)
Sonunda, bir web sitesi her zaman kendini ifade etme ve kullanıcılarınız için en iyi deneyimi oluşturma arasındaki dengedir.
Bir blogda, metnin gövdesini sindirimi kolaylaştıracak konsantre olmak en iyisidir. Bloomberg'in Yahoo'daki parçası oldukça tuhaf olsa da, ana metnin okunmasının kolay olduğunu göreceksiniz.
Yani, bir blog oluştururken, makalenin gövdesi için kurallara uymak daha iyidir. Örneğin, KABLOLU Tasarımı oldukça belirgindir ancak makalelerin kendileri söz konusu olduğunda, hoş bir yazı tipi kullanır ve okunabilir tutar.
Çoğunlukla tıkalı şirketler ile çalışan bir tasarımcı için, deneysel bir portföy müşteriyi en hayati anda - ilk temasta - kapatabilir.
Sonunda, seyircinizi tanımak ve tamamen göz ardı eden sözleşmelerden kurtulup kurtulamayacağınızı anlar.
Git ve iğrenç bir şekilde parlak bir şey yap.