Splendid Resimli Web Siteleri Koleksiyonu
Web sitelerine resimli eklemeler, en sade temayı bile ekstra bir görsel ilgi ve karmaşıklığa borç verebilir.
Çizimler bir siteden diğerine geniş ölçüde değişmektedir. Bazıları elle çizilmiş olup olmadıklarını (isterse olsunlar olmasın), diğerleri ise açıkça dijital olarak işlenir.
Aşağıda, çizimler içeren otuzdan fazla harika web sitesi tasarımı bulunmaktadır.
En yaygın olanları, genellikle site maskotları veya karakterleri olan başlıklar ve arka planlardır.
Ama illüstrasyonlar başka şekillerde de kullanılıyor. Burada belirtilmeyen favori bir siteniz varsa, lütfen yorumlarda bize bildirin.
Dijital Resimler ile Siteler
Bu siteler açıkça dijital olan çizimlere sahiptir. Düzgün çizgiler ve parlak renkler, aşağıda belirtilen her şeyin bu standartlara uygun olmasa da, bu tarzın ayırt edici özellikleridir.
F5
F5 web sitesi, arka plan için kaprisli bir dijital illüstrasyon kullanıyor. Parlak renkler ve çizgi film karakterleri, dijital illüstrasyonların tipik özellikleridir. Burada görülemeyen şey, resmin farklı katmanları ortaya çıkararak sayfada devam etmesidir.
Wireframe Plus
Wireframe Plus, siteleri için tek renkli bir arka plan resmini kullanır. Bu ince, ancak bazı ekstra görsel oomph ekler ve renk düzeni ve tipografi oldukça standart olsa bile siteyi öne çıkarıyor.
Tom Bradshaw Tasarım
Tom Bradshaw Design, site genelinde resimli stil tipografiyi ve sayfanın her bölümünde (bir sayfalık bir site) görünen bir çizgi film karakteri maskotu kullanır.
mediocore
Bunun gibi parlak dijital resimler çok sık görülmemekte ve diğer sitelerden öne çıkmaktadır. Bu, siyah bir arka plana göre konumlandırıldığı ve sayfadaki tek parlak renkleri kullandığı için daha da öne çıkıyor.
htmlMafia
Buradaki çizimler, dijital ve elle çizilmiş stiller arasında bir çeşittir, ancak kullanılan gradyanlar dijital kategoriye daha sıkı bir şekilde yerleştirilmiştir. Bu, resimlerin bir siteyi nasıl canlandırdığı ve daha dramatik bir izlenim verdiğinin harika bir örneğidir.
CreativeSwitch
Burada resmedilen robot, aslında sitenin kendisinde de olsa olsa, canlandırılmıştır. Ek çizimler site genelinde kullanılmaktadır.
690 Tasarım
Resimlerin bir web sitesinin kopyasına takılması harika bir stratejidir. Burada, slogan metni, armoniyi tartışır ve illüstrasyon için bir orkestra kondüktörü kullanılır.
Kipu
Basit, vektör tarzı çizimler çok cesur bir etki yaratır. Yukarıdaki gibi daha yumuşak bir renk paleti kullanmak, onları sitenin geri kalanına daha sorunsuz bir şekilde harmanlıyor.
Siringa 1
Bu karakterler, onlara çizilmiş bir duyguya sahip dijital illüstrasyonların başka bir örneğidir. Renk şemasıyla birlikte, bu çizimler web sitesine rahat ve samimi bir his veriyor.
PixelBaecker
Bu vektör tarzı resimde, yeraltındaki delikten ağaçtaki kuşa kadar çok şey oluyor. Stilistik olarak, yürütme harika olsa da, oldukça tipik bir vektör çizim.
Pieoneers
Faydaları konuşmak veya diğer bilgileri sunmak için illüstrasyonları kullanarak, bir bilgi grafiğine dönüştürmeden, harika bir stratejidir. Ziyaretçilerin ilgisini çekmesi muhtemel bilgileri iletmenin eğlenceli ve ilginç bir yolu. Ayrıca, burada bir pasta ve uçan bir daire kombinasyonu sadece olağanüstü!
Jacob Lee
Burada resmedilen penguen neredeyse elle çizilmiş görünüyor, ama sadece biraz cilalı ve pürüzsüz. Stark beyaz renklendirme (ya da eksikliği) gerçekten renkli arka plana karşı göze çarpar.
Treehouse Düzenleme
Resimli arka plan, sayfadan sayfaya değişir ve ince animasyonlara sahiptir. Ama bu, ikinci bir bakıma layık, güzel bir sanat eseri.
Kod Kırıcılar
En yaygın dijital çizimler, bu gibi basit karakterler veya canavarlar. Ve bir maskot olarak, sitenin adıyla mükemmel çalışır.
Forrst
Bunun gibi resimli arka planlar daha yaygın hale geliyor. İçerik ve arka plan arasındaki tam entegrasyon, bunu gerçekten ön plana çıkaran şeydir.
Coo / Coo Çekirdek
Bunun gibi daha soyut resimler, siteye daha modern bir his verir. Bu, bir ağaç olarak tanınabilirken, bunu yapmak için yeterince soyut.
Joystick Generals
Başlığın arka planındaki temel karakterin tekrarı, göreceli olarak basit bir örnek olana ekstra bir görsel ilgi katmanı ekler. Burada kullanılan renk şeması basit, ama grungy arka plan ile birleştirildiğinde, fantastik görünüyor.
Film Çalışması Yap
Çizimler, grunge tarzı sitelerde daha az sıklıkla görülüyor, çünkü muhtemelen görsel karmaşa yaratma riski taşıyor. Ancak buradaki basit illüstrasyon, sessiz renk düzeni ve ince dokusuyla, daha minimalist bir grunge tasarımda harika çalışıyor.
Katı Stüdyolar
Bir tasarımda kullanılan basit dijital canavarların harika bir örneği. Bu adamlar rahat ve eğlenceli ve web sitesi aynı hissettiriyorlar.
Zeytin Ezmesi
Başlıklar, resimler kullanmanın en çılgın kanıt alanlarından biridir. Alt gölgelerin yaratıcı kullanımı sayesinde, bu başlık resmi neredeyse 3D olarak görünüyor.
Sara Tusar
Canavarların bir başka harika örneği, bu kez başlık tasarımında. Web sitesinin geri kalanından renkleri yankılayan, yankılanan ancak daha kişisel bir dokunuş katıyorlar.
Arbel-Tasarımlar
Arbel-Designs web sitesi, sayfanın en üstünde yer alan ve derin su altı ilerleyen çok katmanlı bir resimli arka plan kullanmaktadır. Resimli arka planın bu stili tek sayfalık sitelerde harika çalışır.
Canavarlar
Bunlar bu yazıdaki en basit vektör karakterlerden bazıları. Yine de çok tatlılar ve sitenin tasarımına tamamen dahil edilmişlerdir. Aslında, sitenin tüm noktası onlar.
Çizilmiş Çizimlerle Siteler
Elle çizilmiş resimler, web tasarımında daha az yaygındır, ancak yine de bazı fantastik örnekler vardır. Güzel sanat çizimleri, karalamalar ve aradaki her şey arasında.
Steve Schoger
Bu gibi basit eskizler, herhangi bir site için harika çalışır, ancak özellikle tipik bir tasarımcı (veya herhangi bir profesyonel) fotoğrafın yerini aldıklarında. Onlar da kamera-utangaç olanlar için harika bir alternatif! Arka plan dokusunun cilt tonu vermek için gösterilmesini sağlamak hoş bir dokunuş.
Kenny Meyers
Oldukça minimal bir site olan bir süper kahramanın bir örneği, “kurumsal” bir site tasarımına başvurmadan ziyaretçilerinize güven aşılamanıza yardımcı olabilir. Sitedeki diğer yerlerden renkleri değiştirmek, resmin sorunsuz bir şekilde uyum sağladığından emin olur.
Andy Ward
Sadece bir ilüstratörün resimlerini sitelerine dahil etmesi mantıklıdır. Andy Ward, resimlerinin başlığında bir slayt gösterisi kullanır, ancak tasarımın kendisinin bir parçası haline gelecek şekilde dahil edilirler.
Kil Toplayıcı
Bu şekilde çizim yapan daha resmi, güzel sanat tarzı bir çizgi, geleneğe saldıran bir özellik sunuyor; bu durumda: geleneksel dizgi yöntemleri. Bu gerçekten bir etki yaratmak için basit ama cesur.
DNA'dan Darwin'e
Bir tarih anlayışı yaratmak için resmi çizgi çizimleri kullanan bir sitenin bir başka harika örneği. Katmanlı resimler, onu daha da ilginç kılıyor.
Papyon
Elle çizilmiş canavarlarla dolu daha rahat bir elle çizilmiş site (veya bu uzaylı mı?). Site uzayda başlayıp denizde biten çok katmanlı bir arka plan illüstrasyonunu kullanıyor.
xhtmlCafe
Suluboya ile kombine edilmiş bir illüstrasyon, xhtmlCafe sitesinde harika ve bilgilendirici bir başlık oluşturur. Resim içindeki kabataslak öğeler, düz bir suluboyaın sahip olabileceğinden daha stilize bir his verir.
Web saldırısı
Resimli web sitelerinde yayınlanan bir yazı, çizgi roman tarzı illüstrasyon örneği olmaksızın ne olurdu? Çizgi kalınlıklarından dokulu renklere kadar her şey, en sevdiğiniz çizgi roman veya grafik romanını anımsatıyor.
Janko, Warp Speed'de
Buradaki başlıktaki basit bir örnek incelikli ve basittir, ancak sitenin tasarımına büyük miktarda estetik bir cazibe katmaktadır.
Sadece WDD için yazılmış Cameron Chapman .
Diğer favori web siteleriniz varsa, lütfen bunları yorumlarda paylaşın!