10 Benzersiz + Yenilikçi Web Sitesi Düzeni Fikri

Fikir bir süredir etrafta dolaşıyor - web tasarımı biraz sıkıcı bir eşliğe sahip. Kalıbı kırabilecek benzersiz ve yenilikçi web sitesi düzenlerine dalalım!

Suçlama kullanıcı kalıpları, çok az tasarımcı için çok fazla proje veya sadece müşterilerin sitelerini daha önce gördükleri ve anladıkları bir şeye benzemeleri arzusu. Fakat her şey kaybolmaz. Bazı insanlar orada ne olduğunu erteliyor olsa da, tasarımcılar hala denemek ve web sitesi tasarımı ile eğlenmek.

Bugün, rutini kıracağız ve benzersiz veya yenilikçi fikirler içeren on web sitesi tasarımına dalacağız. Başka bir şey yoksa, sizi yaratıcı yaratıcılıktan kurtaracaktır.

Hızlı Not: Yaptıklarının tam bir resmini görmek için web sitelerinin her birini ziyaret ettiğinizden emin olun. Etkileşimli öğeleri gerçekten deneyimlemeden tanımlamak zordur!

Bölünmüş Ana Sayfa

Çok sayıda ana sayfa tasarımı, dev bir kahraman resmi veya videosu ve kullanıcıları tasarıma çekmek için birkaç büyük kelime içeriyor.

Bu hareketsiz görüntüler “açıldığında” video öğelerine dönüşürler.

Ama anlatacak birden fazla hikayeniz varsa ne olacak?

Moleküler bu konsepti altı panelli bir ana sayfa ile çevirir. İşe yarayan şey, diğerlerini daraltırken daha fazla bilgi görüntülemek için her paneli açmak için fareyle üzerine gelme eylemlerinin yenilikçi kullanımıdır. Tasarım da ilgi çekicidir. Bu hareketsiz görüntüler “açıldığında” video öğelerine dönüşürler. (Bu, hangi videonun mevcut olduğunu görmek için her birini hareket ettirmemi sağladı.)

Bu tasarım çözümü, birçok karmaşık bilgiyi kırmanın eşsiz bir yoludur. Oldukça görseldir, kullanıcıyı sadece ihtiyaç duyduğu şeylere yönlendirir ve süreçte bunaltıcı değildir.

Masif Kart Destesi

Etkileşimli tuval, Bitcoin ile çok şey olduğunu gösteriyor.

Kart tarzı tasarım desenleri bir süredir popülerlik kazandı, biraz soluklaştı ve tekrar keşfedildi. Bitcoin'in bu geçmişi daha az, oyun tahtası tarzı bir tuvalde büyük bir kart göstergesidir.

Gezinme, ses veya döngüsel video yok, sadece tıklayacağınızı ümit eden düzinelerce başlıklı (bazıları fotoğraflı) kart var.

Bazıları için bu tedavi biraz ezici görünebilir. Peki ya bütün bu fikir buysa? Etkileşimli tuval, Bitcoin ile çok şey olduğunu gösteriyor.

Sonra tüm küçük başlıkları not edin. “7 En İyi Bitcoin Açıklayıcı Video” ve “Bitcoin'in Tarihçesi (En Simgesel 7 Memesiyle Anlatıldığı Gibi)” başlıklı sosyal medya tıkırtılarına çok benziyorlar.

Tek bir kartı hiç tıklamasanız bile, sanırım bu hareketin nasıl çalıştığını, zum ve merkezin arkasındaki mantığın ne olduğunu ve bu geleneksel olmayan kullanıcı deseninin projelerinizde bir yeri olup olmadığını araştırıyorsunuz.

Uber Minimalizm

Sadece büyük bir logo. Renk yok. Görecek hiçbirşey yok.

Ama yine de ilgimi çekti.

Bu web sitesi tasarımı aşırıya minimalizm alır ve yine de ilginç bir kullanıcı deneyimi sağlar. Yumuşak renk paleti veya dünya tarzı animasyon olabilir, ancak tasarımın sadeliği, bu portföy web sitesinde öne çıkan projeleri görmek istememi sağlıyor.

Bazen bilgi eksikliği merakımızı artıran şey olabilir.

Kuralları yıkmak

Bu web sitesi sayabileceğim daha fazla tasarım kuralını ihlal ediyor. Ama bakmaya devam ediyorum.

Değiştirilmiş yazı tipleri, sözcüklerin garip kısaltmaları, üst üste binen garip alanlar, arka planda kontrast eksikliği, üstteki degradeler, aynı anda hareket eden birden fazla animasyon ve bazı küçük harfler var.

Ama bakmaya devam ediyorum.

Benim tahminim, eğer tıklarsan, sen de yapacaksın.

Ortak rehberlik, sadece bir tanesini kırmak için tasarım kurallarını çiğnemek istiyorsanız; yine de burada hepsi güzel kırılmış gibi görünüyor. Web sitesi tasarımı Bu tarz bir portföy sitesi veya size daha yaratıcı özgürlük veren bir şey için en uygun olan kesin bir risktir.

Eski ve Yeni Okulu Karıştır

Bu nostaljik ve kullanıcıların hoş anılarını çekebilir.

Evet, 1999 dolaylarında Britney Spears.

Bu web sitesi, eski okul estetiğini birleştiren, ancak doğru çalma listesini bulmanıza yardımcı olmak için yapay öğrenme ve botları kullanan bir Spotify projesidir.

Hepimiz bu tasarım tarzının bugün gerçekten odaklanacağınız şey olmadığı konusunda hemfikir olabiliriz - bu çok sade ve kutu gibi, doğru - eski okul hissi nedeniyle öne çıkıyor. Yeni teknoloji neden bu tarz oyunları güçlendiriyor?

Bu yin ve yang etkisi ilginç ve cesur. Bu nostaljik ve kullanıcıların hoş anılarını çekebilir. (Flip tarafı, bu çağdan sonra doğan herkesin alamayacağıdır.)

Arka Planı Döşe

Tasarım cesur ve yüzünüzde. Pin-Up Magazine ana sayfasında kapağını döşer. Sadece biraz kaydırın ve bir tane daha büyüğü açılır, sadece tıklanması için yalvarır.

Web sitesinin stili oldukça acımasız ama okunması kolay.

İğrenç ve ben yine de seviyorum.

Bu, kitlenin tartıldığı ve tasarımın hedeflerinin sizi beklenmedik bir yol izleyebileceği yerlerden biridir. Bu dergi kapaklarını düşünün; kendi başlarına bu kadar cazip değiller. Ancak ezici tasarım odağı getiriyor. Ana sayfadaki öğelerin eksikliği, kullanıcıyı neredeyse kaydırmaya zorlar (ve gezinme açılır).

Bu tasarım, döşenmiş arka planlara ve daha az “dışarıda” ölçeklendirilebilir. Ancak bu, her şeyin bu kadar benzerliğe sahip olması gerekmediğine iyi bir örnek. Bu sizi görmenizi sağlar çünkü yüksek ve cesurdur.

Uzay ve Asimetri

Bu tasarımın sadeliği hakkında cazip olan şey, kullanıcıya çok fazla şey istemiyor gibi görünmesidir.

Izgarayı kırın veya asimetrik bir ızgara planlayın.

Lasse Pedersen'in web sitesinin güzel hiçliği olağanüstü.

Web siteleri her zaman farklı içerik parçalarına bol miktarda giriş noktası satmaya çalışıyor. Bunların hiçbiri burada yok. Ekrana bakın veya kaydırın. Bu kadar. İki seçenek. Sade ve basit.

Buradaki risk, kullanıcıların seçtiği şeyin tasarımı bırakmaktır, ancak basit kaydırma talimatıyla ekran boyunca akış, farenin en az bir hareketini çizmek için yeterli olmalıdır.

Bu tasarımın sadeliği hakkında cazip olan şey, kullanıcıya çok fazla şey istemiyor gibi görünmesidir. Resimlere gerçekten bakabilirsiniz ve ana sayfayı geçerseniz, daha fazla bilgi edinmek istiyorsanız küçük bir iletişim düğmesi vardır.

Tam Ekran Fotoğraf Görüntüleme

Tam sayfa kahraman görüntülerin ve videoların çoğu, gezinme öğeleri ve aşağıdaki bir sonraki içerik öğesine bir tür ayırma ile ekranın üst kısmındaki açık veya koyu başlık çubuğu arasında sıkışır.

Gourmand & Gourmet, çevreleyen tüm kap öğeleri olmadan tam ekran bir görüntü kullanır.

Tasarım özellikle üstbilgi olmadan büyük hissettirirken, zor bir yapılandırmadır. Bir görüntünün farklı bölümlerine metin yerleştirmenin ne kadar zor olabileceğini düşünün ve şimdi bunu ekran metni ve daha küçük gezinme öğeleriyle yapmanız gerekir.

Bu tür web sitesi tasarımı, mükemmel görüntü setini alır, ancak çok fazla görsel değer sağlayabilir.

Fotoğraf Yerleşimlerini Çevir

Bu koleksiyondaki tüm benzersiz ve yenilikçi web sitesi tasarımları arasındaki ortak temalardan biri, ortak bir fikir üzerinde yeni bir bakış açısı sunmalarıdır. Umarım bunlar kullanabileceğiniz kavramlar ve öğelerdir.

Photonico, fotoğrafları sergilemek için basit bir tasarım kullanır. Büküm, daha küçük görüntülerin bir gezinme biçimi olarak üstte olması ve büyük fotoğrafların aşağıda olmasıdır.

Bu, sayfanın üstünden altına doğru güzel bir akış oluşturur. (Fotoğraf navigasyonunun üstündeki metin gezinmesinden kurtuldularsa daha da iyi olabilirim.)

Aynı sonucu elde etmek için aynı şeyi yapmanız gerekmediğini gösterir. Ana sayfadaki her öğe, kullanıcıları sitenin daha derinlerine götürmek için tasarlanmıştır.

Bu tasarımın en iyi yanı, etkileşimde bulunduğunuzda gerçekleşen etkileşim olabilir. Bir arama terimi yazdığınızda ekran değişir. Şık, hızlı animasyonlar, basit koyu arka plan ve statik arama çubuğu sayesinde tek sayfalık bir tasarım gibi hissediyor.

Aptal Olun ve Eğlenin

Mutlu ve ilgi çekici bir şey tasarlayın. Teorinin Ötesinde bunu biraz beklenmedik kelimeler, görüntüler ve harekete geçirici mesajlar ile yapar - AOL (LOL) ile bize ulaşın .

Bunu parlak renk ve bol açık alan ile birleştirin ve tasarım saf bir zevktir.

Ayrıca derinlik ve ilgi yaratmak için asimetrik bir desen ve katmanlı elemanlar kullanır.

Sonuç

Yeni ve farklı bir şey üzerinde çalışmaya hazır mısınız? Burada yer alan tüm farklı web sitesi tasarım fikirlerinin artıları ve eksileri olsa da, her birinden alabileceğiniz bir şey var.

Büyük fikir sadece denemek. Her tasarım her seferinde mükemmel sonuçlar vermez, ancak farklı bir şey yapmaya cesaret etmekte değer vardır.