Web sitesi
Kaifeng Gece Turu Web Sitesi Tasarımı
Şehir kapısından ve gece pazarından şiire ve fener bırakmaya uzanan Bianjing After Dark'ın beş bölümü boyunca fenerlerle aydınlatılmış bir nehri takip edin.
LLM Arena Eylül 2026
Vaka notları- Model
- Claude Opus 5.5
- Tasarım görevi
- Hayalî Song dönemi Bianjing'inde fenerlerle aydınlatılmış, etkileşimli bir yolculuk oluşturun.
- Çıktı
- Web sitesi
Kimler İçin Tasarlandı?
- Kültürel Hikâye AnlatımıSahneleri, metinleri ve küçük eylemleri tek bir mekân etrafında birbirine bağlayın.
- Dijital SergilerZiyaretçileri rezervasyon akışı olmadan temalı bir dizi boyunca yönlendirin.
- Etkileşimli ŞiirSeçilen bir dizenin sonraki bir sahnenin parçası olmasını sağlayın.
Öne Çıkan Özellikler
- Tek Nehir Boyunca Beş BölümSüreklilik gösteren bir şehir sahnesi kapıyı, köprüyü, pazarı ve finali birbirine bağlar.
- Yolculuk Eden Bir DizeŞiir seçimi, kişisel bir fener notu olarak yeniden görünür.
- Tempo DeğişimiPazar efektleri, son eylemden önce yerini daha sakin bir okuma deneyimine bırakır.
Bianjing Gece Turunu Keşfedin
1 / 5
Beş Bölümde Anlatılan Bir Kaifeng Gece Turu Web Sitesi Tasarımı
Bianjing After Dark, hayalî bir şehri gece vakti açılan yatay bir tomar olarak çerçeveliyor. Açılışta soldaki büyük boyutlu Çince karakterler; fenerlerle aydınlatılmış bir nehir, ahşap binalar ve yansımalarla birleşiyor. Altın renkli vurgular ve ışıklı pencereler, koyu mavi ortamda öne çıkıyor. Temel davet, bir varış noktası aramak veya tur rezervasyonu yapmak değil, bu diziye girmektir.
Aynı nehir şehri dünyası sonraki bölümlerin arkasında devam eder. Kaydırma, kamerayı ve ön plandaki metni birlikte değiştirirken üst gezinme alanı ve numaralı bölüm rayı erişilebilir kalır. Bu düzen, her durak için ayrı bir sayfa gerektirmeden kapı, köprü, pazar, şiir ve kapanıştaki fener sahnesi arasında süreklilik oluşturur.

Sahnenin Bir Parçası Olarak Tipografi
Büyük Çince başlıklar, ekranın daha geniş bölümünü nehre ve binalara bırakan kompakt dikey gruplar hâlinde düzenlenmiştir. Daha küçük İngilizce marka ifadesi açılış başlığının altında yer alır. Farklı ölçekleri, aynı alanda her dile eşit görsel ağırlık vermeye çalışmadan bir okuma sırası oluşturur.
Nerede Olduğunuzu Anlamanın İki Yolu
Üst gezinme etkinlikleri adlandırırken sağ taraftaki ray beş bölümü numaralandırır. Adlar bir durağın neler içerdiğini, sayılar ise dizideki konumunu açıklar. Görsel arka plan kesintisiz olduğu ve aksi hâlde bölüm sınırlarını ayırt etmeyi zorlaştırabileceği için bu tekrarlanan yönlendirme kullanışlıdır.
Tekrarlanan Bir Görsel Motif Olarak Işık
Pencere ızgaraları, asılı fenerler ve yansımalar sahne boyunca sıcak ışık noktalarını tekrarlar. Son bırakma eylemi, başından beri görünür olan aynı nesneyi kullanır. Bu nedenle sonda eklenen ilgisiz bir efekt yerine yerleşik görsel hikâyenin sonucu gibi hissettirir.
Bir Şiir Seçimini Fener Sahnesine Taşımak
Şiir bölümü, katılımın biçimini değiştirir. Ziyaretçi başka bir pazar gösterisini tetiklemek yerine önce bir şiir, ardından bir dize seçer. Seçilen dize ayrı bir not alanında tekrarlanır ve kapanış sahnesine taşınır. Bu küçük durum bilgisi iki bölümü birbirine bağlar: okumanın turun ilerleyen kısmında görünür bir sonucu olur.
Kaynak, atıf ve bağlam notunu yalnızca bir jenerik sayfasında değil, şiirin yanında sunar. Güney Song dönemine ait dizelerin Bianjing'in tarihsel bir kaydı olarak sunulmak yerine fenerli gece imgeleri nedeniyle alıntılandığını açıklar. Bu ayrım, deneyimin sanatsal bir ilişkilendirmeyi belgesel kanıt gibi göstermeden çağrışım gücü yüksek metinlerden yararlanmasını sağlar.

Sınırları Belirli Bir Okuma Seçeneği Sunun
İki şiir sekmesi, seçenekleri bir bakışta anlaşılabilecek kadar az tutar. Her şiirin kendi atıf ve bağlam bilgisi vardır. Ziyaretçinin bu kısa deneyim için anlam taşıyan bir seçim yapmak üzere bir arşivde arama yapması veya ayrı bir okuma sayfası açması gerekmez.
Devam Etmeden Önce Seçilen Dizeyi Tekrarlayın
Not alanı, seçilen dizeyi şiirin altında tekrarlar. Tıklanabilir dizeler diğer mısralarla çevrili kalmaya devam ettiği için bu yararlı bir doğrulamadır. Ardından devam eylemi, önceden seçilmiş belirli bir metin parçasıyla fener bölümüne götürebilir.
Finalde Birbiriyle İlişkili İki Eylem Sunun
Son bölüm, taşınan notun yanında bir gökyüzü feneri ve bir nehir feneri sunar. Her ikisi de oluşturulan dünyaya uyarken farklı yönlerde hareket etmeleri onları birbirinden ayrı seçenekler hâline getirir. Yeniden oynatma eylemi ayrıdır; böylece şehir yolculuğunu tekrarlamak, başka bir fener bırakmakla karıştırılmaz.
Gece Pazarı, Şiir ve Kapanış Sahnesinin Temposunu Ayarlamak
Pazar bölümü en hareketli duraktır. Demir çiçeği ve havai fişek efektleri, bir sokak nidası kontrolü ve çay, ipek ve tekneyle bağlantılı kısa hikâyeler sunar. Bunların hepsi eşdeğer etkileşimler değildir: bazıları atmosferi, bazılarıysa metni değiştirir. Bunları pazar başlığı altında gruplandırmak, çeşitliliğe tanınabilir bir ortam kazandırır.

| Bölüm | Temel Davet | Dizideki Rolü |
|---|---|---|
| Kapı ve Köprü | Şehre girin ve bir şiir dizesi keşfedin | Mekânı oluşturur ve sonraki okuma etkileşimini tanıtır. |
| Gece Pazarı | Bir gösteri veya gündelik bir hikâye seçin | Her eylemi sokak ortamına bağlı tutarken hareketliliği artırır. |
| Şiir | Bir dizeyi okuyun, seçin ve taşıyın | Tempoyu yavaşlatır ve süreklilik gösteren küçük bir seçim oluşturur. |
| Fener Bırakma | Seçilen notu sahneye gönderin | Önceki seçimi görünür bir kapanış eylemiyle sonuca bağlar. |
Tarihsel Bir Rekonstrüksiyon Değil, Sanatsal Bir Gece Turu
Bu, nehir şehri imgelerinden, şiirden ve çağdaş hayal gücünden ilham alan kurgusal bir dijital deneyimdir. Şehir sahneleri kusursuz bir rekonstrüksiyon değildir ve kaynak, illüstrasyonların yapay zekâyla oluşturulduğunu belirtir. Önizleme, sunulan yerel etkileşimleri korur; bilet satışı, gerçek bir gezi programı veya doğrulanmış tarihsel bir harita eklemez. Galeri, sıradan tek bir tam belge ekran görüntüsü yerine, işlenmiş kaydırma sahnelerinden oluşan sıralı bir settir.
OpenDesign'da Kaifeng Gece Turu Web Sitesi Tasarımı Nasıl Oluşturulur?
Efektleri Eklemeden Önce Yolculuğu Tanımlayın
Beş bölüm amacı ve bunları birbirine bağlayan tek bir nesneyle başlayın. Burada fenerler ortamın tamamında görünürken seçilen bir şiir dizesi sona belirli bir anlam kazandırır. İlk istekte bu ilişkileri açıkça belirtin.
Önerilen PromptBianjing After Dark adlı kurgusal bir deneyim için Kaifeng gece turu web sitesi tasarımı oluştur. Koyu mavi suyu, sıcak tonlu ahşap binaları ve büyük Çince sergileme başlıkları olan, fenerlerle aydınlatılmış kesintisiz bir nehir şehri kullan. Kaydırılan beş bölüm düzenle: şehir kapısı, köprü, gece pazarı, şiir ve fener bırakma. Adlandırılmış gezinmeyi üstte, numaralı bölüm rayını ise yanda tut. Pazarda birkaç yerel görsel efektin yanı sıra çay, ipek ve tekneyle ilgili kısa hikâyeler sun. Şiir bölümünde ziyaretçinin atıf bilgisi verilen bir dizeyi seçmesine izin ver ve bu dizeyi son fener notunda yeniden göster. Gökyüzü feneri ve nehir feneri için ayrı eylemlerin yanı sıra yeniden oynatma seçeneği ekle. Çalışmanın tarihsel bir rekonstrüksiyon veya gerçek bir tur hizmeti değil, sanatsal bir tasavvur olduğunu açıkça belirt. Hareket azaltıldığında metin boyunca okunabilir bir yol koru.
Seçilen Dizeyi Bölümler Boyunca Takip Edin
Farklı bir şiir dizesi seçin, sona ilerleyin ve aynı metnin orada göründüğünü kontrol edin. Şiiri değiştirip kontrolü tekrarlayın. Böylece her bölümü bağımsız bir görsel efekt olarak ele almak yerine anlatısal bağlantıyı doğrudan test edersiniz.
Metni Her Kamera Konumuna Göre Kontrol Edin
Köprü, pazar ve şiir sahnelerini tüm metinleri ve kontrolleri görünür durumdayken inceleyin. Kamera hareket ettikçe parlak pencereler ve yansımalar farklı satırların arkasında kalabilir. Tüm sahneyi koyu renkli bir katmanla tekdüze hâle getirmeden metin arka planını veya çerçevesini iyileştirin.
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.



