Brutalist Web Tasarımı için Geliştirici Kılavuzu

Herhangi bir popüler web tasarımı bloguna bakarsanız, okuyucular ve geliştiriciler için çekici olan çok sayıda güzel ve kullanımı kolay tasarım göreceksiniz. Bununla birlikte, zaman (konuşarak), web tasarımının hala çevrimiçi dünyayı kontrol etmek için bir büyüme ve güvenli yazı tipleri döneminde olduğu bir döneme geri dönmek için gelişen eğilimler vardır. Kağıt üzerinde, ‘acımasız tasarım’, web tasarımının en kötü unsurlarını alır ve en iyi şekilde görüntüler. Ancak, bu tam hikaye değil. Tıpkı minimalist gibi, acımasız evlat edinmenin tasarımlarıyla görünen açık bir hedefi vardır. Aynı zamanda, bu siteler statükoya meydan okumak için tasarlanmıştır.
Bu yazıda, bu eğilimi daha derinden göreceğiz ve web sitesini neyin acımasız kıldığını açıklığa kavuşturacağız. Ayrıca, bu tekniği kendi projenizde nasıl kullanabileceğiniz hakkında konuşacağız. Hadi çalışalım! Acımasız Web Tasarımına Giriş Tarih dersleriyle başlayalım. Acımasızlık şiddet terimi gibi gelebilir, ancak gerçek çağrışımdan çok uzaktır. Bu aslında “ham beton” için Fransızca teriminden geliyor. Aslında, II. Dünya Savaşı’nın sonunda Avrupa’da popüler bir vahşilik mimarisi. Acımasızlık, hedeflere ulaşmak için bir araçtır. Sadece birkaç kişinin çok parası var ve bu, savaş çatışmalarındaki birçok binada meydana gelen hasarı yeniden inşa etmek için hızlı, ucuz ve doğrudan bir yoldur. Ancak bu, stili güzelleştirmek için bir çaba olmadığı anlamına gelmez:

Acımasız web tasarımı aynı felsefeyi, bu durumda ‘ham’, doğrudan ve olumsuz stilleri takip eder. Bu kategoriye dahil olan birçok tasarım sert ve hatta rahatsız görünebilir. Yakında gerçek dünyaların bazı örneklerini sunacağız ve acımasız bölgenin ana işaretlerini tanımlayacağız. Bununla birlikte, 1900’lerin ortalarında mimarlık felsefesinin neyin neden olduğunu tartışmak için kısa bir zaman ayırmak güzel. Neden acımasız web tasarımı var olan WordPress, vahşeti artırmanın nedenlerinin bir parçası olabilir. Platformun en büyük şampiyonu bile ‘WordPress ekranının’ bir şey olduğunu inkar edemez, bu da sonuçta bir dizi tasarımcının aynı tür siteyi inşa etmekten yorulmasına neden olur: aynı tasarımcılar ‘çerez kesici’ yaklaşımından da yorulur. Genel web sitesini tasarlamak, sadece WordPress söz konusu olduğunda değil. Aslında, şimdi çeşitli nişlerle ilişkili temel ve genel tasarım öğelerinden bahsedebilirsiniz: fotoğraf web siteleri için mozaik galeriler ve ışık kutuları; Kahramanların resimleri, harekete geçme çağrısı (CTA) ve iş siteleri için bir sayfa düzeni vb. Bu gerçek, bazı tasarımcıların zamanı geri çevirmek ve sadece minimalist değil, aynı zamanda işlevsel ve tek amaçlı web siteleri oluşturmak istemesine neden olan şeydir. Ne demek istediğimizi açıklığa kavuşturmak için bazı örneklere bakalım.

Bu noktada vahşi ‘web tasarımında’ vahşi ‘web tasarımında örnekler, bahsettiğimiz tasarım türünde bazı genel unsur örnekleri sunmak istiyoruz. Bunu vahşilik için Spotter web sitesi için hızlı bir rehber olarak değerlendirebilirsiniz. Felsefe hakkındaki tüm felsefeyi hissetmek istiyorsanız, acımasız web sitesini ziyaret edebilirsiniz: Bu, acımasız siteden platform-agnostik bir not sayfasıdır, bu da size bu tür tasarımı neyin içerdiğine dair net bir vizyon sağlar. Sadece kaydırarak çarpıcı bir renk şeması, garip bir yazı tipi seçimi, garip bir sayfa öğesi, ASCII sanatı ve daha fazlasını göreceksiniz.
Örneğin, bu web sitesine bakın:

Sadece bu sayfa, acımasız web sitesi tarafından dahil edilme eğiliminde olan tüm kutuları kontrol eder. Web için çok büyük ve güvenli bir yazı tipi? Kontrol. Düzen veya konumlandırma konsepti yok mu? Kontrol. Eğimli rollover elemanı düzgün çalışmıyor mu? Üç ardışık. Bu siteyi vahşete dayalı diğer daha ünlü web siteleriyle karşılaştırabilirsiniz – Craigslist:
Açıkçası burada tamamen farklı bir nüans var, ancak bu sayfanın hala acımasız bir unsuru var. Örneğin, bu çok işlevseldir ve gereksiz veya rahatsız edici özellikler eklemeyerek yaklaşımında ‘dürüstlüğü’ gösterir. Bu öznel unsur, daha somut bir tasarım konsepti gibi acımasız web tasarımı kadar önemlidir.

Son olarak, popüler İtalyan moda etiketi olan Fiiorucci’ye bakalım:

Bu web sitesinin çoğu, kullanımın genellikle dönüşümle aynı olduğu düşünüldüğünde anlaşılabilen geleneksel bir e-nüansa sahiptir.Bununla birlikte, ziyaretçileri satış sayfası ve bülten kaydı gibi önemli unsurlara yönlendirmek için önemli unsurlar ‘acımasız’ olarak değiştirilmiştir: Bu son örnek Awwards web sitesinden – en iyi web sitelerinin tasarımı ve uygulanması.Böylece, acımasız alan kürasyonları ilham bulmak için araştırmaya değer.Acımasız bir web tasarımı ile nasıl başlanır Nihayet, biraz daha pratik olalım.Bu tür bir web tasarımında yeniyseniz, tamamen acımasız bir web sitesi oluşturmak istemediğinizden şüpheleniyoruz.Daha spesifik olarak, müşteriniz bunu takdir etmeyebilir.Bunun yerine, acımasız tasarım öğelerini denemek, bugün kişisel veya profesyonel projelerinize yapmak isteyebilirsiniz.

Burada alabileceğiniz iki ana yaklaşım var. İlk olarak, temel olarak acımasız öğelerle WordPress temasını seçebilirsiniz. Ancak, sunulan seçimler çok fazla değil. Kendi araştırmamıza dayanarak, sadece birkaç tema (FlowMag, Glitch ve Acrical gibi) uygundur. Bunun yerine, acımasız tasarımınızı elle oyarak daha fazla mesafe elde edebilirsiniz. Bu, tasarımı ilk etapta nasıl ‘hackleyeceğinizi’ düşünerek mantıklı. Bu stratejiyi seçerseniz, oldukça düz bir tabandan başlamak isteyebilirsiniz. Burada çok minimalist bir tema seçmek önemli olacaktır, çünkü çadırın altında ince ve acımasız bir kod isteyeceksiniz. Faturaya uygun birçok ücretsiz tema, özellikle önceki WordPress varsayılan temalarından bazıları veya Automattic’ten herhangi bir şey: Kendi site kodunuzu oluşturabilmenize rağmen, sağlam bir sayfa üreticisi kullanarak işi daha hızlı tamamlamanıza yardımcı olacaktır. ‘Kilitleme’ olmadan bir çözüm seçerseniz, müşteri onlara sunduğunuz şeyden rahatsız ise değişikliklerinizi bile geri yükleyebilirsiniz. Görüşümüze göre, Elementor burada çeşitli nedenlerle önemli bir seçimdir. Daha spesifik olarak, varsayılan ‘boş-slate’ teması, acımasız tasarımınızı oluşturmak için ana temeli sağlar. Bina için bir temeliniz olduktan sonra, site sayfanızdaki öğeleri denemeye başlayabilirsiniz. Renk çarpıcı ve belirgin olmalı, örneğin – koyu mavi ve kırmızı düşünün ve çatışmayı. İdeal olarak, rengin de ‘web için güvenli’ olmalıdır:

Aynı şey yazı tipleri için de geçerlidir. Uygulamasında neredeyse garip hale getirmek istiyorsunuz ve web güvenli. Şüphe varsa, size yardımcı olacak iki kelimemiz var: “sans-serif” ve “büyük”: daha önce de belirttiğimiz gibi, acımasız bir düzen yapmak malzemedeki zihinle ilgilidir. Başka bir deyişle, bu alışılmadık felsefe ile düşüncelerinizi uyumlu hale getirmek için bazı zihinsel değişiklikler yapmanız gerekir. Bu nedenle, daha fazla bilgi edinmenize yardımcı olabilecek birçok öğretici ve düşünce vardır. Gerçekten acımasız bir web tasarımını anlamak ve kullanmak istiyorsanız, bu materyali mümkün olduğunca okumanızı öneririz.

Sonuç Brutriyal web tasarımı, web sitesinin düzeni açısından sadece kötü kenar vakalarının bir felsefesi değildir. Bu, aynı eski düzene ve klişeye bağlı olmayan içerik sunmanın daha işlevsel bir yoluna geri döner ve tasarımınızla ne elde etmek istediğinize bağlı olarak bir yere sahiptir. Bu bölümde, acımasız bir web tasarımının ne olduğunu ve neden bunu önemsemeniz gerektiğini gördük. Uygulanabilir yaklaşımların bazı örneklerini görürseniz, 90’lı yılların başından itibaren estetik ağını görmesi zor olabilecek yapışkan unsurlarla birleştiğinde göreceksiniz. Ayrıca, web sitesinin beklenenleri takip etmek yerine, web sitesinin (ve sizin) istedikleri şey olması gerektiği felsefesine göre, tüm bunlar için dil-pipi’nin yönleri olduğunu da anlayacaksınız. Acımasız web tasarımının hayranı mısınız ve kendi tasarımınızdaki bazı teknikleri kullanacak mısınız? Aşağıdaki yorumlar bölümünde bize fikrinizi anlatın! Önde gelen görüntü: Ifinnson, JISUS10.

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir