Adobe Muse'da dinamik tasarımlar oluşturmaya başlama

Adobe Muse'da dinamik tasarımlar oluşturmaya başlamak için bu makaleyi okuyun. Nasıl her aygıtla uyumlu tasarımlar oluşturabileceğinizi öğrenin.

Not:

Adobe Muse artık yeni özellikler eklemeyecek ve 26 Mart 2020'de desteği sonlandıracak. Ayrıntılı bilgi ve yardım için Adobe Muse hizmet sonu SSS sayfasına bakın.

Uyumlu site oluştururken belirli aygıt, işletim sistemi veya ürün markalarına göre kesme noktaları eklemek işe yaramayabilir. Bu faktörlere göre kesme noktaları tanımlamak, yüksek bakım gerekliliklerine yol açabilir. Bunun yerine, kesme noktalarını nereye ve nasıl koyacağınızı web sitenizin mizanpaj ve içeriğine göre belirlemelisiniz.

Adobe Muse kullanarak uyumlu bir site oluşturmak için önerilen tasarım yaklaşımlarını öğrenmeyi istiyorsanız okumaya devam edin.

Site oluşturun. Yeni Site iletişim kutusundan Değişken genişlik öğesini seçin.

Beyaz boşluklar veya diğer tasarım sorunlarından kaçınmak için sayfa boyutlarınızı belirleyin. Sitenizin Minimum ve Maksimum sayfa genişliğiyle Minimum yüksekliğini ayarlamak için Gelişmiş Ayarlar'ı tıklatın.

Yeni Site iletişim kutusunda Değişken Genişlik'i seçin.
Yeni Site iletişim kutusunda Değişken Genişlik'i seçin.

 

 

 

Kalıp sayfası veya bağımsız bir sayfa açın. Varsayılan kesme noktasının 960 piksele denk geldiğine dikkat edin.

Varsayılan kesme noktasının 960 piksele denk geldiğine dikkat edin.
Varsayılan kesme noktasının 960 piksele denk geldiğine dikkat edin.

 

 

 

Metin, görüntü, slayt gösterisi ve widget gibi sayfa öğelerinin mizanpajını bu kesme noktasına göre yapın.

Web sayfanızın mizanpajını yapın.
Web sayfanızın mizanpajını yapın.

 

 

 

Farklı tarayıcı genişliklerini simüle etmek için kaydırma imlecini kullanın. Sitenizin farklı tarayıcı genişliklerinde nasıl göründüğüne bakın.

Sayfanızı farklı tarayıcı genişliklerinde nasıl görüntüleyeceğinizi görmek için kaydırma imlecini kullanın.
Sayfanızı farklı tarayıcı genişliklerinde nasıl görüntüleyeceğinizi görmek için kaydırma imlecini kullanın.

 

 

 

Tasarımınızın kesildiği yere kesme noktası ekleyin. Örneğin önceki görüntüde, kaydırma imleci sürüklendiğinde metin kutusunun genişliğin dışına çıktığına dikkat edin. Tasarımınızın kesildiği genişliğe kesme noktası ekleyin.

Tasarımınızın kesildiği yerlere kesme noktası ekleyin.
Tasarımınızın kesildiği yerlere kesme noktası ekleyin.

 

 

 

Yeni kesme noktasında mizanpajınızı, siteniz güzel görünecek şekilde ayarlayın.

Kesme noktalarında mizanpajınızı ayarlayın
Kesme noktalarında mizanpajınızı ayarlayın

 

 

 

Sitenizi minimum genişliğe kadar önizlemeye devam edin. Gerekli yerlere kesme noktaları ekleyerek mizanpajınızı düzenleyin.

Bu tasarım yaklaşımı sayesinde, siteniz her aygıtta ve her tarayıcı genişliğinde güzel görünür. Tasarımınız belirli aygıt veya ekran boyutlarından bağımsız olur.

Adobe logosu

Hesabınıza giriş yapın