Web Tasarımında Brütalizm: Onu Popüler Kılan Nedir?

Her tasarımcı, web tasarımı söz konusu olduğunda geleneksel olan her şeyi geride bırakma çabasındadır. İlgi çekmek ve etkileşimde bulunmak için bazen tasarımcılar en iyi web tasarım uygulamalarını bir kenara bırakır ve web tasarımı vahşiliği denen bir şeye başvururlar.

Nispeten yeni tasarım ilkesi, tamamen yıkıcı bir şey lehine sezgisel kullanıcı arayüzü gibi geleneksel uygulamaları terk etmeyi içerir.

Brutalist Web Tasarım İlkesini Deşifre Etmek

Brutalist Web Design, Pascal Deville'in bu tasarım trendini web tasarım arenasında tanıtmasıyla ortaya çıktı. Brütalist web sitelerinden oluşan bir çevrimiçi portföyün kurucusu olarak, kolay veya rahat görünme kaygısını gösteren web tasarımlarını belgeliyor.

Aslında, web tasarımındaki acımasızlık, 1970'lerde mimarların, sağlamlığı ve kabalığı tasvir etmek için binaların beton yapısını açıkta bıraktığı bir mimari hareketten esinlenilmiş olarak görülebilir. Web tasarımında aynı ilke, brütalizme ilişkindir - yeni nesil web tasarımcılarının minimalizme ve iyimser tasarımlara yönelik ayırt edici bir tepkisi olarak özetlenen bir yaklaşım.

Allanyu.nyc : Ortak Bir Brutalist Web Sitesi

Web tasarımında brtalizm yeni bir uygulama olabilir, ancak 50'li ve 60'lı yıllarda basılı grafikler, sanat eserleri ve posterler tasarlamak yaygın bir tarzdı.

Brütalizm ve Modern Dijital Peyzaj

Dikkat süresinin azaldığı bir çağda, acımasızlık, müşterilerin dikkatini çekmek isteyen markalar için iş anlamına gelebilir. Acımasız web siteleri temel ihtiyaçlar için kapatıldığından, tasarımın kolay gezinmeyi, hızlı yüklemeyi ve ziyaretçiler için daha az dikkat dağıtmayı teşvik ettiği bilinmektedir.

Esasen, acımasız web tasarımı, bir web sayfasından video, yüksek çözünürlüklü grafikler ve yavaş yüklenen CMS gibi gereksiz öğeleri çıkarır ve yalnızca ziyaretçinin ihtiyaç duyduğu şeyi sunan hızlı bir web sitesi vaat eder. Brutalist tasarım, web sitesi performansını artırmak ve sayfa yükleme süresini azaltmak için aşırı tasarım yağını keser.

Brutalist Web Tasarımı ve Anti-tasarım Arasındaki Sınırları Çizmek

Asimetri, insanları vahşilik ilkelerini anti-tasarımla karıştırmaya ikna etti. Bununla birlikte, dikkate değer farklılıklar vardır ve vahşilik sadece tasarım karşıtı olarak yazılamaz.

Brütalizm, bir web sayfasına çok kişiselleştirilmiş ve standart olmayan bir kimlik bırakmakla ilgilidir - bugün internete hakim olan şablon tabanlı ve standartlaştırılmış web tasarımlarından uzaklaşmak. Bu sadece kaosla ilgili değil, daha çok geçmiş bir mimari tasarım ilkesinden ilham alan özgünlükle ilgili.

Bunu anti-tasarım ile karşılaştırdığımızda, anti-tasarımın yalnızca, yön değiştiren veya çirkin arayüzler oluşturmak için UI'yi soymakla ilgili olduğu gözlemlenir. Bunlar aynı zamanda sert renkler ve kafa karıştırıcı desenler kullansa da, anti-tasarım, vahşiliğin tam tersi olan dikkati dağıtmak içindir.

Brütalizm, mirası olan somut bir ilkedir. Web sayfalarının performansını gereksiz olan her şeyi kaldırarak artıran, tasarımın olmaması değil, tasarıma farklı bir yaklaşımdır. İlk kez gören birine çirkin görünse de, brütalist web tasarımı, Craigslist gibi dünyanın en büyük web sitelerinin bazılarının merkezinde yer alan bir şeydir.

Brutalist Web Tasarımlarının Yükselen Popülaritesi

Brutalist web tasarımcıları, web sitesi çerçeveleri oluşturmak için 90'ların grafiklerini ve elle kodlanmış HTML'yi kullanır. Brütalist tasarım dürüstlüğü, pratikliği ve gerçekçiliği yansıttığından, kötü grafiklere rağmen kullanıcılar arasında giderek daha popüler hale geliyor. Yerinde olmayan metin ve yapışkan grafikler, minimalist ve modern tasarımlardan daha verimli bir şekilde dikkat çekme eğilimindedir. Tüm vahşilik fikri, sözleşmeleri yıkmak ve öne çıkmaktır.

Ayrıca, yukarıda tartışıldığı gibi, brütalist tasarım web sitesini hızlandırır. Modern bağlamda, sayfa yükleme süreleri daha yüksek olan web siteleri yüksek terk oranlarından muzdarip olduğundan, bu son derece faydalıdır. Dolayısıyla, daha yüksek dönüşüm olasılığı, web tasarımında vahşiliğin artan popülaritesine yol açıyor.

Craigslist : Acımasız Web Tasarımlı En Popüler ve Başarılı Web Sitesi

Tüm dünyada giderek daha fazla marka ve şirket, brütalist tasarımları denemek için öne çıkıyor. Craigslist, temel sunumunda vahşiliği benimseyen popüler bir web sitesinin muhteşem bir örneğidir.

En İyi Brütalist Web Tasarım Uygulamaları

Brutalist web tasarımının etkinliği konusunda ikna olmasanız da web tasarım ekosisteminde binlerce meraklı ve brütalist destekçi var. Siz de brütalist tasarımın faydalarını merak ediyorsanız ve onu bir sonraki projeniz için kullanmak istiyorsanız, brütalist tasarım ilkesini takip etmek için bazı en iyi uygulamalar aşağıda verilmiştir:

• Gölgelendirme veya doku olmadan siyah veya beyaz olarak belirgin ve ayırt edici arka plan kullanın
• Gölgeler, degradeler veya desenler gibi hendek tasarımı karmaşıklıkları
• Tüm web sitesi veya tek aralıklı tipografi boyunca tek bir yazı tipi kullanın
• Dolgusuz öğeler ve yakın yerleştirilmiş metinlerle kalabalık bir tasarım desenini takip edin
• İçerik yerleşimi için ayrı bir hiyerarşi kullanmayın
• Öğeleri kasıtsız görünecek şekilde üst üste getirin
• Geçmiş dönemin analog tarzı tasarım öğelerini kullanın
• Asimetrik kalıpları ve çerçeveleri her yerde takip edin
• Yeşil ve kırmızıya önem veren farklı ortak renk paleti
• Animasyonlardan kaçının ve uygun olmayan görsellerden yana olun
• Basit veya navigasyonsuz tek sayfalık tasarımı takip edin
• Monotonik tonlarda veya siyah beyazda farklı görüntüler kullanın
• Üst baskı ve hizasızlık gibi birçok görsel tutarsızlık ve hataya sahip görünen bir web sitesi tasarlamaya kendinizi adayın.

Brutalist Web Tasarımına Başlarken: Ne ve Nasıl Yapılır?

Artık en iyi uygulamaları bildiğinize göre, bir sonraki projenizde bu tasarım konseptini uygulamayı düşünebilirsiniz. Pratiklik yönleri nedeniyle, müşteriniz/şirketiniz aynı şeyi beğenmeyebileceğinden, bir proje için tamamen kaba bir brütalist tasarıma gitmek istemezsiniz. Bunun yerine çeşitli brütalist unsurları denemeyi ve bunları profesyonel veya ticari web sitelerine entegre etmeyi düşünebilirsiniz. Brütalizm, kişiselleştirme ve her gereksiz öğeyi keserek bir web sayfasına bir kişilik duygusu eklemekle ilgilidir. Bu nedenle, bir web sayfasını tuvaliniz olarak düşünün ve ezbere bir şaheser yaratmaya başlayın.

Acımasız web tasarımı için iki şekilde gidebilirsiniz. Ya temeliniz olarak bir web sitesi için acımasız bir WordPress teması seçebilir ya da bir sayfa oluşturma aracı kullanarak web sitenizi sıfırdan elle kodlayabilirsiniz. Her iki yaklaşımın da kendi artıları ve eksileri vardır.

Brutalist WordPress Temalarını Kullanma

WordPress temaları, web tasarım sürecini başlatmak için hazır öğeler sunduğundan, bir tasarımcının veya şirketin bir parçası olarak zamandan, emekten ve yatırımdan tasarruf sağlar. Bu iyi bir fikir olsa da, brütalist temalar söz konusu olduğunda pek fazla seçenek yoktur. Deneyebileceğiniz bazı temalar FlowMag , Brutal ve Glitch'dir .

Ancak kendi brütalist web tasarımınızı oluşturmanız daha iyidir. Bu şekilde her bir öğeyi özelleştirebileceksiniz. Minimalist bir temayı temel alın ve kaputun altında kodlama yaparak tasarımınızı elle oymaya başlayın.

Bir web sitesini sıfırdan elle kodlama

Bir web sitesini elle kodlamak zaman alıcı olabilir, ancak acımasız web tasarımı ile gitmek istiyorsanız, bu en iyi seçeneğiniz olabilir. Alternatif olarak, çok fazla çaba harcamak istemiyorsanız, acımasız bir web tasarımını mükemmelleştirmek için Elementor gibi güçlü bir sayfa oluşturma aracı kullanabilirsiniz. Bu tercihin birden fazla nedeni var.

İlk olarak, tasarımınızı baştan özelleştirme ve mükemmelleştirme gücü veren boş bir sayfa varsayılan teması sunar. İkinci olarak, farklı sayfa öğeleriyle denemeler yapmanıza olanak tanıyan birçok özelleştirme seçeneği sunar.

Web Tasarımcıları İçin Yararlı Brütalizm İpuçları

Kitlenizi Tanıyın

Konu vahşet olduğunda katı ve hızlı kurallar olmamasına rağmen, kitlenizi derinlemesine anlamanız ve tanımanız gerekir. Brütalizm her işletme veya marka için değildir. Yalnızca tasarım stratejisinin iş hedeflerinizle uyumlu olduğuna güveniyorsanız brütalizm yaklaşımını benimsemeniz gerekir. Böyle bir tasarım izleyicilerinizi uzaklaştırıyorsa, brütalist tasarımlara olan sevginizden vazgeçmelisiniz.

Dengesizlik. Dengesizlik. Dengesizlik!

Muhtemelen öğrenmiş olabileceğiniz ilk şey, son kullanıcılar için rahatlatıcı ve sezgisel bir web tasarımı oluşturmak için beyaz boşlukları dengelemektir. Ancak uygulamalı vahşiliğinizi denemek istiyorsanız, farklı ve büyük renk blokları kullanarak bir web sayfasındaki beyaz boşlukların dengesini bozmanız gerekecektir. Estetik hoşluk söz konusu olduğunda tüm gelenekleri unutmanız gerekecek.

Pratiklik Üzerinden Güzelliği Bırakın

Brütalizm tamamen pragmatik olmakla ilgilidir. Kusursuz brütalist web tasarımı yaratmak istiyorsanız, tasarım klişelerinden kaçınmanız ve tek bir şeye odaklanmanız gerekir: dönüşüm. Web sayfanızda güzel görünen öğeler kullanmaktan kaçının ve bunun yerine her şeyi basit ve konuya uygun tutun.

Farklı Şekiller Kullanın

Brutalist web tasarımları, her boyutta eksantrik ve soyut şekillerden yararlanan 20. yüzyıl mimari trendlerinden ilham alıyor. 20. yüzyılın ortalarında, tek renk tonlarındaki farklı şekiller, binalar söz konusu olduğunda popülerdi. Aynısı günümüzün brütalist web tasarımı için de geçerlidir. Brutalist yaklaşımı takip ederken, uyumsuz şekiller kullanın.

İlgi Çekici Gerçek Hayattan Brütalist Web Tasarım Örnekleri

Brutalist tasarımlar standart web tasarım ilkelerine uymaz. Ancak bazı şirketler, web siteleri ve popüler platformlar bu konsepti büyük bir başarıyla kullanıyor. Yukarıda belirtilen örneklerin yanı sıra, burada bazı gerçek hayattan örnekler var. Bunlar çekici görünmese de, tüm bunlar mutlak mükemmellik ile brütalist ilkeleri uygulamıştır.

1. Hacker Haberleri

haberler.ycombinator.com

Hacker News , web sitesindeki hantal öğeleri, kaba, net ve net hale getirmek için başarıyla çıkaran popüler bir platformdur. Etkileşimlere ve katılım düzeyine bakarak brütalist tasarımın onlar için nasıl çalıştığını görebilirsiniz.

2. Bitki22

bitki22.co

Plant22 , renkli modüler tuğlalar kullanarak vahşiliğe alternatif bir yaklaşımı başarıyla benimsemiştir. Izgara tabanlı brütalist tasarım trendde ve yanıt verme konusunda harikalar yaratıyor. Göze zarar vermeden web sitesini hızlandıran bu tür bir vahşilik, benimsenmeye değer bir şeydir.

3. RESİM(LER) ŞİMDİ

Picturesnow.org

Pictures Now web sitesinde, düz bir arka plan rengi, hiyerarşik olmayan düşkün ve web sayfasının ortasında büyük boyutlu metin gibi vahşiliğin çeşitli öğelerini görebilirsiniz. Bütün bunlar temel vahşilik ilkelerini temsil eder.

Brütalist Web Tasarımı: Sonuç Açıklamaları

Acımasız web tasarımları, keskin etkisi nedeniyle daha yüksek sayıda dönüşüm vaat etse de, her işletme veya marka için uygun değildir. Brütalist web tasarımı lehine veya aleyhine karar vermenin kilit unsuru, artı ve eksilerin derinlemesine bir analizini yapmak, acımasızlığın marka imajınıza, çalıştığınız sektöre ve hedef kitlenizin isteklerine uygun olup olmadığına bakmaktır.

Birçok özel web uygulaması tasarım ve geliştirme şirketi, brütalist yaklaşımı yayıyor olsa da, modern web tasarım gereksinimlerinizle ilgili tüm yönleri değerlendirerek akıllıca bir karar vermek önemlidir. Ve bir akış içindeyken, bilinçli bir karar vermenize yardımcı olabilecek bir uzmanla iletişime geçtiğinizden emin olun. Sadece yutturmaca içine acele etmeyin. Akıllı olun ve işletmenizin çevrimiçi ayak izine değer katan bir şey seçin. Peki, ne bekliyorsun? Bugün brütalist tasarım hakkında düşünmeye başlayın ve web siteniz için gerçekten yararlı olup olmayacağını görün.