Etkileşimli bir prototip oluşturun
Yerleşik OpenDesign Landing şablonuyla başlayın, şablonu kendinize göre özelleştirin ve teslim etmeden önce gerçek sayfayı kontrol edin. Ayrıca kısa bir açıklamadan yola çıkarak yeni bir Prototype oluşturabilirsiniz.
1. Adım — Şablonu açın
Community'yi açın ve OpenDesign Landing'i seçin. Önizlemeyi inceleyin, ardından More ways to Use menüsünü açıp örnekten düzenlenebilir bir proje oluşturmak için Remix'i seçin. Use, örnek istemden başlar; Remix ise örneği düzenleyebileceğiniz bir projeye kopyalar.
Şablon, örnek bir tasarımdır. İçindeki tüm sürümler, sayılar, referans yazıları ve bağlantılar örnek içeriktir; gerçek bir ürün için kullanmadan önce bunları kontrol edip değiştirin.
2. Adım — Sayfaya net bir amaç verin
Design Files bölümünden index.html dosyasını açın. Preview sayfayı, Code ise kaynak kodunu gösterir. Şablonda neleri koruyacağınıza karar verin: editoryal tipografi, sıcak kâğıt arka planı, kolaj ve bölümlerin ritmi. Değiştireceğiniz ürün bilgilerini, eylem çağrılarını ve hedefleri listeleyin.
Bu açılış sayfasını kurgusal ve bağımsız bir tasarım stüdyosuna uyarlayın. Sıcak kâğıt arka planını, mercan rengi vurguları, editoryal tipografiyi ve kolajı koruyun. Giriş bölümünü, hizmetleri, seçilmiş çalışmaları ve iletişim metnini açıkça kurgusal örnek içeriklerle değiştirin. Navigasyonun doğru bölüme ulaşmasını sağlayın; gerçek hesap veya ödeme akışları yerine yer tutucu hedefler kullanın. Masaüstünü ve 390px mobil görünümü kontrol edin. Düzenlenebilir HTML'yi ve başvurduğu varlıkları teslim edin.Bu, uyarlayabileceğiniz örnek bir proje açıklamasıdır; ekran görüntülerinin bu açıklamayla oluşturulduğu iddia edilmez. Boş bir proje için Home'da Prototype'ı seçin, AI kurulumunu tamamlayın ve proje açıklamanızı referanslarla birlikte gönderin.
3. Adım — Küçük ve doğrudan bir düzenleme yapın
Edit'i seçin, giriş bölümündeki italik vurgu sözcüğünü seçin ve Text değerini taste, yerine craft, olarak değiştirin. Save'i seçin. Düzenleme modundan çıkıp yeniden yükleyin: başlık hâlâ craft, ifadesini göstermelidir. Tuval düzenleme kılavuzu tipografi, renk, boyut, aralık ve geri alma işlemlerini açıklar.
4. Adım — Başka bir görünüm alanını kontrol edin
Mobile (390 × 844) veya Tablet (820 × 1180) seçmek için tuvalin üzerindeki Desktop menüsünü kullanın. Metin kaydırmayı, navigasyonu, aralıkları, görsellerin kırpılmasını ve dokunma hedeflerini kontrol edin. Bu işlem önizleme boyutunu değiştirir; tasarımı otomatik olarak düzeltmez.
5. Adım — Odaklanmış bir revizyon isteyin
Bir öğeye istek eklemek için Comment'ı veya ekran görüntüsüyle birlikte not göndermek için Mark'ı kullanın. Örneğin: “Bu vurgu sözcüğünü mercan rengi yap. İtalik yazı tipini, boyutunu ve konumunu koru.” Bir yorumu kaydetmek, aracıyı çalıştırmaz. Send to chat'i seçmeden önce seçili geri bildirimi kontrol edin. Bkz. geri bildirim araçları.
6. Adım — Test edin ve teslim edin
Navigasyonu ve düğmeleri test etmeden önce Edit, Comment ve Mark modlarından çıkın. Her bölüm bağlantısını ve hedefini kontrol edin, ardından mevcut seçeneklere göre PDF, görsel, ZIP veya bağımsız HTML'yi seçmek için Export'u kullanın. Başvurulan varlıkları koruyun ve teslimatı tamamlanmış saymadan önce istemcinin dışında açın. Proje dosyaları ve sürümler ile paylaşım, diğer teslim yollarını açıklar.
Preview boşsa
Önizlemenin yüklenmesini bekleyin, ardından Reload Preview'ı seçin. Dosyada içerik bulunduğunu doğrulamak için Code'u kullanın. Hâlâ boşsa dosyayı Design Files bölümünden yeniden açın veya HTML'yi dışa aktarıp varlıklarıyla birlikte bir tarayıcıda açın. İstemcinin dışında çalışıyor ancak içinde çalışmıyorsa uygulama sürümünü, etkilenen dosyayı ve hatayı bildirin.