Web Tasarımında 10 Fantastik Dinamik Merkez Parçası Örneği

Aşkta ve müşteriler için mücadelede her şey mübahtır, özellikle dijital dünyada. Malları zorla kabul ettirmek ve müşterileri bir şeyler satın almaya ikna etmek için çeşitli psikolojik hileler kullanabileceğiniz gerçek internetin aksine, internet hala kişisel değildir. Birinin gözünün içine bakıp “Hayır” demenize gerek yok. Tüm umut verici avantajlara ve satış konuşmalarına rağmen tarayıcı sekmesini kapattınız ve suçluluk duymadan mutlu bir şekilde yolunuza devam ettiniz.

Potansiyel müşterilerin çoğunluğu için bu büyük bir rahatlama. Ajanslar, şirketler ve satıcılar için üstesinden gelinmesi zor olan büyük bir engeldir. Ziyaretçileri gerçek müşterilere dönüştürmek için hatırı sayılır miktarda para yatırmak hakkında hiçbir şey söylemeden, parmaklarınızı kemiğe kadar çalıştırmanız gereken yer burasıdır. Bu dikenli yol çok sayıda aşama, tuzak ve hile içerir. Ve her şey ilk izlenimi yaratmakla başlar.

Kural olarak, ilk izlenim, ziyaretçilerin ayrılıp ayrılmayacağına karar verir ve size onlar hakkında konuşma şansı verir. Bu nedenle, indirimler ve özel teklifler içeren pop-up'ları göstermeye başlamadan önce web sitenizin “yüzüne” dikkat etmelisiniz. Kullanıcının kaldığı ilk saniyelerin tonunu ve ruh halini ayarlar.

Doğru İzlenimi Yaratmak

Bu günlerde, kullanıcıları basitlik, zarafet ve zarafetle cezbeden aşırı basitleştirilmiş statik, minimalist kahraman alanlarından başlayarak, kelimenin tam anlamıyla herhangi bir seçeneğe gidebilirsiniz. Veya harika bir tekno havası ve gelişmişliği ile dikkat çeken, süper, aksiyon dolu, WebGL destekli animasyonları tercih edebilirsiniz.

Radikal eylemlere hazır değilseniz veya hedef kitleniz için biraz uygunsuz olduğunu düşünüyorsanız, her zaman aşırı basitleştirme ve karmaşıklık arasındaki altın ortalama dengesine bağlı kalabilirsiniz. Bunu yapmanın bir yolu, temiz ve nispeten basit bir genel tasarım seçmek ve onu dinamik bir merkez parçası ile zenginleştirmek. Masayuki Daijima'nın gizemli kişisel portföyünde yaptığı gibi.

Web sitesinin ana ekranı aşırı basitleştirilmiş: Temiz monokrom siyah tuval, küçük sosyal simgeler paketi, 3 öğeli gezinme ve köşelere dikkatlice yerleştirilmiş telif hakları. Tüm temel unsurlar, sayfanın kalbinde yer alan WebGL destekli “kafa”ya yol açar. Sahibinin yaratıcılığını ve profesyonelliğini haykırarak doğal olarak tüm dikkatleri üzerine çeker.

Bugün, bu yaklaşıma odaklanacağız. Modern teknolojilerin gücüne direnemeyen, ancak kaynaklar açısından makul kalmak isteyen yaratıcı ajanslar arasında küçük bir eğilim. Aşağıdaki web siteleri, genel olarak dikkati, küçük ama yine de akıllara durgunluk veren animasyonların bulunduğu ekranın kalbine yönlendiriyor.

LHBZR / IGOODI

LHBZR'den Luis Henrique Bizarro ve IGOODI'nin arkasındaki ekip olan Uprising, Masayuki Daijima ile aynı yaklaşımı benimsedi.

Luis Henrique Bizarro'nun web sitesinin ana alanı, düzenlilik, temizlik ve öğelerin azlığı ile işaretlenmiştir. Ancak yukarıdan aşağıya uzanan yüzlerce ince çizgiden oluşan 3 boyutlu daire, dikkati logotype'ın bulunduğu merkezde koruyor. Her şey teknik-teknolojik.

IGOODI, yüksek teknolojili arayüzü ile büyük ve cesur bir kişiliğe sahiptir. Fareyle üzerine gelindiğinde blok ortaya çıkarma efektleri ve sesler gibi flaş benzeri özellikler bile var. Bir önceki örneğe kıyasla, tasarım biraz kalabalık. Bununla birlikte, tüm gözler, her bölüm için sağlanan eşlik eden görsel materyaldedir. Her animasyon karanlık ve tasarıma kusursuz bir şekilde entegre edilmiş olsa da, yine de fütüristik ve sofistike çekiciliği ile dikkat çekiyor.

GlobIQ / Jakub Paniaczyk

Aynı rotayı takip eden daha fazla web sitesi var. Onları düşünelim.

GlobIQ ilk bakışta IGOODI'ye benziyor; ama kendi aurası var. Çokgen küre, kahraman alanının kalbi ve ruhudur. Kendi ekseni etrafında dönerek dikkat çekmeden dikkat çeker. Ana ekran büyüleyici ve çekici.

Bu ana akım web sitelerinin hepsinin karanlık bir estetiğe sahip olduğunu düşünüyorsanız, gözlerinizi Jakub Paniaczyk'in bir web sitesine koyun. Aynı yaklaşımdır, ancak hafif bir ortama getirilmiştir. Yukarıdaki arayüzler, koyu renklerin neden olduğu belirli bir gizemli çekiciliğe sahipken, bu, tam tersine, açık, davetkar ve net hissettiriyor. Bir ton parçacıktan yapılmış ve birbirine yerleştirilmiş birkaç güzel küre var. Kompozisyon, kullanıcı deneyimini geliştirir ve üst düzey estetiğe katkıda bulunur.

Maria Callas / VIITA TITAN

Küreler, küreler ve 3B çokgenler içeren web sitelerimiz olsa da, farklı konseptler bulabilirsiniz. Örneğin, Maria Callas'ın web sitesine bakın.

Kahraman alanı, çeşitli perspektif görünümlerinden kısmen keşfedebileceğiniz esrarengiz bir kare şekilli animasyona sahiptir. Çözüm, sizi web sitesinde kalmaya ve keşfetmeye zorlayan karışık duygular uyandırıyor.

Önceki örnekte olduğu gibi, VIITA TITAN'ın tanıtım web sitesinin arkasındaki yaratıcı ekip, dalgalı davranış sayesinde canlı görünen dikdörtgen şekli ve sıra dışı dokuları tercih ediyor. Ekranın orta kısmı o kadar "ağır" ve eksantrik ki hipnotize ediyor ve mıknatıslıyor.

Azar Kulübü

Aşırı yüklenmiş bir ana sayfanız varsa ancak yine de genel olarak dikkati odak noktalarına çekmek istiyorsanız, Azar Club'ın arkasındaki ekiple aynı numarayı kullanabilirsiniz. Web sitelerinin kahraman ekranı, önemli ve çok da önemli olmayan şeylerle dolu. Yine de, tüm gözler sayfanın kalbine gidiyor. Bunun nedeni nispeten ince, eşit olmayan 4 neon dairedir: Doğal olarak izleyiciye hitap ederler.

Biz Sanaldayız

We Virtually Are'ın ana ekranı, yüksek teknolojili atmosfer ve sanatsal karizmanın iç içe geçmesiyle göze çarpıyor. Genel tasarım düzgün, mütevazı ve bir şekilde “ciddi” görünüyor. Bununla birlikte, çiçekli video, bu web sitesini diğerlerinden ayırarak, doğal güzelliğe ve eğlenceli bir tona sahip ince bir dokunuşa sahiptir.

Miew Kreatif Stüdyosu

Miew Creative Studio, güçlü bir ilk izlenimi zarif ve zarif bir şekilde sunar. Burada merkez parça, nefes alan ve şekil değiştiren bir 3B küredir. Temiz ve sağlam arka planın monotonluğunu ustaca kırar ve sloganı görsel olarak destekler.

Harika Tasarımın Merkezi

Dinamik çözümler bugünlerde her yerde görülüyor. Farklı nitelikteki animasyonlar, heyecan verici bulgular, fizik deneyleri ve diğer ilham verici kavramlar web sitelerini dolduruyor. Ancak, büyük çözümler büyük sorumluluklar getirir. Bu nedenle, bir çöküşü önlemek için bazen altın ortalamaya bağlı kalmanız gerekir. Ve tam ekran çözümler yerine küçük merkez parçaları kullanmak gerçekten de bir denge kurmanın ve herkesi memnun etmenin bir yoludur. Dahası, bunu yapmanın pek çok harika yolu var.