Kullanıcıları vay yapan 20’den fazla yaratıcı web sitesi!
1. Web sitesini farklı şekilde ayarlayın, ancak kanıtlanmış ve yaygın olarak tanınan düşünme yolunu takip ederek, akıl yürütmeye alışkın olan kişilerin kullanımına odaklanın. Böylece, web tasarımındaki en iyi uygulama, web sitesinde ne olduğunu nerede bulabilecekleri hakkındaki umutlarını şekillendirir. Çevrimiçi, umutları geleneksel yollarla düzenlenmiş geleneksel web sitesi öğeleriyle doludur. Her nasılsa, bu fenomen dikkatlerini öldürdü ve mesajınızın önemli kısımlarını görmezden gelebilirler. Geleneksel mantığı kırmak için burası. İnsanları şok edin, gerekirse onları şok edin.
Teoriye bir göz atın, Örnek: Rivercliff Çiftliği – Dikey Menü Çizim Ekranları için Yer bırakır Rivercliff Ranch, web tasarımının zorluklarından geçti:
Menüyü dikey olarak yerleştirme
Menü şeffaf bir arka plan üzerinde ayarlanmıştır
Ziyaretçiler fotoğraf galerisinde dolaşmalarına izin veriyor
Sayfayı değiştirirken, biraz Zoom-Out/Zoom-in efekti dikey bir menü için bir zarafet listesini tutar.
2. Yanal düşünmenin alışılmadık bir ilişkisi oluşturmak için yanal düşünmeyi kullanın, dolaylı akıl yürütmeyi ve olağandışı ilişkileri kullanan yaratıcı bir tekniktir. Bu nedenle geleneksel adımların mantığını takip etmez. Ve sonuçlar güzel olabilir. Diğer teoriler, örneğin: Bamfieldmsc – Deniz Biliminin Merkezini sulu altbilgi ile bağlayın
Herkes deniz biliminin merkezinin … deniz ekosistemleri hakkında konuşmasını bekliyor. Ancak deniz ekosistemlerini web sitesine getirmek için bu olağandışı: Web sitesi sayfaları gerçekten sular altında kaldı
Sulara daldırıldıkları bazı temel bilgiler var
Web sitesi yöneticisi müstehcen bir arka plan görüntüsü kullanır ve deniz ile ilgilidir.
3. HTML, CSS, JavaScript, vb. Bununla birlikte, iyi bir yaratıcı teknik, kodu bir kenara koyduğunuzu ve zihninizin en iyi web sitesi tasarımını arayan etrafta oynamasına izin verdiğinizi söylüyor. Bunun tersini düşünün, kodun bükülemeyeceği hakkında bir fikir yok. Firasyonlu (örneğin) nasıl “kodlamanız gerekmiyormuş gibi yap” (örneğin):
Mükemmel dijital laboratuvar – Kod sınırlarını artıran yaratıcı web tasarımı
Tüm bu siteler kodlama yasasına karşı çıkıyor ve dikkat çekiyor. Kendisi tamamen yaratılmıştır.
Portföy çalışması fareye duyarlı bir topta sunulmaktadır.
Fade-out/yakınlaştırma etkilerini açıklamak için çalışma sayfalarından geçiş.
Web sitesi tüm kodları kendi tasarım kurallarına bükmüş gibi görünüyor. 4. Kontrast ekleyin, siyah beyaz, parlak ve karanlık vb. Kullanın. Web tasarımı için bilmek için başka bir iyi yaratıcılık tekniği, web sitesine kontrast eklemektir. Kontrast, monoton renklerin tekdüzeliğini bozar ve yaratıcı mesajların iletilmesine yardımcı olur. “Kontrast Ekleme” tekniğine göz atın. Agency – Kontrastı bulun
İlk olarak, parlaklık kontrast ve gölge. Spot ışığı fareye duyarlıdır, imleç hareket ettiğinde spot ışığı da hareket eder.
İkincisi, beyaz ve koyu mavi arasındaki kontrast; “Fiziksel” izlenimi katalog sayfasını tersine çevirir. Web sitesi logoyu sıvı mürekkep şeklinde neredeyse organik olarak göstermektedir.
5. Bu tekniğin kusurlarını kasten eklemek, okuyucularla daha otantik ilişkiler kurmaya yardımcı olur. Hiçbir şey mükemmel değildir, ancak herkes hoş bir küçük kusura duyarlıdır. Bir web sitesinde bozulma, ona özgünlük ve gerçeği ekleyerek daha gerçek, daha güvenilir hale getirir. Yaratıcı web siteleri için kusurların kullanımına bir bakış
Myevereraffteryen – Mükemmellik/Mükemmellik Oyunu
Ana renk pembe, her yerde veranda serpildi
Bu renk tutarlılığı, daha “el yapımı” bir ekran sayfası sağlama çabalarına izin verirken mükemmelliği içerir Kusurluk başlık tipografisinde yatıyor
Pembe, albümün vintage izlenimini vererek düzensiz bir paralel olarak boyanmıştır.
6. Daha önce açıklanan düzenden çıkın ve bazı yaratıcı düzenleri deneyin, web tasarımının macerasına başlamayı ve daha önce açıklanan düzenden çıkmayı seçerseniz ne olur? Bu zor olabilir, ancak bu tekniği gerçekten yaratıcı bir web sitesine uygulayarak memnun olacağınızdan eminiz.
Geleneksel unsurlar size iki katman boyutunun bir yanılsaması verir
İlişkili parçaların resimleri
Kanopi ince bir renkte erirse, diğer kısım çakıl ile üstten ayrılır. Bir video, veranda tuvali parçalandıktan sonra perde arkasından gösteriliyor gibi görünüyor.
Malzemelerin Karıştırılması … Yukarıda belirtilen malzemeleri birleştirmek, yaratıcı bir web sitesi oluşturmaya hazır unsurların bir karışımını üretecektir. Bununla birlikte, kapsadığı yenilik veya gelenekçiliğin yüzdesine bağlı olarak orantısız karışımlar. Bu karışımın 2 farklı yaratıcı web sitesi türü sağladığını daha fazla göreceğiz: sürükleyici ve etkileyici.
Imgersive Design, mükemmel bir malzeme kombinasyonunu bulmuş gibi görünen bir web sitesine sahiptir. Web tasarımcılarının mükemmellik kurallarına ulaşmasını sağlayan mükemmel teknik ve daha sonra bunun ötesinde. Onlar deneyimin yaratıcısıdır. Bir ziyaretçi uzakta kalamaz. Her yeni ziyaret, kendi hikayenizi yaratmak için yeni bir fırsattır. Bu tür web siteleri için, tasarımcılar artık geleneksel kodları kullanmıyor ve kodlamayı yalnızca görüntüleri benzersiz web sitesi tasarımına havaya uçurmak için kullanmıyorlar. Eşsiz tasarım, zaten web’de var olan her şeyden gelen farklılıklar ve paylaşılamayan, ancak sadece bireysel olarak hissedilen deneyimlerle benzersiz. Buna sürükleyici bir web sitesi denir. Bakalım bazılarının nasıl görüldüğünü görelim: nurturegital
Web sitesi sizi keşfetme yoluna götürüyor. Bir sayfadan diğerine bir sayfaya geçiş, bir sürprizden başkası değildir. Sezgisel navigasyon tarafından yönlendirilmenize izin verirseniz, nurturegital’in ne kadar göstermesi gerektiğinden etkileneceksiniz. Lanapapier
Lanapapier.fr Stilleri, zarafeti ve yeniliği çok yaratıcı bir şekilde birleştirir. Sürükleyici deneyim gölgelik ile başlar ve diğer sayfalar geride kalmaz. Web sitesinde gezinme pürüzsüzdür, tüm sayfalarda mesajların mükemmel bir şekilde tutulmasını sağlar. Carbone.ink
Bu çevrimiçi dergi her şeyi farklı yapıyor. Kendi ifade formu var. Menü kategorisinden gözlere saldırmak için kullanılmayan. Resim makaleye eşlik ederek meraklı okuyucular için ilginç hale getiriyor. Bir sayfadan diğerine geçiş, daha fazla okumaya sabırsız olan okuyuculara sabırsızlık uyandıran yanıp sönen bir grafikle yapılır. Melville Design
Melville Design, benzersiz sayfaları ve düzeni aracılığıyla etkileyici bir web sitesine sahiptir. Dekorasyon nesneleri, güzelliğinin zirvesinde sergilenir ve okuyucunun bu nesneler de dahil olmak üzere zihinsel olarak kendi iç kısmını inşa etmesine izin verir. Danielspatzek Bu web sitesi tüm web tasarım yasalarını havaya uçurdu ve çok alışılmadık bir şekilde bilgi sundu. Dikkat, diğer geometrik sarı çizgilerle sınırlı olan verandanın ortasındaki bir grafik devresi ile korunur. Görüntüleri komik ve ilginç bir şekilde yapılandıran bu grafik serisine hareket eklenir. Bu web sitesi aynı zamanda normdan alışılmadık yazıya geçen tipografik bir stil kuyusu kullanır. Bonnemarque Bu web sitesi, sürükleyici tasarımın bir başka iyi örneğidir. Kelimelerin kelimeleri çok yaratıcıdır ve her kullanıcının web sitesi sayfasına seyahatinin başlangıcını duyurur. Yuvarlanırken, güzel görüntüler ortaya çıkar, çünkü birkaç çift harften gelir. Bearide Yaratıcı theaseas doğrudan kullandıkları kavramlardan. Günün atmosferine bağlı olarak, ziyaretçiler kutup ayıları veya siyah ayılar seçmeye davet edilir. Ayrıca, ziyaretçiler ilginç bir şey olmayan bir yolculuğa çıkarılacak. Giampiero Bodino
Bu web sitesi inanılmaz dekorasyon ve sanat sergileri sunmaktadır. Bu, kitaplar (bölümlerle) veya sanat albümleri şeklinde yapılandırılmıştır. Eserlerin patlaması, Giampiero Bodino’nun yaratımlarıyla deneyimlerini tamamlamak için gözleri bozar ve okuyucunun web sitesini daha fazla keşfetmek istemesini sağlar. Etkileyici tasarım etkileyici tasarım açısından, benzer yaratıcı bileşenlerin bir karışımı vardır. Bununla birlikte, karışım orantısızdır, çünkü geleneksel unsurların yüzdesi daha büyüktür. Kullanıcıların web sitesinde gördüklerinden kendi hikayelerini oluşturdukları sürükleyici tasarımın aksine, etkileyici web siteleri bir şekilde kolektif hikayelerden gelen kollardır: web sitesi tasarımcıları en az bir farklı şey yaparlar ve ziyaretçiler özel toplulukları takip eder, kırmızı işaretleri takip eder. astar. Değişen deneyimler gerçek dünyada meydana gelir, sadece web sitesinde daha fazla olacağına söz verir. Bazı etkileyici tasarım örneklerine bakalım: Alpskomlekokeaslian, insanlar daha fazlasını görmek için kaydırdıklarında veranda tarafından sergilenen şeyde yatıyor. Farklı başlıklar birbirini bir ruloda değiştirir. Her başlık Alp bölgesinden yeni görüntüler sunar. Sonuç olarak, okuyucunun Alp sütü içmesi ve alışkanlık azaldıktan sonra kendi başına gelişmesi için umut verici bir deneyim yaşama olasılığı daha yüksek olacaktır. Çarpıcı Temalar – Ajans web sitesi şablonu
Bu, Mesmerize temasının bir demosudur ve başlık görüntünün metnin kopyasını “sıralamadan” “optimize etme” ye değiştirmeye devam eden dinamik bir öğe olduğu yerdir. Bu bir ajans web sitesi, rahatlatıcı mavi bir renk için tasarımcımız, artan kullanıcı güvenine, grafikler ve analitik gibi ciddi şeylerden şık karikatürler, kullanıcılara bunun karmaşık problemlerle rahat olan profesyonel bir şirket olduğunu hatırlatıyor. AndRevvd Bu basit tasarım, daha fazla bilgi isteyen okuyucuların bulunmasını sağlar. Bu nedenle, kullanıcı, asla bitmeyen bir hikayede stil, doku veya rengi sürekli olarak değiştiren mavi toptan filtrelenen bilgi parçalarını bulmak için sayfayı aşağı kaydıracaktır. La Peau de l’Ox Bu web sitesi alışılmadık bir tipografik stil ve bir görüntüden diğerine ve bir sayfadan diğerine kontrast geçişleri kullanır. Sanatın gücünü gerçekten ifade ediyor ve okuyucuları daha fazlasını bulmaya davet ediyor. Sonuç olarak, web sitesi sayfası ziyaretçileri yaratıcı sanat uğruna sanatçı topluluğuna ve sanatın etkisine katılmaya davet ediyor. Mezmerize Tema – Web Sitesi Şablonunu Devam Edin Bu büyüleyici temamızın bir demosu. Tasarımcılarımız, aynı zamanda profesyonel, o noktaya ve dostça olan potansiyel çalışanlar için bir özgeçmiş web sitesi oluşturmak için ayrılıyor. Tarayıcıda, başlık görüntüsü tüm üst yarı alanı alır ve ziyaretçiler gerçek becerilerine ve profesyonel deneyimlerine geçmeden önce adayların ziyaretçileri görüntüleriyle ısıtmasına izin verir. Cirque Gruss Bu web sitesi, arka planda müstehcen görüntüler/videolar kullanarak yaratıcıdır. Veranda’daki varlıkları kullanıcıya programı izlediği izlenimini verdi. Sirk deneyimi, web sitesinin şovlarının ne anlama geldiğine bir bakış sunduğu ekrana getirilir. Huys NYCWebsite, İçindekiler tablosunun kenar çubuğundan başlayarak navigasyon yaratmada yaratıcılık kullanır. Menüdeki kategori ekranın sol tarafında görünürken, müstehcen görüntü ekranın sağ tarafında görüntülenir. Çarpıcı Temalar – Spor Web Sitesi Şablonları Spor salonuna gitmek veya egzersiz yapmak çok acı verici olabilir, bu da birinin iyi motivasyona sahip olmasını gerektirir. Nike’ın yapacağı gibi “sadece yap”. Spor salonu için bu demo web sitesi oluştururken, tasarımcılarımız ziyaretçilere derhal zihinsel cesaret vermek, fitness seviyelerinden çıkıp artırmak istiyorlar. Bu nedenle, beyaz olmak için solmuş bir sporcu imajını seçtiler, bu da insanları harekete geçmeye teşvik eden güçlü bir kopyasını vurguladılar. Sürükleyici veya etkileyici bir şekilde tamamlamak için, web sitesi öncelikle ziyaretçilerin değer açısından değerlenmelidir. Bazen, yaratıcı web siteleri kullanıcılar için değerli bir çözüm olabilir, diğer zamanlarda olmayabilir. Her şey trafik veya dönüşüm, sayfadaki zaman vb. Açısından başarılarına bağlıdır. Okuyucuların değerini düşünün, ne tür bir web sitesi geliştirilmeyi seçeceksiniz: Sürükleyici tasarım veya etkileyici tasarım ilkesini kim takip ediyor?