Modern Sanat Tarihinden Web Tasarım İlhamı
Önceki yazımda, kısa bir sanat tarihi ve ondan ilkelerin web tasarımının modern ticaretine nasıl uygulanabileceğini gösterdim.
Burada temayı sürdüreceğim, ancak bize ve ilham vermeyi öğretecek dersleri olan modern tasarım hareketlerine (özellikle 20. yüzyıl) odaklanacağım.
Modern tasarımla ilgili meydan okuma, düzinelerce hareketin var olması ve her birinin birbirine karışmış bir karmaşa içinde birbiriyle çakışmasıdır.
İşler artık yüzyıllık bir Rönesans ya da Barok dönemi kadar basit değildir. Yönetilebilir tutmak için, burada gözden geçirmek için birkaç hareket seçtim.
Sanat ve El Sanatları hareketi
Yolculuğumuza başlıyoruz Sanat ve El Sanatları hareketi 1860'larda başladı ve yaklaşık 1910'a kadar gelişti. Hareket, ustalık ve sadeliği vurguladı ve eseri yaratmak için kullanılan gerçek malzemelere karşı duyarlıydı.
Temel olarak, hareket, modern makine çağı için doğrudan bir tepkiydi ve onun tarzına ve dekorasyonuna meydan okudu. Sadelik, işlevsellik ve işçiliğe odaklanan Sanat ve El Sanatları hareketi, modern tasarımcının çizebileceği birçok şey sunar.
Modern makinelere temelde karşı olan ve bunları web geliştirmeye uygulayan bir hareketin çizim prensipleri, bariz bir problem yaratıyor. Ama neyin peşinde olduğumuzu görelim.
Amaç ve teknolojik sadelikle meşgul olan dönemin tasarımcıları, genel olarak kaliteye ve tarza devam ederken, büyük ölçüde süsleme ve desenlere dayanıyordu. Bu unsurlar o kadar önemliydi ki, bu döneme ait bir kitap onlara adanmıştı. Süsleme Dil Bilgisi .
Süsleme, desen ve inceltme
Kelmscott Press tarafından basılan Gotik Doğanın bu sayfası, temel olarak kitlesel üretime karşı olan zahmetli bir zanaat ve estetik sergiliyor. Bunu web tasarımına nasıl uygularız? Sıçrama oldukça zor, ama bence burada bir kazanan var:
Bir web sitesinin, en temel düzeyde, bir teknoloji kucağına sahip olmasına rağmen, bu özel web sitesi Sanat ve El Sanatları tarzı ile web arasında harika bir köprüdür.
Yeni başlayanlar için, dikkate değer bir el yapımı bir his var. Arka plan büyük olasılıkla dijital vektör formatına dönüştürülmeden önce el işi olmuştur. Web sitesi, işçiliğe doğrudan bağlantısı olan konuyu (örneğin, mektubu) açıkça yansıtmaktadır. En önemlisi, grafik ya da dekorasyon eksikliği, arıtmaya ek olarak, bu stili uygun hale getirir.
Bir başka ilginç, çok farklı olsa da, örnek Zaarly , ayrı bir görsel yumruk atıyor. Web sitesi, modern işlevselliği zanaat odaklı bir tarzda birleştiriyor. El işçiliği ve doğal renk paleti bu tasarımı somut el sanatlarına bağlar. Tasarımcı birçok yönden, bu tasarımı, onu yaratmak için kullanılan soğuk, steril teknolojilerden uzaklaştırarak kişisel, doğal bir duyguya yöneliyor.
Web sitesi kesinlikle Facebook, Twitter ve Google Haritalar entegrasyonu ile modern araçlardan kaçınmıyor. Aslında, güzel tasarım modern uygulaması ve alaka düzeyi olmadan işe yaramazdı.
Bu tarzın etkisini düşünelim. Rastgele karar verildiğini varsayabiliriz. Dikkatlice hesaplandığını öneriyorum. Bu, radikal olarak farklı bir yaklaşımı temsil eder. craigslist , Zaarly'nin bir rakibi. Web sitesini kişisel ve daha az “dijital” hale getirerek, tasarımcılar insanlara tamamen farklı bir seviyede hitap etmeye çalıştılar. Tasarım, Sanat ve El Sanatları hareketinin idealleri ile tamamen uyumlu ürünle çok kesin bir amaca hizmet ediyor.
Art Nouveau
Art Nouveau hareketi 1900'lerde popülerdi ve zamanın mimarisi üzerindeki etkisi için en çok tanınan bir şeydi. Stil, stilize akan çizgilerle çiçek ve bitki unsurlarını yakaladı. Bu eleman kombinasyonu, sanatı bu dönemde tanımlamak nispeten kolay hale getirir.
Güzel poster Maude Adams Joan of Arc tarafından Alfons Mucha Art Nouveau'nun tüm temel prensiplerini somutlaştırır. Açıkça görülebilen çiçek desenleri ve akan çizgilerdir. Boyama tarzı, kesinlikle güzel sonuçtan uzaklaşmadan, onu oluşturmak için kullanılan teknikle vurgulanır. Diğer stilize hareketlerin gerçekçi ve dekoratif unsurlarının bir kombinasyonu gibi ( İzlenimcilik , Örneğin).
Modern tasarımda daha iyi bir Art Nouveau unsurları örneğine rastlayamazdım. iDesign Sitesi. Üstteki akan elemanlar bu döneme en açık referanslardır. Horoz, bisiklet ve el de dahil olmak üzere diğer unsurları atın ve 1900'lerin başlarına çok açık bir saygı gösterin.
Art Nouveau'ya bağlantı net olsa da, modern dokunuşlar web sitesini gerçekten olağanüstü kılan şeydir. En önemlisi, sayfanın en üstünde bulunan basit animasyonlardır. Bunlar gibi küçük unsurlar, sayfayı hayata geçirmenin uzun bir yoludur.
Bauhaus
Bauhaus 1919'dan 1933'e kadar uzanan bir Alman okuluydu. Modern tasarım ve özellikle ticari sanatlar gibi hemen hemen tüm sanat biçimleri üzerinde muazzam bir etkisi vardı.
Çoğu hareketin yaptığı gibi Bauhaus stili, öncülleriyle tamamen çelişiyordu. Sanat ve El Sanatları ve Art Nouveau tarzlarının dekorasyonu ve dekorasyonu. Onun yerine, birçok yönden gerçek minimalizmin doğuşu olan tasarım ve işlevin bir araya getirilmesidir. Fonksiyonu ve tasarımı uyumlu hale getirme çabası, bugün web tasarım topluluğunun kullanıcı deneyimi çabalarına oldukça benzer.
Barcelona Chair Barcelona Sandalye yukarıda tarafından tasarlandı Mies van der Rohe Bauhaus'un yönetmenlerinden biri. Basit sandalye, estetiği mükemmel bir şekilde yakalar. Bu aerodinamik ve inanılmaz derecede şık ve henüz tamamen 80 yıldır kullanılmakta olan nedenleri olan, işlevini yerine getirmek için tamamen tasarlanmış.
Minimalist web siteleri bulmak dikkat çekici derecede kolay ama Bauhaus stilini de kucaklayanları bulmak biraz daha zor. Kimlik Tasarımı etkili bir şekilde yapar. Web sitesi, minimalizmi açıkça kucaklıyor, ancak daha da derinleşiyor.
Fonksiyon ve tasarım
Bauhaus tarzına uygun olarak, Identity Designed minimalist bir siteye sahip ve çok iyi çalışmasını sağladı. Sayfanın başlığı, basit bir marka kimliğini, “ID” yi gösterir. Buradan, basit bir açık menü çubuğumuz var; Kullanıcı anında web sitesinde nasıl gezineceğini bilir. Güzel işlerken sözleşmeleri takip eder.
Bauhaus'un bir başka özelliği de sans-serif yazı tiplerinin kullanılmasıdır. Sonuçta, bir yazı karakteri, bu ekstraların tümü olmadan işlevini mükemmel bir şekilde yerine getirebilir tırnaklar , kulaklar ve kollar ! Bahsetmemek gerekirse, sans-serif fontları kendi başlarına dikkat çekici derecede güzel olabilir.
Son olarak, rengin dikkatli kullanıldığını fark edin. Bauhaus tarzında, açık renk kombinasyonları neredeyse yok. Kimlik Tasarımı, bağlantıları birbirinden ayırmak için renk kullanır, ancak aksi takdirde, renk yalnızca dekorasyonun en alt kısmı için kullanılır.
Uluslararası Tipografik Stil
İsviçre stili olarak da bilinen Uluslararası Tipografik Stil 1950'li yıllarda İsviçre'de doğmuştur. Yüzeyde, Bauhaus'un işlevsel ve minimal tarzını somutlaştırır. Daha derine inerken, tipografi, geometrik tasarım ve ızgara sistemlerine odaklanacaksınız.
Grafik tasarımdaki en büyük isimlerden bazıları bu hareketin sonucunda ortaya çıktı: Paul Rand , Max Miedinger . Miedinger ve Eduard Hoffmann Helvetica Bazılarınız duymuş olabilirsiniz.
Neue Grafik dergisinden yukarıdaki örnek Uluslararası Tipografik Stili örneklemektedir. Tipografiye neredeyse tamamen güvenme, bir kılavuza güçlü bir şekilde bağlılık ve sola dayalı metinlere dikkat edin.
Odak Lab 'In web sitesi Uluslararası tarzda% 100 değildir, ancak bu bir şekilde daha iyi bir örnek teşkil eder. Ne de olsa, bu tür karşılaştırmalar, modern sanattan bu fikirlerin güncel ihtiyaçlara ve estetiğe nasıl uyarlanabileceğini göstermektir.
Focus Lab'in web sitesinde açıkça görülebilen, stilistik bir öğe olarak tipografiyi rafine etmektedir. Bu tür sadece bilgi iletmez: sayfadaki ana tasarım öğesidir (oldukça Helvetica olmasa bile).
Ayrıca, ızgara sayfanın etkinliği için kritik öneme sahiptir. Ve belki de daha ince bir detay olsa da, metnin bütünüyle kalıtsal olarak kalmaya devam ediyor. Web sitesi, modern web tasarımının çarpıcı bir örneğidir ve ihtiyaçlarımıza uyacak şekilde herhangi bir stili kullanabileceğimizi kanıtlar.
Pop sanat
Pop sanat 1950'lerden de çıktı. Britanya’dan doğmuş ve ABD’ye doğru yol almıştır. Andy Warhol belki de en iyi bilinen yandaşıdır.
Bir kez daha, geleneğe meydan okuyan bir sanat hareketi görüyoruz. Pop Art çizgi romanlar, ünlü fotoğraflar, ev eşyaları ve hatta reklam gibi günlük eşyaları içeriyor.
Pop Art'ın en eski örneklerinden biri bu kolaj Richard Hamilton başlıklı Günümüzün evlerini bu kadar farklı kılan ne bu kadar çekici? 1950'lerin yaşamının farklı unsurlarının birleşmesi, bu tarzın çarpıcı, belki de şok edici bir gösterisiydi.
Pop Art stilini kullanan web sitelerini bulmak zor, ancak var. Biri Mixbits.com :
Belki de bu ve Pop Art stili arasındaki en büyük fark, Mixbits.com'un aslında sadece görüntülenmek üzere kullanılmamasıdır. Ancak arayüz, stilin unsurlarını taşır. Pop Art, sanatın ne olduğu konusundaki bakış açımızı değiştirmekten başka ne anlama geliyor? Mixbits.com'un arayüzü, bir web uygulamasının nasıl görünmesi gerektiğine dair beklentilerimizi zorluyor. Ve zekice çalışır.
Arkasındaki ilhamı bilmiyoruz Pelican Oteli Websitesi, ancak buradaki görseller Richard Hamilton'ın kolajını uyandırıyor gibi görünüyor. Ticari kaygılar tasarımcıyı, Hamilton'un yaptığı gibi günlük öğeleri bir araya getirmekten alıkoyamaz, ancak bu sayfanın nasıl bir araya getirildiği hakkında kolaj benzeri bir şey vardır.
Punk
Herkes 1970'lerin punk rock sahnesini modern sanat ve tasarımda bir dönüm noktası olarak düşünemezdi. Fakat etkisi çok geniş ve oldukça kalıcıdır. Bahsetmemek gerekirse, Bauhaus'un minimalizmine hoş bir tezat oluşturur.
Başlıca özelliklerinden bazıları, kolaj, cesur görseller, şok edici içerik ve flüoresan pembe ve sarı gibi yoğun parlak renklerdir. En unutulmaz ürünlerden biri bu albüm kapağı Seks Tabancaları bekar Tanrı Kraliçeyi korusun :
Bu albüm sanatı punk rock dönemini mükemmel bir şekilde temsil ediyor: şok edici grafikler, kolaj ve düşük üretim değeri. Bu tarzın nasıl yaşadığını görmek için birkaç web sitesi tasarımını düşünelim.
Neyse ki, bu estetiği benimseyen tasarımcıların çoğu, bu süreçte kullanılabilirlik ilkelerini terk etmemektedir. Yukarıda gösterilen iki örnek alın, Serge Seidlitz Web sitesi ve daha ticari yaklaşım Puma Konuşması . Bu web sitelerinin hiçbiri kelimenin tam anlamıyla “punk rock” dır. Ne küçük bir saldırganlık vardır, ne de lo-fi duygusu yoktur. Yine de, web siteleri yoğun modernize olsa da, tarzı köklü.
Acımış punk rock ruhuna daha doğrudur. Bu yarı-serseri bandının web sitesi saldırganlıktan yoksundur, ancak kesinlikle lo-fi'nin hacklenmiş bir hissi vardır. Ve gruba iyi uyuyor.
Bu stili benimsemeyi düşünüyorsanız, kitleniz üzerindeki etkisini göz önünde bulundurun. Örneğin, Puma Talk, kullanıcılar punk hareketini ilk kez yaşamaya yetecek kadar yaşlı olmasalar bile, genç bir izleyici kitlesiyle bağlantı kurmak için bir pseudo-punk tarzı kullanır. Tarzın projeyi dikmesine izin verme. Bunun yerine, modern teknikler ve yaklaşımlardan yararlanın ve web sitenizin güncel kitleler için uygun olmasını sağlayın.
Sonuç
Son 100 yıl içinde meydana gelen sayısız sanat hareketini çözmeye çalışmak, akıllara durgunluk getirir. İletişimin küreselleşmesiyle, üsluplar ezici olma noktasına iç içe geçmiştir. Ama bu sanat tarihinde bir ders değil. Aksine, amacım bugün web'de kullandığımız bazı tarzların kökenlerine ışık tutmaktı.
Bugünün web tasarımcıları, asırlar olmasalar da, onlarca yıldan beri olan fikirlerden yararlanıyorlar. Herhangi bir dönemin gerçek inovatörleri, geçmişin fikirlerinden yararlanabiliyor, modern ihtiyaçlara uyum sağlayabiliyor ve gelecek nesil tasarımcıları şekillendiren yeni yaklaşımlar üretebiliyor.
Umarım çeşitli sanat akımlarına bu kısa giriş, geçmişe bakmanın gücünü gösterir. Yaratıcılık, başkalarının ne yaptığını düşünerek hiçbir zaman engellenmez. Tam tersine: başkalarının öğrendiği dersleri anlamak, fikirlerini yeni tarzlara uyarlamamıza yardımcı olur.
Bugünün web sitelerinde belirgin bir şekilde temsil edilen diğer 20. yüzyıl stillerini görüyor musunuz?