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.

OpenDesignTasarım ve prodüksiyon
Resmi
Sürükleyici Kültürel Hikâye Anlatımı5 bölüm
Kaifeng Gece Turu Web Sitesi Tasarımı: Fenerlerle Aydınlatılmış Nehir ve Gece Turu Tanıtımı
Kaifeng-1 · Yakalanan Sahne DizisiEkran görüntüsü 1 / toplam 5

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.

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.

Açılış sahnesinin tamamı, Çince sergileme başlığını nehir, şehir ışıkları ve beş bölümlü gezinmeyle bir araya getiriyor.
Açılış sahnesinin tamamı, Çince sergileme başlığını nehir, şehir ışıkları ve beş bölümlü gezinmeyle bir araya getiriyor.

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.

Şiir sahnesinin tamamı, seçilebilir dizeleri ve bağlamlarını nehir şehri sunumunun yanında gösteriyor.
Şiir sahnesinin tamamı, seçilebilir dizeleri ve bağlamlarını nehir şehri sunumunun yanında gösteriyor.
  1. 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.

  2. 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.

  3. 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.

Pazar sahnesi, atmosfer kontrollerini ve gündelik yaşama ilişkin küçük hikâyeleri eksiksiz tek bir bölüm görünümünde bir araya getiriyor.
Pazar sahnesi, atmosfer kontrollerini ve gündelik yaşama ilişkin küçük hikâyeleri eksiksiz tek bir bölüm görünümünde bir araya getiriyor.
Bölüm Dizisi Ziyaretçinin Rolünü Nasıl Değiştiriyor?
BölümTemel DavetDizideki Rolü
Kapı ve KöprüŞehre girin ve bir şiir dizesi keşfedinMekânı oluşturur ve sonraki okuma etkileşimini tanıtır.
Gece PazarıBir gösteri veya gündelik bir hikâye seçinHer eylemi sokak ortamına bağlı tutarken hareketliliği artırır.
ŞiirBir dizeyi okuyun, seçin ve taşıyınTempoyu yavaşlatır ve süreklilik gösteren küçük bir seçim oluşturur.
Fener BırakmaSeç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?

  1. OpenDesign'ı İndirin ve Kurun

    Masaüstü uygulamasını indirin, kurun ve kurulumu tamamlayın. Tasarımınız için bir proje oluşturun.

    OpenDesign'ı İndir
  2. 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 Prompt

    Bianjing 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.

  3. 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.

  4. 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.

  5. 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.

OpenDesign Masaüstü

Tek tasarım sistemi. Her çıktıda tutarlı bir marka

Tam Vibe Design Workspace içinde aynı marka kurallarını web sitelerine, sunumlara, etkileşimli prototiplere, panolara, görsellere ve HTML videolara uygulayın. Yerel Codex, Claude Code, Cursor ve diğer kodlama ajanlarını bağlayıp ücretsiz üretin.

  • Web, sunum, prototip, pano, görsel ve video
  • 140+ tasarım sistemi ve eksiksiz şablon ile beceri kitaplığı
  • Yerel Codex ve 21+ kodlama ajanını bağlayın · Ücretsiz
Ücretsiz indir

macOS ve Windows için