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 bkz. Adobe Muse hizmet sonu sayfası.

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.

1

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.

 

 

 

2

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.

 

 

 

3

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.

 

 

 

4

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.

 

 

 

5

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.

 

 

 

6

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

 

 

 

7

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.

Bu çalışma Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License kapsamında lisanslanmıştır  Creative Commons şartları, Twitter™ ve Facebook sitelerinde paylaşılanları kapsamaz.

Yasal Uyarılar   |   Çevrimiçi Gizlilik İlkesi