Web'i Gösterme: Trendin Tasfiye Edilmesi
Çizimler Web'i ele geçiriyor. Tasarımcılar, tüm ekran resimlerinden, projelerin tamamında kullanılan elle çizilmiş bölümlere kadar her şeyi içeren web siteleri oluşturuyorlar. Büyümeye devam etmesi muhtemel bir eğilim çünkü çizimler bir tasarımın özel hissettirdiğini gösteriyor (olmasa bile).
Tasarımlarınızda bunlardan en iyi şekilde nasıl yararlanılacağı.
Web sitesi çizimi 101
Resimler, özel bir web sitesi tasarımı oluşturmak için çok yönlü ve eğlenceli bir yoldur. Elle çizilmiş resimlerden, öğelere, yazıya, tam resimli veya kabataslak bir görüntüye dair her şey, bir türden bir şey gibi görünüyor ve hissediyor. Bu çok popüler olmasının nedenlerinden biri.
Ancak tasarımcıların illüstrasyon trendine atlamasının başka nedenleri var:
- Çizimler, kullanıcıların gerçekte diğer insanlara odaklanmadığı için ayarladığınız sahnede kendilerini resim yapmalarına izin verir.
- Sadece bir çizim ile gerçekleştirilebilecek bir kapris unsuru var.
- Çizimler, olağanüstü bir tasarım için gerçekliği ve hayal gücünü örtebilir.
- Sanat unsurlarını çizerken özelleştirme kolaydır.
- Çizimler genellikle oldukça renklidir ve büyük, parlak renk trendinden yararlanmanıza yardımcı olabilir.
- Bir proje boyunca kullanılabilecek resimli parçalarla dolu tasarım kitleri veya paketleri sayesinde bir illüstratör olmasa bile teknik kullanılabilir.
- Çizimler, çizimlerden ayrıntılı çizimlere ve bilgisayar tarafından oluşturulan grafiklere kadar birçok farklı ruh halini veya stilini üstlenebilir.
Kahraman stili resimler
Kahraman başlıkları büyük olduğundan, bu, illüstrasyon eğilimini görmek için en kolay yerlerden biridir. Ayrıca portföylerden perakende satışa ve uygulama önizleme sayfalarına kadar çok sayıda site için kullanılıyor.
Resimli bir kahraman imajından hoşnut olan şey, oldukça karmaşık bir sanat eseri için yeterli alan olmasıdır. Küçük detaylar, gölgelendirme ve renk ve etkileşimlerin hepsinin nefes almaları için bir yeri vardır, bu da kullanıcıların her bir öğeyi keşfetmesini kolaylaştırır.
Bütün bu kompleksteki birkaç püf noktası vardır:
- Sanat eseri iyi olmalı. Kullanıcılar, elde edemedikleri bir resme bakmak için herhangi bir zaman harcamazlar ya da sadece özensiz bir karmaşadır. Öyleyse zaman ayırın ve onunla ilgilenin.
- İllüstrasyon karmaşıklık derinliklerine sahip olsa da, genel mesaj basit olmalıdır. Görüntünün ne söyleyeceğini ve öğelerin mesaja katkıda bulunduğundan emin olun.
- Bir profesyonel ile çalışın. Sadece bir peçete üzerinde kalp çizebildiğiniz için, tam ölçekli bir web sitesi çizimi çizmeye hazır olduğunuz anlamına gelmez. Bu süreç zaman alır ve gerçekten çalışmak için planlama yapar. (Ve pahalı olabilir, bu yüzden, dalmadan önce bu doğru estetik olduğundan emin olun.)
Basit animasyon ekle
Statik bir çizim kendi başına çok fazla etkiye sahipken, Web bu günlerde hareketle yaşıyor. Kullanıcıları etrafı tıklamaya teşvik etmek için ince animasyonlu bir çizim veya kaydırma efektleriyle eşleştirin.
Web sitesinde eğirme metni gibi küçük ince hareketler Hugo , göze tasarımın içine çekilmesine yardımcı olur. Küçük animasyonlar, kullanıcıların bir siteyi ziyaret ederken gerçekleştirecekleri eylemleri anlamalarına da yardımcı olabilir. Bu, özellikle çok sayıda öğe içeren veya genel olarak "meşgul" bir tasarıma sahip resimler için geçerli olabilir.
Bu küçük sürprizler, site ziyaretçilerinin oyalanmaya ve etrafına bakmaya teşvik edebilir. Hover animasyonları, hem eğlenceli bir unsur hem de gezinme aracı olarak kullanılabilen kullanıcılar için özellikle hoş bir bonus.
Resimli simgeler veya UI öğeleri
Tamamen resimli bir web sitesi tasarımı sizin bir şey değilse, birkaç resimli simgeleri veya kullanıcı arabirimi öğelerini göz önünde bulundurun. Bu eğilimi kolaylaştırmanın basit bir yoludur. (Ve başlangıçta size yardımcı olacak resimli stiller içeren birçok simge ve UI kitleri var.)
Resimli öğeler, aksi halde çok resmi olabilecek bir siteye çok az miktarda dokunuş katabilir. Denenecek bir şey resimli anahat simgesidir. Bu stilin neredeyse tüm tasarımlara düşmesi kolaydır, resimlerle ve herhangi bir renk düzeni ile mükemmel çalışır ve sayfadan sayfaya tutarlı bir görsel tema sağlar.
Simgelerin ötesinde bir adım atmak istiyorsanız, büyük boyutlu kullanıcı arabirimi öğelerini düşünün. Iqor Kullanıcıları yönlendirmek ve siteyi biraz daha eğlenceli hale getirmek için daha büyük boyutlarda resimli düğmeleri kullanır. Resimli stil, sayfadan sayfaya, aynı üç renk tonunu kullanarak büyük öğelerle akar. Sonuç, eğlenceli ve tutarlı ve müşteri hizmetleri işinden sadece biraz beklenmedik.
Elle çizilmiş yazı
Web sitesi tasarımında başka bir büyük eğilim özel tipografi. Elle çizilmiş bir logo, ana metin bloğu veya tipografik sanat öğesi için illüstrasyon ve yazı kavramlarını birleştirin. Bu metin tabanlı görsel, büyük bir etkiye sahip olabilir (özellikle tasarımda büyük boyutlu veya ana sanat öğesi olarak kullanıldığında).
Buradaki hileler ılımlılık. Elle çizilmiş yazı stili ile, bu efekt için tek bir metin veya metin öğesi bloğuna yapışmak istersiniz. Özel bir metin bloğunun birden fazla kullanımı, kullanıcılar için zorlayıcı olabilir ve okunabilirliği etkileyebilir. Kelimelerin hala oldukça açık olduğundan ve kullanıcıların mesajın anlaşılmasında sorun yaşamadığından emin olmak önemlidir.
Her ikisi de Ölülerin Günü ve Kansere karşı ayakta durmak Basit bir mesaj için el yazısı ile harika bir iş yapın. Ölülerin Günü, diğer illüstrasyonları, kolay sans serif tipografisi ve fotoğrafları sitenin geri kalanından çekmeye yardımcı olmak için kullanır. Son sonuç, eğlenceli ve takip edilmesi kolay. Kanser'e karşı ayağa kalkmak, tüm illüstrasyonlara dayalı bir suluboya stilinden daha fazlasını kullanır, ancak okunabilirlik için daha fazla standart yazıya dayanır. Her ikisi de özel stil yazı ile çalışmak için iyi bir seçenek.
Sonuç
Web sitesi tasarımı projeleri için illüstrasyon dünyasına girerken ilk bakışta biraz göz korkutucu görünebilirken, birçok tasarımcının yapabileceği bir şey. Elle çizmekten bilgisayar desteğine veya bir kit ile çalışmaya kadar, seçenekler oldukça sınırsızdır.
Bir şeyleri biraz farklı yapmak isteyen projelere geldiğinde düşünecek bir şey. Ve bu tarz bir şey yaratma konusunda sorulabilecek kadar moda. Bu, çizim becerilerinizi canlandırmak ve resimli bir web sitesi tasarım çerçevesinin sizin için çalışabileceği yolları düşünmek için iyi bir zamandır.