Sanat Tarihinden Web Tasarım İlhamı
Yaratıcı sanatlara gelince, ticareti daha iyi anlamanın temel bir yolu, geçmişe bakmaktır.
Fotoğraf, resim, heykel ve mimarlık dahil olmak üzere her ticaretteki insanlar bunu yapar. Web tasarımcıları neden farklı olmalı?
Tabii ki, sayısız web tasarım vitrinlerimizle yakın geçmişe bakıyoruz. Ama ilham almak için, eski ustalara daha çok gidebiliriz.
Bazı önemli sanat hareketlerini ve benimsedikleri temel tasarım ilkelerini inceleyelim. Bunlara dayanarak, mevcut web tasarımlarını kendi çalışmalarımıza uygulanacak unsurlar için inceleyebiliriz.
20. yüzyıldan önce Batı sanatına odaklanacağız ve gerçekleşen pek çok kişi arasında sadece birkaç hareketi vurgulayacağız.
Rönesans
15. yüzyılın ortalarında, en tanınmış çağlardan biri olan Rönesans ile yolculuğumuza başlayacağız. Bu dönemin yüksekliği tüm zamanların en önemli sanatçılarından bazılarını gördü: Mikelanj , da Vinci , Raphael . Bu dönemin bu kadar kritik olmasının nedenlerinden biri ve buradaki başlangıç nedenimiz, Ortaçağ döneminden modern döneme geçişi işaret etmesidir.
Sanat tarihinin bu dönemini şekillendiren pek çok şey olmasına rağmen, birkaç temel ilke öne çıkıyor: perspektif kullanımı, kompozisyonlarda istikrar ve denge denemesi ve gerçekçiliğe yönelik acımasız adım. Bu fikirleri göstermek için, da Vinci'nin Son Akşam Yemeği :
Perspektif
Perspektif kullanımı Rönesans için yepyeni bir marka oldu. Son Akşam Yemeği , tek nokta perspektifi kullanılarak oluşturulan tüm sahneyi gösterir. Odak noktası doğrudan seyircinin bakışını çizerek Mesih'in kafasında. Perspektif yalnızca realizmi arttırmakla kalmaz, aynı zamanda izleyicinin dikkatini en önemli alana yönlendirir.
İlk bakışta Skittles web sitesi, Rönesans'a çığlık atmıyor. Ancak bu dönemin fikirleri yaratıcı şekillerde kullanılabilir. Başlık metninde “Gökkuşağını deneyimleyin” perspektifinin kullanıldığına dikkat edin. İlk başta tamamen dekoratif görünebilir, ancak takip eden gökkuşağı bizi aşağıdaki oklara yönlendirir. Kullanıcıyı sayfaya yönlendirmek, amacını yerine getirmek için daha açık bir perspektif kullanımı. Bu durumda kullanım tamamen uygundur: sayfa sonsuz kayar ve içerik gittiğinizde daha fazla yüklenmeye devam eder.
İstikrar ve denge
Rönesans'ın bir diğer temel ilkesi, kompozisyondaki denge ve istikrardır. Son Akşam Yemeği , sahnenin altındaki uzun masa tarafından sağlanan genel kararlılık hissine sahiptir. Bu, resme dayanıyor ve onu asılsız hissetmekten koruyor.
Ayrıca, tüm parça boyunca simetriye dikkat edin: her bir tarafta altı kişi ve bir ayna görüntüsü arka planı, hepsi merkezi figürün etrafında döner.
Ve Mesih'in nasıl zirvede olduğu bir üçgen gibi nasıl şekillendiğine dikkat edin. Bu tesadüfi değildi. Bu tür denge ve istikrar Rönesans sanatının bir damgasını oluşturur.
Yine, Site Stitcher hakkında çok fazla şey onu Rönesansa bağlar. Ancak, işyerinde istikrarı ve dengeyi etkin bir şekilde görüyoruz. İlk olarak, sayfanın basit bir üçgen yapısı vardır. En üstte logo ve markalaşma; Aşağıda şirketin çalışmalarının bir özeti ve resmidir; ve bunların hepsi en kritik bilgi ve eylem öğelerinin üstünde yer alır. Bu sadece yapı oluşturmaz, aynı zamanda izleyicileri önemli bir dizi adımdan düşürür. Tasarımınızı ve kullanıcı deneyimini kontrol etmek ve ürününüz için olumlu bir ortam oluşturmak için dengeyi ve dengeyi nasıl kullanabileceğinizi düşünün.
Barok
Barok dönemi Rönesans'ı izledi ve 17. yüzyılda zirveye çıktı. Rönesans'ın tam aksine, dinamik, aktif ve son derece dramatik görüntülerle işaretlendi. Bu döneme ait birçok tablo aktif bir anı yakalar ve sanki herhangi bir saniyede hareket edebilecekmiş gibi çok canlı hissederler. Barok dönemi, Rönesans'ta başlayan gerçekçiliği sürdürdü, ancak yapılmayan bir dram ve hareket duygusu getirdi.
Bu dönemde sayısızlar arasında en önemli sanatçılardan bazıları Caravaggio , Rubens ve Bernini . Bazı Avrupa şehirlerinin en dramatik ikonlarının çoğu bu çağda yaratıldı. Örneğin, Trevi Çeşmesi Roma'da Bernini tarafından tasarlandı ve Barok heykelinin en güzel örneğidir.
Bu dönemden sanatın en yaygın üç özelliğini modern tasarımla: dram, zengin renk ve yoğun karanlık ve aydınlık karşıtlığıyla ilişkilendirebiliriz. Caravaggio'ya bakalım. Aziz Matthew'un çağrılması :
Stark kontrastı
Işık ve karanlık arasındaki yoğun kontrastın karakteristik Barok kalitesi burada açıkça görülebilir. Tasarımın bu temel ilkesi tanıtım tasarım derslerimizde öğretilir, bu yüzden konu kesinlikle hiç kimseye yenilmez. Yine de, bu resimdeki rolünü düşünelim.
En önemlisi, en kritik unsurları vurgular. Bireylerin yüzleri, izleyiciyi konuya odaklanarak ve çevrenin dikkati dağılmasını en aza indirerek, gölgeli arka plana karşı cesurca dikkat çekiyor. Teknik, resimdeki hikayenin kolayca anlaşılmasını sağlamanın bir yoludur.
Bunlar, web'de istediğimiz tüm niteliklerdir. Tasarımlarımızın anlaşılması kolay ve yaygın olarak kullanımı kolay olmasını istiyoruz. Aynı zamanda kritik unsurların - eylem öğeleri olarak adlandırdığımız - öne çıkmasını istiyoruz. Sadece bu nitelikleri gösteren bir web sitesi buldum:
üzerinde Cleatskins Barok dönemini hatırlatan pek çok tasarım öğesi buluyoruz: siyahın beyaz üzerine keskin kontrastı, ürünlerin koyu renk paleti ve aksiyon öğeleri. Tüm bunlar size ürünün kendisi üzerinde odaklanmakta, kullanımı kolay, anlaşılması kolay ve son derece etkili bir web sitesi yapmaktır.
Ayrıca, ürünlerin görüntülerinin kendilerine bir etki hissi olduğuna dikkat edin. Fotoğraf stüdyosu zaman içinde bir anı yakalar ve Rönesans sanatında yer alan tarzdan farklı olarak hareketin sürdüğünü hissedersiniz.
drama
Bir drama hissi için Altın Gopher . Bu tasarım hakkında her şey drama çığlık atıyor: son derece aktif ana fotoğraf, zengin renkler ve güçlü kontrast, hatta doku ve hareket ekleyen çapraz çizgiler. Bunların hepsi futbolun kendisi gibi büyük bir performans hissine katkıda bulunuyor. Bu tasarım Barok sanatında idealleri benimsiyor ve konuya mükemmel bir şekilde uyuyor.
Rokoko
Rokoko dönemi, 18. yüzyılda Barok'u takip etti. Bu dönemde, sanatçılar aristokrat hayat ve romantizm gibi şeylere odaklanarak daha açık konulara yöneldiler.
Bu zamandan kalma sanat, ayrıntılı süsleme ve hafif zarif görüntüler ile karakterize edilir. Bu dönemin en etkili sanatçılarından bazıları Jean-Honore Fragonard'dı. Watteau ve Boucher . Bu dönemin en önemli yerlerinden biri de Versailles Bahçeleri .
Tavan boyası ve mimarisi Wies Kilisesi Yukarıda gösterilen, bu dönemin fantastik bir örneğidir. Gömülme prensiplerinin modern tasarıma nasıl uygulanabileceğini görelim.
Süsleme
Tavanın süs olduğunu söylemek bir understatement olurdu. Süslemenin sınırını zorluyor. Bu, Rokoko sanatının bir imzası. Süsleme, daha önce hiç olmadığı gibi daha önce görülmemiş bir şekilde, zarafet ve zarafet ekleyerek kullanılmıştır.
Portföyüne dönelim Nathan Love . Buradaki süsleme, web sitesini, 18. yüzyıldan kalma bir işte olduğu gibi tanımlar. Tabii ki, modern bir yeteneğe de sahip ve 1900'lü yılların başlarına ait bazı unsurları içeriyor, ancak stilin Rokoko döneminin estetiği hakim.
Nathan, eserini güzelce temsil eden kendine özgü bir portföy oluşturdu. Web sitesi boyunca dağılmış küçük resimlere, kişiliğini hissettiren, ama kullanılabilirliğe müdahale etmeden, özellikle seviyorum. Olağandışı yaklaşıma rağmen navigasyon ve etkileşim açıktır.
Oynak sahne
Bu döneme ait birçok resmin konusu, süslemenin düzenlenmesine karşı ilginç bir tezat oluşturuyor. Örneğin, Jean-Honore Fragonard tarafından Swing , açık yürekli ve önemsiz bir sahne sunuyor. Ancak aşırı süsleme ile birleştiğinde, bazı iç gerilim oluşturur.
Tekrar Nathan'ın web sitesine dönersek, oldukça ciddi bir tarzı var, ama yine de oldukça oynak öğelerle dolu. Küçük animasyonlu figürler, saçma videolar ve içeriğin açık yürekliliği, estetiğin genel ciddiyetine karşı bir karşıtlık oluşturur. Bunlar, web sitesinin arkasındaki insanı, kişiliği ve mizahı olan, ancak bir ürünün nasıl harika görüneceğini ve işlevini nasıl yerine getireceğini anlayan kişiyi gösterir.
Bu kombinasyon, bir tasarımcıyı işe alırken bir işletme sahibinin tam olarak istediği şeydir. Bu nedenle, web sitesi, Rococo ilkelerinin açık niyetle nasıl uyarlanabileceğinin harika bir örneğidir. Elbette, Nathan muhtemelen kendi web sitesini oluştururken Rokoko tarzını düşünmüyordu, ama yine de nasıl uygulandığını görüyoruz.
neoklâsik
Genellikle sanatta olduğu gibi, bir nesil öncekini reddeder ve tamamen ters yöne gider. Neoklasik dönemde, sanatçılar Rokoko döneminin eğilimlerini reddettiler; Rönesans ve Klasik Yunan ve Roma sanatı da dahil olmak üzere klasik yaklaşımlara geri döndüler.
Neoklasikçiler, ideal sonuçları üretmek için ideal standartlar olarak gördüklerini benimsedi. Bu, en önemli sanatçıları, sanat eserlerini ve bu ideal dönemlerin yöntemlerini kucaklamak anlamına geliyordu.
Hareket, 18'inci yüzyılın ve 19. yüzyılın başlarını kapsıyordu ve bize böyle sanatçılar verdi. Jacques-Louis David , Rembrandt Peale ve Antonio Canova adından da anlaşılacağı gibi. Bu sanatçılar, önceki dönemlerin stillerini ve konularını benimsemişlerdir. Jacques Louis-David'in dönemini tanımlayan bir tabloyu gözden kaçırmamız çok kolay. Horatii'nin Yeminini o zaman “klasik” kabul edilirdi.
Bu dönemin tanımlayıcı özelliklerinden bazıları sadelik, düzen, istikrar ve klasik konulardır. Bunların, David'in bu dönemdeki parçasını kullanarak modern tasarımlara nasıl uygulanabileceğini görelim.
Tarihi
David'in resmi her şeyden önce tarihsel bir referanstır. Klasik Roma tarihçisi Livy'nin eserinden bir sahne tasvir ediyor. David aslında uzun bir geçmişi hatırlıyordu.
İlk bakışta, ilişkilendirmek için sıkı basılırdın. Konu Öldü değil Sanat tarihinde bu döneme ait web sitesi. Ama tasarımın yarı-retro tarzını düşünün. Aşınmış görünüm, siteye yaş ekleyerek, eski bir çağın ürünü gibi hissettiriyor. Ve yine de modern web'e uyuyor. Thematically, geçmişe bakar, ama topikal olarak, çok ilgili.
Bu , Horatii'nin Yeminini tarif edebilir. Konu tarihseldir, fakat geçmişi (soldaki askerler) geçmişini kucaklayan modern çağa (sağdaki ön ayak) itiraz eder. Bu tam olarak sanatçıların yaptığı şey.
Thread's Not Dead web sitesi kalite ve deneyimi geçmişle olan bağları aracılığıyla aktarıyor, bir çeşit “orada, bu işi” zihniyetiyle. Ve tahmin et ne oldu? Yazar oradaydı ve bunu yaptı. Tema konuya mükemmel bir şekilde uyar.
Romantizm
Sanat tarihinde romantik dönem, 18. yüzyılın ortalarında başladı ve Avrupa'da en güçlüydü.
Adına rağmen, tipik romantik bir konu olarak düşündüğünüz ile ilgili değildi. Bunun yerine sanatçılar, işlerini şok, korku, belirsizlik ve elbette sevgi gibi güçlü duygularla doldurmaya çalıştılar. Zamanın en önemli sanatçılarından bazıları Francisco Goya , Eugene Delacroix ve Thomas Cole.
Bir tasarımdan duygusal bir tepki üretme hedefi neredeyse bellidir. Çoğu zaman, bir web sitesinin amacı kullanıcının fiziksel bir yanıt vermesini sağlamaktır: bir şeyleri tıklamak, bir şeyler satın almak, bir şeyler okumak veya benzerlerini yapmak. Duyguları oynamak, bunu başarmanın güçlü bir yolu olabilir.
Duygu
Bunun gibi bir resim kolundaki hislerini giyer. Tam olarak takdir etmek için özel tarihsel referansını anlamamıza gerek yoktur. Resim, duyguyla doludur ve konu , Yaşamın Yolculuğu ve özellikle de bir serideki dört resimden biri . Bunun gibi bir resim, izleyiciyi uyandırmak için, duygusal bir tepki üretmek için düşündürücüdür.
Duygusal bir tepki uyandıran bir web sitesi tasarımı bulmak için uzak bir yere gerek yok. Reklam dünyasında, bu bir numaralı yaklaşım gibi görünüyor. Üzerinde Charleston Aile Eğlencesi Web sitesi, böyle bir yanıt üretmeye yönelik net bir girişimde bulunuyoruz. Nostaljik fotoğraf engelleri aşar ve bize sonsuz bir huzur duygusu sunar. Çocuklar, Cokes'i yudumluyor, fıstıklardan mırıldanıyor, bir ebeveyn rüyasında sanki bir yaş gitmişti. Burada her şey ebeveynlerin Charleston'a gitmesini sağlamak için bir girişim.
Web sitesi kesinlikle Romantik dönemden bir resim gibi görünmese de, birincil hedefine güçlü bir duygusal tepki veriyor. Bir ürünü satmanın birçok yolu vardır ve ham duyguya hitap etmek en güçlü olanlardan biridir.
Bu ilkelerin modern tasarıma nasıl uygulanabileceğini hayal etmek zor değil; Sonuçta, zaten yapıyoruz. Yine de, çoğu şeyde olduğu gibi, yaklaşımın köklerini araştırmak faydalıdır. Buna benzer bir teknik kazandığınızda, neden böyle bir nedenden ötürü çok pratik nedenler buluyorsunuz ve bu nedenle, nasıl kaldırılabileceğinin daha iyi anlaşılmasını sağlıyorsunuz.
Görünüşe göre bunu gözlemleyen ilk kişi ben değilim. Aaron Walter başlıklı bir kitap yazıyor Duygu için Tasarlama Bu yaz serbest bırakılacak. Onun teorisini Romantik döneme bağlayacağından şüphe etmekteyim, ama benim noktam yine de duruyor.
Sonuç
Geçmişe ilham ve anlayış için bakma kavramı yeni değil. Yaratıcılıkla ilgili her eğitim programının bir sanat tarihi dersi yükü içermesinin nedeni budur. Bu tür kursların eski bir öğrencisi olarak, çoğu öğrenciyi sık sık sıkıp hayal kırıklığına uğradıklarını söyleyebilirim. Ama açık bir zihinle, günlük çalışmalarımıza uygun zamansız fikirleri bulabiliriz.
Tabii ki, bu makale sadece sanat tarihinin bu dönemlerinin yüzeyini kaymaktadır. Ama umarım noktalar senin için bağlantı kurmaya başlıyor. Zengin tarihimizi kucaklayın ve ondan ilham ve teknikler çizin. Kendi çalışmanızda öğrenebileceğiniz ve kullanabileceğiniz şeylere şaşıracaksınız.
Bu bizi 20. yüzyılın başlarına getiriyor, ki bu da başka bir makalede ele alacağım.
Modern sanat sitelerine başvurabileceğimiz bu sanat tarihi dönemlerinde başka bir unsur görüyor musunuz?