Bu sayfadaki her efekt canlı — dokunun, üzerine gelin, kaydırın. Dünyanın ödüllü sitelerinden derlenen desenlerin ve kendi geliştirdiğimiz simülasyonların bir arada durduğu tam liste.
Sayfa ağırdır; sadece kendi sektörünüze bakmak isterseniz sektör sayfalarını kullanın.
E01Islak boya başlık dolgusuimza efektimiz
Başlığınız boyanarak gelir.
Nerede iyi durur: hero başlıkları, kampanya sloganları.
E02Daktilo anlatımMammut Baikal
Nerede iyi durur: marka hikâyesi, üretim anlatısı, vaka çalışmaları.
E03Karışık harf çözülmesiKPR / Resn
████████████
Nerede iyi durur: teknoloji/inovasyon vurgusu, bölüm başlıkları.
E04Maskeli satır revealAker Companies
Satırlar perdenin
arkasından sırayla
yükselir.
Nerede iyi durur: manifesto metinleri, değer önermeleri.
E05Dev arka tipografi + parallaxCrescente Sicily
USTALIK
Öndeki net, arkadaki derin.
Kaydırarak deneyin — katmanlar farklı hızda akar. Nerede: seri/koleksiyon başlıkları.
Üzerine gelin — hızlanır. Nerede: duyuru bantları, kampanyalar.
E07Film greni dokusuNoomo XR
Basılı poster hissi
Canlı üretilen grain, düz renkleri "matbaadan çıkmış" gösterir. Nerede: premium/retro markalar.
E08Telemetri HUDMammut Baikal
ATÖLYE SAATİ: --:--:--
KAZAN SICAKLIĞI: 42.0°C
KARIŞTIRICI: 1.450 rpm
VİSKOZİTE: 3.200 cP · SOFT BODY
SAYFADAKİ KONUMUNUZ: 0%
İMLEÇ: X:— Y:—
Ne işe yarar: sayfayı canlı bir cihaz/laboratuvar gibi hissettiren SÜS verisi. Mammut bunu dağcının GPS'i ve nabzıyla yaptı — okuyucu kendini dağda sandı. Biz kazan sıcaklığıyla yaparız: ziyaretçi kendini atölyede sanır. Rakamların bir kısmı gerçek (saat, sizin kaydırmanız, imleciniz), bir kısmı atmosfer. Nerede: üretim/lab konseptli sayfalar.
E09Animasyonlu sayaçlarNoomo · Synchronized
0
Renk
0
Ürün
0
Marka
0
Kuruluş
Nerede: istatistik blokları, "rakamlarla biz".
E10Harf yuvarlanan linklerChungi Yoo
Üzerine gelin — harfler tek tek takla atar. Nerede: menüler, önemli linkler.
E11Rollover aksiyon kartıAwwwards
Metalik Altın
Gül Kurusu
Ultramarin
Üzerine gelin. Nerede: ürün/koleksiyon ızgaraları — mağazanın standardı olmalı.
E12Kinetik tekrar tipografiSynchronized Studio
MARKA KURULUM — MARKA KURULUM — MARKA KURULUM — MARKA KURULUM
Tutup sürükleyin. Nerede: moodboard/kartela oyun alanları, lansman sayfaları.
E15Bulanıktan netleşmeMammut Baikal
Sis dağılır, mesaj kalır.
Nerede: bölüm girişleri, duygusal vurgu anları.
E1612fps "el çizimi" ritmiPrometheus Fuels
60 fps — dijital
basamaklı — el çizimi hissi
Aynı animasyon, iki ritim. Basamaklı olan "canlı çizilmiş" hisseder — Yılın Sitesi 2021'in sırrıydı.
E17Dairesel maske geçişiMANA Yerba Maté
Tıklayın — yeni dünya damla gibi açılsın
Renk değişti, evren değişti.
Nerede: renk/seri değiştirme anları, tema geçişleri.
E18Formül modalıNoomo XR
Teknik içeriği "bar menüsü" zarafetiyle sunar. Nerede: ürün içerik/özellik detayları.
E19Boşluk doldurmalı formNoomo XR
Merhaba! Ben , markasını büyütmek istiyorum. Bana adresinden ulaşabilirsiniz.
Form doldurmak angarya değil, cümle kurmak. Nerede: iletişim/başvuru sayfaları.
E20Dönen damga rozetiCrescente Sicily
Üzerine gelin — hızlanır. Nerede: köşe rozetleri, "onay damgası" alanları.
E22Hover ses dokunuşlarıKPR / Resn
Sağ üstten sesi açın, sonra bu sayfadaki kartların/düğmelerin üzerinde gezinin — her temas minik bir tık sesi verir. Ses varsayılan olarak kapalıdır; kullanıcı isterse açar.
Nerede: premium/immersive deneyimler. Ölçülü kullanılırsa siteyi "dokunulur" yapar.
Tıklayın — marka adı patlar, parçalar yerçekimiyle düşer
Yazı binlerce küpe dönüşüp fizikle savruluyor, sonra kendini toparlıyor. Nerede: lansman anları, 404.
E4310.000 şişelik depoinstancing
On bin nesne, tek çizim emri — kaydırın, depo dönsün
Aynı nesnenin on bin kopyası tek seferde çiziliyor. Nerede: kapasite/ölçek anlatımı, "dev fabrika" hissi.
E44Volumetrik boya bulutuhacim ışıması
İçinden ışık geçen üç boyutlu mürekkep bulutu · imleç bulutu iter
Yüzey değil hacim: ışın buluttan geçerken adım adım ışık topluyor. En pahalı, en sinematik teknik.
E45Dijital ebruTürk kâğıt ebrusu · bize özel
Ebru
Damlalar suya düşer, tarak geçer, desen doğar.
Tıklayın — yeni damla düşsün
Gerçek ebru matematiği: her damla, altındaki tüm deseni halka halka iter; tarak sinüs dalgasıyla tarar. Dünyada kimsede yok — bizim kültürümüzden çıkma imza efekt.
Voronoi hücreleriyle üretilen kuru boya/eskime dokusu. Nerede: vintage seriler, restorasyon anlatıları.
E49Renk sisi (aurora)sakin zemin
Sakin zemin
Okumayı bozmadan renk taşıyan yüzey.
Yavaşça akan renk katmanları — metin altında en güvenli seçenek
Yumuşak, düşük kontrastlı akış. Nerede: uzun metinli bölümler, iletişim sayfaları, hero altı.
E50Kendiliğinden büyüyen desenreaksiyon-difüzyon
Canlı desen
Kimya gibi büyüyen organik doku.
Tıklayıp sürükleyin — desen oradan üremeye başlar
İki kimyasalın yayılıp tepkimeye girmesi (Gray-Scott). Zebra deseni, mercan, boya lekesi — hepsi aynı denklemden.
E51Gerçek pigment karışımıKubelka-Munk · imza
Sürükleyerek boya bırakın — solda ekran mantığı, sağda gerçek boya
Ekranda mavi + sarı = gri. Paletde mavi + sarı = yeşil. Fark, ışığın pigment tanesi içinde soğurulup saçılmasından gelir; boya sanayisi bunu 1931'den beri Kubelka-Munk denklemiyle hesaplar. Sağ yarıda o denklem çalışıyor. Boya markası için bundan daha doğru bir imza efekt yok.
E52Islak suluboyasığ su + pigment tortusu
Sürükleyerek boyayın — su yayılır, pigment kenarda toplanır
Suluboyanın imzası olan koyu kenar halkası burada çizilmiyor — su buharlaşırken pigmentin kenara sürüklenip orada tutunmasından kendiliğinden oluşuyor. Kâğıdın dokusu da hesaba katılıyor: pigment çukurlarda toplanıyor (granülasyon).
E53Işık yolu izlemegerçek global aydınlatma
Bekleyin — gürültü çözülüp fotoğraf olsun · sürükleyin, kamera dönsün
Her pikselden sahneye ışın atılıyor, ışınlar yüzeylerden sekerek ışığa ulaşmaya çalışıyor. Kırmızı duvarın yanındaki beyaz küre kendiliğinden kırmızıya çalıyor — bu boyanmadı, ışığın gerçekten oradan sekmesiyle oldu. Sinema efektlerinde kullanılan yöntemin tarayıcıda çalışanı.
E54Gerçek fırçakıl kıl fizik
Sürükleyerek boyayın — 420 kıl ayrı ayrı bükülüyor
Fırça izi bir "damga" değil. 420 kılın her biri ayrı bir yay gibi davranıyor: bastırınca yayılıyor, çevirince geride kalıyor, kalkınca toparlanıyor. İz, kılların kâğıda değdiği yerden çıkıyor — o yüzden hiçbir darbe diğerine benzemiyor.
E55Kaustik — cam kavanozdan geçen ışıkışık odaklanması
İmleci gezdirin — ışık kaynağı sizi takip etsin
Su dolu bir kavanozun zemine düşürdüğü o titrek parlak ağ. Işık, sıvı yüzeyinde kırılıp bazı noktalarda toplanıyor; parlaklık o yoğunlaşmadan doğuyor. Her kare için yüzeyin eğimi hesaplanıyor.
Akışkan simülasyonuna engel tanımlandı: harfler. Boya onlara çarpıyor, kenarından dolanıyor, arkalarında girdap bırakıyor. Marka adınız sahnenin dekoru değil, fiziğin parçası oluyor.
E57Metamerizm — ışığa göre değişen renkCIE renk bilimi · imza
İki boya gün ışığında birebir aynı (ΔE = 0.0). Ampule geçince ayrılıyorlar, floresanda fark ΔE = 19'a çıkıyor — yani bariz. Sektörün adı var: metamerik uyumsuzluk — "mağazada tuttu, evde tutmadı" şikâyetinin sebebi. Burada gerçek CIE renk eşleme fonksiyonları ve gerçek ışık kaynağı tayfları kullanılıyor; iki pigmentin yansıma eğrisi, gün ışığı altında aynı üç uyarımı verecek şekilde çözülerek üretildi.
E58Impasto — boyanın kalınlığıyükseklik alanı + ışık
Sürükleyerek boyayın — ışık kabartmanın üstünde geziniyor
Boya burada renk değil, hacim. Her darbe bir yükseklik bırakıyor; ışık o yüzeyin eğimine göre kırılıyor, spatula kenarında sırt oluşuyor. Yağlı boya tablosunun yandan bakınca görünen kabartması.
E59Sıvı damlacıklarparçacık akışkanı + yüzey gerilimi
Izgara üzerinde değil, 780 ayrı parçacık üzerinde çözülen sıvı. Her parçacık komşularının yoğunluğunu ölçüp itiyor/çekiyor; yüzey gerilimi bundan doğuyor. Damlalar gerçekten birleşiyor ve kopuyor — çizilmiyor.
E60Kristal büyümesidifüzyon sınırlı yığılma
Tıklayın — oradan yeni bir kristal büyümeye başlasın
Camdaki kırağının, bakır kristalinin, yıldırımın ortak matematiği. Rastgele dolaşan parçacıklar yığına ilk değdikleri yerde donuyor — bu yüzden uçlar büyüyor, iç kısımlar aç kalıyor. Deseni kimse çizmiyor, kendi kendine ortaya çıkıyor.
E61Cam şişe — ışığın ayrışmasıdalga boyuna göre kırılma
İmleci gezdirin — şişe dönsün, gökkuşağı kaysın
Işın camın içine giriyor, arka yüzeyden çıkıyor — ve her renk farklı açıyla kırılıyor. Kenarlardaki gökkuşağı saçağı buradan geliyor; prizmanın ışığı ayırmasıyla aynı olay. Şişenin biçimi de tek bir matematiksel yüzey olarak tanımlı, model dosyası yok.
E62Reçete çözücürenk formülasyonu · imza
Bir renk verin, hangi pigmentlerden ne oranda karıştırılacağını bulsun. Ekranda gördüğünüz, boya laboratuvarının renk eşleme cihazının yaptığı işin ta kendisi: Kubelka-Munk ile karışımın rengi hesaplanıyor, oranlar ΔE küçülene kadar adım adım düzeltiliyor. Sayılar canlı akıyor — çözüm anlık bulunuyor, hazır tablodan okunmuyor.
E63Örtücülük ölçümüsiyah-beyaz karta çekme
İmleci soldan sağa gezdirin — film kalınlığı artsın
Boya sektörünün örtücülüğü ölçme yöntemi: siyah-beyaz karta gitgide kalınlaşan bir film çekilir, siyah ve beyaz zeminin okuduğu değerlerin oranına bakılır. Kontrast oranı %98'i geçtiği kalınlık "tam örtme" noktasıdır. Burada o denklem (zeminli Kubelka-Munk) piksel piksel çözülüyor.
E64Ekranınızın göremediği renklerCIE 1931 renk uzayı
İnsan gözünün görebildiği bütün renkler at nalı biçimindeki bu alanın içindedir. Üçgen ise ekranınızın gösterebildiği kısım. Üçgenin dışında kalan her renk ekranda yalan söylüyor — bazı gerçek pigmentler tam orada duruyor. Müşteriye "ekranda gördüğünüz renk gerçeğin kendisi değil" demenin en dürüst yolu.
E65Kuruyunca değişen renkıslak film / kuru film
Tıklayın — yeni bir darbe atın, kurumasını izleyin
"Kuruyunca rengi açıldı" en sık gelen şikâyettir ve boyanın kusuru değildir: ıslakken pigment taneleri arasını su/medyum doldurur, ışık az saçılır, renk koyu ve doygun görünür. Su gidince yerini hava alır, saçılma artar, renk açılır ve matlaşır. Burada saçılma katsayısı zamanla artıyor, gerisi denklemin işi.
E66Dokuma tezgâhıtekstil
Kumaş bir desen değil, bir talimattır: hangi çözgü ipliği hangi atkının üstünden geçecek. Burada gerçek dokuma raporları çalışıyor — bez ayağı, dimi, saten, balıksırtı. Rapor değişince kumaş değişiyor; iplik renkleri değişince desen değişiyor. Tekstil CAD yazılımlarının çekirdeği tam olarak budur.
E67Güneş ve gölge etüdümimarlık · inşaat
Enlem ve mevsim değişiyor — gölgeler gerçek güneş açısıyla dönüyor
Gölgeler "güzel dursun diye" konmadı: seçilen enlem, gün ve saat için güneşin yükseklik ve azimut açısı hesaplanıp ışık oraya konuyor. Mimarlık ofislerinin komşu parsele gölge düşürme ve güneşlenme etüdü için yaptığı hesabın aynısı.
İmleci üst başlık boyunca gezdirin — yük oraya binsin
Yük nereye binerse binsin, her çubuktaki kuvvet anında çözülüyor: kırmızı çekme, mavi basma, kalınlık kuvvetin büyüklüğü. Arkada gerçek bir rijitlik matrisi kuruluyor ve denklem takımı çözülüyor — statik dersinin doğrudan uygulaması. Şeffaf çizgi, abartılmış şekil değiştirmeyi gösteriyor.
E69Öğrenen modelteknoloji · yapay zekâ
Tıklayın — model sıfırlansın, baştan öğrensin
Bu bir animasyon değil: küçük bir yapay sinir ağı şu anda, tarayıcınızda eğitiliyor. Renkli bölge modelin kararı; her karede geri yayılım çalışıyor, hata düşüyor, sınır kıvrılıp iki kümeyi ayırmayı öğreniyor. Yazılım/teknoloji markası için "bu işi gerçekten yapıyoruz" demenin en kısa yolu.
E70Anamorfozsanat · galeri
Kamera dönüyor — sadece tek bir açıda yazı ortaya çıkıyor
Boşlukta dağınık duran yüzlerce cisim, yalnızca tek bir bakış noktasından hizalanıp yazıyı oluşturuyor. Rönesans'ta keşfedilen anamorfoz tekniği; her cisim, o tek kameradan geçen ışın üzerine farklı derinliklere yerleştirildi. Sanat/galeri ve deneyimsel mekân işleri için birebir.
E71Rota optimizasyonulojistik · dağıtım
Rota canlı iyileşiyor — kesişen yollar tek tek çözülüyor
60 durak, tek araç, en kısa tur. Bilgisayarın kaba kuvvetle deneyemeyeceği kadar çok ihtimal var (60 durak için evrendeki atom sayısından fazla), o yüzden iyileştirme yapılıyor: kesişen iki bacak bulunup ters çevriliyor, tur kısaldıkça kısalıyor. Dağıtım yapan her işletmenin yakıt faturası bu hesabın içinde.
E72Hasat takvimigıda · tarım
Yılın çarkı: her ürünün hasat penceresi, dışta gerçek gün uzunluğu eğrisi ile birlikte. Gün uzunluğu enleme göre hesaplanıyor — dekoratif bir dalga değil, tarımın kendi takvimi. "Şu an ne taze?" sorusunun cevabını tek bakışta veriyor.
E73Raf ömrü ve sıcaklıkgıda bilimi · soğuk zincir
İmleci sağa sola gezdirin — depolama sıcaklığı değişsin
Gıda bilimindeki Q10 kuralı: sıcaklık 10 °C artınca bozulma hızı katlanır. Burada o denklem çalışıyor — sıcaklığı değiştirin, raf ömrünün nasıl eridiğini görün. Altta "soğuk zincir bir gün kırılırsa ne kaybedilir" hesabı var. Müşteriye saklama koşulunu anlatmanın en ikna edici yolu.
E74Akış testi — damla karşılaştırmasıviskozite · yüzey gerilimi
Zeytinyağı, bal, pekmez — hepsi farklı akar ve müşteri bunu videodan anlamak ister. Damlanın ne zaman koptuğu Tate yasasıyla hesaplanıyor: damlanın ağırlığı yüzey gerilimini yendiği anda kopuyor. Kıvamlı sıvı arkasında iplik bırakıyor, su gibi olan bırakmıyor.
E75Tadım profiliduyusal analiz
Tıklayın — ürünler arasında geçiş yapın
Zeytinyağı, kahve, bal ve şarapta kullanılan duyusal panel gösterimi. İki ürünün profili üst üste binerken nerede aynı, nerede ayrıldıkları görünüyor. "Bizimki daha meyvemsi" demek yerine göstermek — fiyat farkını açıklayan tek şey bu.
E76Ahşap damarı üreticikesim yönü · ağaç türü
Damar bir doku dosyası değil, kütüğün geometrisi. Burada yıllık halkalar üç boyutlu olarak tanımlanıp tahtanın kesildiği düzlemle kesiştiriliyor: öz boyunca kesince düz çizgiler, teğet kesince katedral kemerleri çıkıyor — marangozun bildiği gerçek fark. Tür değişince halka aralığı, renk ve gözenek dokusu da değişiyor.
E77Üç bitiş, aynı ahşapmat · yarı mat · parlak
Işık geziniyor — farkı yansımada görün
Aynı ahşap, üç farklı vernik. Fark renkte değil yansımanın dağılımında: mat yüzey ışığı geniş yayar, parlak yüzey dar ve keskin toplar. Müşteri "mat mı parlak mı" sorusunu ancak yan yana görünce cevaplayabiliyor.
E78Mekânda gerçek ölçümobilya · ölçek algısı
Sürükleyerek mobilyayı odada gezdirin
Mobilya e-ticaretinde en sık duyulan cümle: "büyüklüğünü anlayamadım". Ürünü 1,75 m boyunda bir insanla aynı sahnede ve doğru perspektifle göstermek bu sorunu bitiriyor. Uzaklaştıkça küçülüyor, ölçüler canlı yazılıyor.
E79Patlamış montaj görünümükurulum anlatımı
Parçalar ayrılıp birleşiyor — kurulum adım adım
Kutulu mobilyada iade ve destek yükünün büyük kısmı kurulumdan geliyor. Parçaların nasıl birleştiğini üç boyutlu ve adım adım göstermek, hem satın alma öncesi güveni hem satış sonrası desteği doğrudan etkiliyor. Makine ve yedek parça sektöründe de aynısı kullanılıyor.
Beğendiklerinizin numarası hazır mı?
"Siteme E05, E11 ve E13 istiyorum" demeniz yeterli — hangi bölümde nasıl duracağını birlikte kurgular, size özel uyarlarız. Bu katalog büyümeye devam ediyor.