Görsel Raf Ömrü – Web Tasarım Çizimleri Neden Bayatlıyor?

İllüstrasyon, canlı ve çeşitli bir görsel iletişim biçimidir. Bir tasarım disiplini olarak, grafik tasarımın mesaj netliği ile güzel sanatların ifade kapasitesini birleştirir. Zirvede, illüstrasyon, fotoğrafın yapamayacağı bir şey yapar. Tanıdık olanı insan gözüyle ulaşılamaz bir perspektiften tasvir ediyor.

Çevrimiçi illüstrasyon kullanan markaların son zamanlardaki akını, uzun zamandır web'in başına gelen en iyi şeylerden biri. Bir dizi iş teklifine canlılık, mizah ve netlik getirdi ve şirketlerin hikayelerini daha net anlatmasına izin verdi.

Olumlu yönlerine rağmen sorunlar var. Özünde, illüstrasyon bir hikaye anlatma aracıdır, ancak popülaritesi arttıkça zorunlu olana yönelir. Bir web sitemiz var, bu nedenle illüstrasyonlarımız olmalı .

Stratejik vizyondan yoksun olan illüstrasyon, orijinalliğin antitezi olan süslemedir. Öykü atılır, hayal gücü terk edilir. Bireysel web siteleri ayrımını kaybeder ve tüm resimli ürünler ve hizmetler birbirine karışır.

Şık giyimli bir çalışan düzenli bir masada oturuyor, metinler ve e-postalar, yapraklı bir bitkinin yanında uyuklayan bir kedinin üzerine inen kağıt uçaklarda uçarken gerçek dünyayla birleşen soyut bir arayüz çalıştırıyor ve kombucha içerken yoga yapan bir kişiyi çerçeveliyor ve bir güneşe göz atıyor. büyük boy bir dolma kalemle sözleşme imzalayan dev bir elin çıktığı uygulama .

Mutlaka görmüşsünüzdür.

İnternette illüstrasyonun uzun vadeli canlılığını tehdit eden dört suçlu var.

Suçlu 1: Görüntü Zekadan Yoksun

Köken

İllüstrasyonun zengin bir kışkırtma geçmişi vardır. Yüzlerce yıldır, bir sosyal yorum biçimi olarak kullanılmıştır. Niye ya? Çünkü insan meselelerinin karmaşık doğasını dokunaklı bir şekilde açıklıyor. İnsanlar çelişkili olduğunda, deneyimler kafa karıştırıcı olduğunda, illüstrasyon bunu bir anda açıkça ortaya koyuyor.

İllüstrasyonun amacı, kendi iyiliği için tartışma değildir. Bunun yerine amaç, insanların kendi bakış açılarıyla çelişse bile, bir bakış açısını duraklatıp üzerinde düşünmelerini sağlamaktır. En iyi ihtimalle, illüstrasyon nihai aha anıdır.

Sorun

Günümüzün görsel içeriğe olan talebi, çağdaş web illüstrasyonunun aydınlatıcı güçlerinin çoğunu soydu. Çevrimiçi, illüstrasyon nadiren kışkırtır; çoğunlukla, talimat verir veya süsler.

Birçok web sitesinde çizimler, eşleştirildikleri metnin 1'e 1 görsel temsilleridir. Benzersiz zamanlama özelliğimizi deneyin! [Takvimin monoline resmini ekleyin]

Ya da satın alınan ürün ve hizmetler sayesinde “en iyi yaşam” senaryolarını yaşayan insanları tasvir ederler. Benzersiz zamanlama özelliğimizi deneyin! [Gülen suratlı bir takvime beşlik çakan kahve içen bir dizüstü bilgisayarın resmini ekleyin]

Her iki yaklaşım da web sitesi illüstrasyonlarının hikaye anlatma havasını kaybetmesini önleyecek kadar güçlü değildir.

çare

Bazı kavramları açıklamak zordur. Heyecan verici olmayan veya insan deneyimlerine kolayca bağlı olmayan ürünler ve hizmetler var. Burada, illüstratörler konsept oluşturma sırasında daha derine inmelidir. Bir konunun en zorlayıcı açılarını ortaya çıkarmak için karanlık tarafını keşfedin.

• Büyük acı noktaları nelerdir ve neden varlar?
• Finansal, profesyonel veya duygusal olarak en çok kim etkilenir?
• Şirketler, müşteriler veya uzmanlar arasında çelişkili veya tartışmalı görüşler var mı?

Bunun gibi sorular, çevrimiçi satılan çoğu üründe işe yarar. İllüstratörler olarak, genellikle iyiyi göstermekle görevlendiriliriz, ancak kötüyü anlamazsak, yorgun kinayelere ulaşırız. Aslında, bu olumlu/olumsuz denge, hikaye anlatımının önemli bir yönüdür. Düşükler olmadan, açıklayıcı yüksekler etkilerini kaybeder.

Aferin İş: Büyük Kartel

Suçlu 2: Yaygın Taklit Harabeleri Yenilik

Köken

Taklit ve yaratıcılık taban tabana zıt değildir. Dünyanın en eski uygarlıklarından beri, sanatçılar ve tasarımcılar taklit yoluyla yaratıcılığı geliştirdiler. Dikkat çekici bir stil göze çarpar. Onu inceler, yapısını bozar ve kendi işimizi geliştirmek için tekniğini derleriz. Bu büyüme.

Mükemmel bir dünyada taklit, öğrenme ve yorumla sınırlı olacaktır. Kopyalanan stiller hem görsel hem de kavramsal olarak dönüştürülür. Nadiren bu şekilde çalışır.

Sorun

Taklit, evrimi reddeder. Popüler bir tarzla karşılaştığımızda ve kendimizi onun yörüngesine bağladığımızda, uğursuz bir bükülme ile eski dünya çırakları gibiyiz. “Takip ettiğimiz” illüstratörlerin üslup özelliklerini kötüye kullanırız ve sonuçları kendimizinmiş gibi destekleriz.

Markalar suç ortağıdır. X Şirketi, Y Şirketi'nin illüstrasyon stilini istiyor, bu yüzden bir nakavt görevlendiriyorlar. Siteden siteye tekrar tekrar olur, her yineleme yeni entropi katmanları sunar. Sonunda, tüm bir endüstri, Multiplicity'deki Michael Keaton gibi, dejenere klonlardan oluşan bir geçit töreni kullanır.

SaaS ortamının baskın illüstrasyon stilinden başka bir yere bakmayın. Utanç verici derecede homojen.

çare

Taklidin ötesinde sayısız yol var. Hiçbiri yaratıcı deha veya dış ilhamın dışlanmasını gerektirmez. Tam tersi; illüstratörlerin referans malzemeye bolca maruz kalması gerekir. Ne kadar çok görür ve saklarsak, o kadar çok yeniden yorumlayabiliriz. Bir dizi keşif alıştırması mümkündür:

• Tarih karması . Başarılı bir sanatçının gözünden ilham verici bir illüstrasyon stilini yeniden hayal edin.
• Hızlı yeniden çizim . Başka bir illüstratörün stiline atıfta bulunurken dikkatlice bir nesne çizin. Ardından, aynı nesneyi referans stili olmadan 7-10 kez hızla yeniden çizin ve ortaya çıkan tuhaflıkları benimseyin.
• Bir kural ekleyin . Çizim sürecini etkileyen bir kısıtlama oluşturun. Örneğin: Sadece düz çizgiler çizebilirim. Herhangi bir uzunlukta veya açıda olabilirler, ancak düz olmalıdırlar.
• Alet anahtarı . İş için pek uygun olmayan bir çizim aracıyla bir illüstrasyon stilini taklit edin. Örneğin, stil kesin çizgilere dayanıyorsa, bunu mürekkep ve yumuşak kıllı bir fırça ile çoğaltın.
• Kör yorumlama . 3-4 ilgi çekici çizim stilinden oluşan bir koleksiyon oluşturun ve bir meslektaşınızdan birini yazılı olarak tanımlamasını isteyin. Tüm orijinal referans stillerini atın ve yaratıcı seçimleri bilgilendirmek için yazılı açıklamayı kullanın.

Aferin İş: Toggl

Suçlu 3: İllüstrasyon Sistemleri Yaşlanıyor ve Sertleşiyor

Köken

Bizim çağımız, birden fazla marka temas noktasında tutarlı deneyimleri sürdürme ihtiyacından kaynaklanan bir tasarım sistemi takıntısı çağıdır. Tasarım sistemlerinin yeni olduğu söylenemez. Editoryal sistemler bir asırdan fazla bir süredir var, ancak markaların şu anda kullandığı dijital kanalların sayısı göz önüne alındığında, sistem düşüncesi baskı yapıyor.

Benzer şekilde, markalar onlarca yıldır farklı illüstrasyon stilleri kullanıyor, ancak günümüz tasarım sistemleri yeni bir düşünce getirdi: İllüstrasyon stilimizi nasıl sistematik hale getiririz?

Renkler, dokular, en-boy oranları ve gövde tipleri dikkatle tanımlanmıştır. Sonuçlar çok tantana sergileniyor. Zaman bir kusuru ortaya çıkardı.

Sorun

Çizim ve arayüz tasarımı aynı değildir. Bir tasarım sistemi, bir arayüzün stilini bildirdiğinde, sonuç, kullanıcıları dijital ortamlarında yönlendiren keyifli bir uyumdur. Bilgi mimarisi bir dönüm noktasıdır. Navigasyon bir alışkanlıktır. Ancak sistem tarafından yönlendirilen bir açıklayıcı stil, yaratıcı dürtüyü boğar - çılgınca yakalanan ve rafine edilen yeni fikirlerin aniden ateşlenmesi.

Bu, sistemlerin doğası gereği kötü olduğu anlamına gelmez. Sistemler görüntü kavramlarını desteklemek için çalıştığında, çizerler aslında kısıtlamaları özgürleştirici bulabilirler. Ancak görüntüler bir sistemin merceğinden algılandığında, illüstratörler sahte güven güveninde dinlendikçe fikirler zayıflar: Sisteme uyar, yani çalışır!

Yavaş yavaş, sistem bakımına daha fazla çaba harcanır. Çizgi ağırlıkları ve giyim eşyaları, zorlayıcı kavramları geçersiz kılar. Son olarak, illüstrasyonun üslubu ve hikaye anlatma yeteneği solar ve ölür.

çare

İllüstrasyon, insan yaratıcılığının ve duygularının karmaşıklığını tercüme eder. Yabancıları alışık olmayabilecekleri deneyimleri takdir etmeye davet eder. İllüstrasyonun marka kimliğinin bir aracı olma yeteneği ikincildir. Bunlar tersine çevrilmemelidir.

Görüntülerin katılaşmasını önlemek için, tematik ilkelere dayalı illüstrasyon sistemleri oluşturun. Bir markanın sesi ve değerleri, yalnızca stilistik kararlar için kaynak değildir. Müşterinin, şirketin ve rekabetin birden fazla perspektifinden görüntülenebilen, yorumlanabilen ve yeniden anlatılabilen hikaye anlatma stratejileridir.

İllüstrasyon sistemlerinin geliştirilmesine ve uzun vadeli uygunluğuna rehberlik eden pratik adımlar vardır:

• Ortalama bir izleyicinin fark etmeyeceği kurallar ve ayrıntılar üzerinde kafa yormayın.
• Yaratıcı sezgiyi zayıflatacak şekilde sistem yönergelerini uygulamaktan kaçının.
• Sistemleri temsil ettikleri markalarla aynı renk paletlerine kilitlemeyin.
• Zaman zaman sistemi kırın ve dışarıdan çizerleri kendi benzersiz tarzlarına katkıda bulunmaya davet ederek izleyicilere meydan okuyun.
• Sistemin gelişmesini planlayın ve mevcut stil iyi karşılansa bile aşamalı denemelere izin verin.

Aferin İş: Notion.so

Suçlu 4: Stok Çizimler Aşırı Kullanılıyor

Köken

Birçok şirket, web sitelerinde çok büyük miktarda görsel içeriğe ihtiyaç duyar, ancak zaman ve bütçe kısıtlamaları, devreye alınabilecek özel grafiklerin sayısını sınırlar. Şirketler bu ihtiyacı karşılamak için temalı illüstrasyon setleri satın aldıkları stok sitelerine yöneliyor.

Ne yazık ki, orijinal, yüksek kaliteli ve az kullanılmış stok illüstrasyonları bulmak nadirdir (markadan bahsetmiyorum bile).

Sorun

Hazır illüstrasyon dünyasında rahatsız edici bir eğilim su yüzüne çıktı. Küçük resim çağına yanlış yönlendirilmiş bir övgü olarak tanımlanabilecek olan bu durumda, artık kullanıcıların cinsiyet, cilt tonu ve kıyafet gibi değişkenleri tanımlamasına izin vererek anında "özel" görüntüler oluşturan karıştır ve eşleştir illüstrasyon siteleri var. Ortaya çıkan çizimler, onları kullanan şirketlerin yaratıcı güvenilirliğine bir lekedir.

çare

Sınırlı kaynaklara sahip şirketler için, stok görsellerle ilgili sahte havayı atlatmanın iki yolu vardır. İlki sürpriz olabilir. Hazır ilüstrasyonları tüm kalbinizle kucaklayın. Her şey dahil. Hazır görüntüleri çekinmeden kullanın, ancak bunları özelleştirmenin yollarını bulun. Nasıl?

• Dijital kolaj ile farklı stok stillerini karıştırın ve eşleştirin.
• Hazır ilüstrasyonları fotoğrafla birleştirin (hatta hazır fotoğraflar).
• Sharpie işaretleri veya boya darbeleri gibi elle çizilmiş öğeleri kaplayın.
• Dijital olarak çarpıtılmış ve bozulmuş stok numunelerinin izlerini sürün.
• Stokları gri tonlamaya dönüştürün ve dijital olarak çizilmiş grafiklerle marka renklerini aşılayın.

Bir bütçe üzerinde çalışırken stoktan kaçınmanın ikinci yolu, en çok hangi çizimlere ihtiyaç duyulduğuna öncelik vermek ve küçük bir set sipariş etmektir. Belki bu, beş ana sayfa illüstrasyonunun devreye alınması anlamına gelir. Kısa vadede görsel etki sağlayacaklar ve daha sonra diğer kanallar için daha geniş bir illüstrasyon setini bilgilendirmek için kullanılabilirler.

Aferin: Bloomberg Businessweek

Amaca Uygun Web Tasarım İllüstrasyonları Oluşturun

Web'de illüstrasyon, hizmetleri daha ilişkilendirilebilir ve ürünleri daha çekici hale getirir. Marka hikaye anlatımını güçlendirir ve web sitesi ziyaretçilerinin günlük olarak karşılaştıkları hiç bitmeyen bilgi akışlarını anlamalarına yardımcı olur. Ancak bir web sitesinde sadece illüstrasyonların olması yeterli değildir.

Karşılık gelen metinlerinin 1'e 1 temsillerinin ötesine geçemeyen çizimler, boşa harcanan bir etkileşim fırsatıdır. Aynı şekilde, diğer yüzlerce markadan birine ait olduğu sanılabilecek illüstrasyonlarda çok az değer vardır.

Çizimler, stilistik ve kavramsal olarak benzersiz bir bakış açısıyla izleyicileri cezbetmelidir. Fark edilmek için karmaşık, foto-gerçekçi veya renklerle dolu olmaları gerekmez, ancak konularıyla ilgili ilginç bir şeyi kelimelerin, fotoğrafların ve diyagramların yapamayacağı şekilde aydınlatmaları gerekir.

İllüstrasyon burada kalmak için burada. İletişimsel güçleri göz ardı edilemeyecek kadar ikna edicidir. Ancak illüstrasyonun ifade potansiyelini keşfetmede başarısız olan şirketler ve illüstratörler için değeri geçici olacaktır.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

• Marka İllüstrasyonu 101: Anlatıyı Görselleştirme
• Herhangi Bir Çizim Becerisi Olmadan Özel Çizimler Tasarlamak İçin Adım Adım Kılavuz
• Tasarımın Gestalt İlkelerini Keşfetmek
• UX Tasarım Trendleri Retrospektifi 2019
• Tasarım İlkeleri ve Önemi