Web sitesi
Tapınak Hikâye Anlatımı Web Sitesi Tasarımı
Ay ışığındaki mimari, dingin bahçe notları ve ahşap işçiliğinin yakın plan görünümleriyle anlatılan hayalî dağ tapınağı Kage'de yürüyün.
LLM Arena Eylül 2026
Vaka notları- Model
- Astra
- Tasarım görevi
- Hayalî bir Kyoto dağ tapınağında sinematik bir gece yürüyüşü oluşturun.
- Çıktı
- Web sitesi
Kimler İçin Tasarlandı?
- Mimari Hikâye AnlatımıBir mekânı varış, alan ve malzeme ayrıntıları üzerinden sunun.
- Sürükleyici Editoryal DeneyimKesintisiz bir sahneyi kısa ve ölçülü okuma bölümleriyle eşleştirin.
- Kültürel Tasarım ÇalışmalarıGerçek bir mekân izlenimi vermeden hayalî bir ortamı keşfedin.
Öne Çıkan Özellikler
- Beş Farklı İzleme MesafesiYolculuk, varıştan bahçelere ve yakın plan işçilik ayrıntılarına ilerler.
- Sahne ve Durağan GörselBüyütülebilir illüstrasyonlar, canlı mimari sahnenin yanında ayrıntı sunar.
- Düşünsel Bir FinalSon eylem, rezervasyon yerine yeni bir yürüyüşe davet eder.
Gece Tapınak Yürüyüşünü Keşfedin
1 / 5
Gece Yürüyüşü Etrafında Kurgulanan Bir Tapınak Hikâye Anlatımı Web Sitesi Tasarımı
Kage, olağanüstü büyük turuncu bir ayın altında, Kyoto'da bulunan hayalî bir dağ tapınağını tanıtır. Büyük krem rengi yazılar solda yer alırken sıcak pencereler ve taş basamaklar mimariye doğru yönlendirir. Yağmur, koyu mavi yüzeyler ve ölçülü kırmızı vurgular gece atmosferini kurar. Açılış, ziyaretçi sondaki daha uzun açıklamaya ulaşmadan önce mekânın hayalî olduğunu belirtir.
Beş bölüm, ziyaretçinin dikkat etmesi istenen unsurları değiştirir: varış, eşik, bahçe, işçilik ve son ışık. Arka plan, her bölüm için farklı bir ana görsel fotoğrafı kullanmak yerine kesintisiz biçimde işlenmiş bir ortamdır. Kamera yapıya yaklaştıkça anlatı da bir mekâna girişten o mekânın malzemelerini gözlemlemeye yönelir.

Serin Bir Manzaraya Karşı Sıcak Pencereler
Aydınlatılmış paravanlar ve fenerler, sahnenin en güçlü sıcak alanlarını oluşturur. Çevredeki manzara daha dingin kalırken dikkati girişlere, basamaklara ve ahşap yüzeylere çekerler. Ay, bu sıcak rengi çok daha büyük ölçekte tekrar ederek ilgisiz başka bir vurgu eklemek yerine yapıyı gökyüzüne bağlar.
Büyük Bir Başlık ve Küçük Bir Okuma Sütunu
Gösterim başlığı birkaç kısa satıra yayılırken destekleyici metin altındaki dar blokta kalır. Bu iki ölçek farklı görevler üstlenir: başlık bir atmosfer sunarken kısa paragraf, sahnede görülebilen sedir ağacı, taş ve fener ışığı gibi ayrıntıları adlandırır.
Süreklilik Gösteren Bir Sıralama Hissi
Yan şerit beş durağı işaretler, ön plandaki etiketler ise geçerli bölümü tekrarlar. Adlandırılmış üst bağlantılar tapınağa, bahçelere ve işçiliğe daha doğrudan erişim sağlar. Bu ipuçları, ziyaretçiyi tüm gezinme yapısını kamera hareketinden çıkarmaya zorlamadan sayfanın görsel atmosferini korumasına olanak tanır.
İşlenmiş Bir Tapınağı Büyütülebilir Durağan Görsellerle Birleştirmek
Eşik ve işçilik bölümleri, kompozisyonun sağ alt kısmına daha küçük bir durağan görsel yerleştirir. Ortalanmış artı işareti ve şekil açıklaması, bu görseli arkasındaki daha büyük sahneden ayırır. Durağan görsel ayrı olarak açılabilir ve bölümün mekânsal bağlamını değiştirmeden farklı bir görsel ayrıntı düzeyi sunar.
İşçilik görünümünde canlı sahne, aydınlatılmış ahşap yapıya yaklaşırken ek görsel daha dingin bir iç mekân ve bahçe kompozisyonu gösterir. İki görselin aynı kamera çekimiymiş gibi davranması gerekmez. Biri ziyaretçinin yolculuktaki yönünü korurken diğeri dikkati yüzeye, ışığa ve atmosfere yoğunlaştırır.

Küçük Görselin Bir Eylem Olarak Tanınmasını Sağlayın
Artı işareti yalnızca açıklamaya değil, görselin içine yerleştirilmiştir. Böylece küçük metin okunmadan önce bile davet görünür olur. Numaralı şekil açıklaması editoryal bir ton katar; ancak boyutu nedeniyle etkileşim olanağını ağırlıklı olarak görsel ve simge aktarmalıdır.
Ayrıntıya Kendine Ait Bir Okuma Alanı Verin
Durağan görseli açmak, onu mimari, başlık ve yağmurun yoğun birleşiminden ayırır. Özel bir kapatma kontrolü yürüyüşe geri dönmeyi sağlar. Bir uyarlamada önemli kontroller; daha ayrıntılı bir açılış animasyonu değil, tam görsel boyutları, klavye erişimi ve güvenilir geri dönüştür.
Atmosferi Belgeleme ile Karıştırmayın
Durağan görseller, hayalî bir sunumun parçasıdır. İnandırıcı bir ahşap görseli, gerçek bir yapım yöntemini veya gerçek bir binayı kanıtlamaz. Kaynaktaki kurgusal mekân açıklaması görsellere uygun çerçeveyi kazandırır: bir mimari araştırmayı değil, tasarım çalışmasını desteklerler.
Varıştan Son Işığa İlerlerken Temponun Değişmesi
Kage, yürüyüşün sonuna bir işlem eklemez. Kapanış bölümü Walk once more seçeneğini sunar; bunu, herhangi bir rezervasyon veya ziyaret edilecek gerçek bir yer bulunmadığını açıklayan felsefe bölümü izler. Bu tercih önemlidir: deneyim, ziyaretçiyi gerçek bir konaklama beklentisine sokmadan destinasyon web sitelerinin görsel dilini kullanabilir.
| Bölüm | Görünür Odak | Metnin Kattıkları |
|---|---|---|
| Varış | Tapınak, ay ve yaklaşma yolu | Açıkça hayalî olduğu belirtilen bir mekâna davet. |
| Eşik | Kapı, basamaklar ve sıcak ışık | Şehirden daha dingin bir ortama geçme fikri. |
| Bahçeler | Çakıl, taş ve yosun | Yavaşlamayı ödüllendiren küçük gözlemler. |
| İşçilik | Ahşap ve aydınlatılmış kâğıt paravanlar | Başka bir genel manzara açıklaması yerine malzeme ayrıntıları. |
| Son ışık | Kapanış görünümü ve yeniden oynatma eylemi | Deneyimin ticari olmayan amacını açıklığa kavuşturan düşünsel bir final. |
Hayalî Tapınak Deneyiminin İçerdikleri
Kaynak; yerel olarak işlenmiş bir gece yürüyüşü, bölüm gezinmesi, durağan görsel kontrolleri ve bir kapanış açıklaması sunar. Koordinat, saat ve hava durumu etiketleri kurgusal sunuma aittir; bunlar canlı bir hava durumu hizmeti veya doğrulanmış mekân bilgileri değildir. Herhangi bir rezervasyon akışı ya da ölçülmüş ziyaretçi sonucu sunulmaz. Galeri, geleneksel bir tam sayfa görüntüsü olarak değil, bir sahne dizisi hâlinde eksiksiz bölüm görünümlerini korur.
OpenDesign'da Tapınak Hikâye Anlatımı Web Sitesi Tasarımı Nasıl Oluşturulur?
Her Bölüme Farklı Bir Konu Verin
Rotayı ve okuma sırasını birlikte açıklayın. Varış bölümü yapının tamamını gösterebilir; sonraki bölümlerde ise eşik, bahçe ve malzemeler incelenebilir. Bu yaklaşım, kamera değişikliklerine yalnızca başka bir etkileyici açı göstermekten öte bir gerekçe kazandırır.
Önerilen PromptAçıkça hayalî olduğu belirtilen, Kyoto'daki bir dağ tapınağı olan Kage için bir tapınak hikâye anlatımı web sitesi tasarımı oluşturun. Koyu mavi bir gece manzarası, sıcak kâğıt paravan ışığı, taş basamaklar, ölçülü yağmur ve turuncu bir ay kullanın. Kaydırmayla ilerleyen beş bölüm oluşturun: varış, eşik, bahçeler, işçilik ve son ışık. Büyük krem rengi başlıkları sola, kısa okuma bloklarını ise altlarına yerleştirin; bölüm numaralarını ve adlandırılmış gezinme seçeneklerini erişilebilir tutun. Tapınağın uzaktan görünümünden bahçe ayrıntılarına ve aydınlatılmış ahşap yapıya doğru ilerleyin. Şekil açıklamaları ve belirgin kapatma kontrolleri bulunan, büyütülebilir iki durağan görsel ekleyin. Yeniden oynatma eylemiyle ve bunun rezervasyon hizmeti sunmayan, kurgusal bir dijital deneyim olduğunu belirten kısa bir açıklamayla bitirin. Metni her sahnenin üzerinde okunabilir tutun ve hareketin azaltıldığı bir alternatif sunun. Koordinatları, saati ve hava durumunu canlı veriler olarak değil, kurgusal etiketler olarak ele alın.
Sahneyi ve Durağan Görseli Ayrı Görünümler Olarak İnceleyin
Her ek görseli açın ve tam kompozisyonunun daha büyük boyutta işlevsel olduğunu kontrol edin. Bölüme geri dönerek başlığın, ek görselin ve etkin gezinme öğesinin hâlâ birbiriyle uyumlu olduğunu doğrulayın. Ayrıntı görünümlerini ilgisiz bir görsel galerisine dönüştürmek yerine hikâyenin içinde tutun.
En Parlak Noktada Okunabilirliği Koruyun
Özellikle işçilik bölümünü gözden geçirin: sıcak kâğıt paravanlar, krem rengi metnin arkasında parlak bir zemine dönüşebilir. Metin alanını veya kamera kadrajını bilinçli biçimde ayarlayın. Ardından kapanış açıklamasını animasyon olmadan okuyun ve mekânın kurgusal niteliğinin açıkça anlaşıldığını doğrulayın.
Dışa Aktarın ve Paylaşım Bağlantısı Alın
Bitmiş tasarımınızı dışa aktarın, ardından bir paylaşım bağlantısı almak için OpenDesign'daki Paylaş seçeneğini kullanın. Bağlantıyı göndermeden önce ayrı bir tarayıcı penceresinde açarak amaçlanan sürümün ve bileşenlerinin erişilebilir olduğunu doğrulayın.



