Muse'da mobil ve masaüstü aygıtlar için kesme noktaları ekleme
Adobe Muse'da uyumlu site nesnelerinin mizanpajını yapma
Kesme noktaları nedir?
Uyumlu mizanpajda nesnelerle çalışma
Uyumlu mizanpajda metni formatlama
Uyumlu mizanpajda kaydırma efektleri uygulama
Şunun için geçerlidir: Adobe Muse CC (2015)
Kesme noktaları hakkında daha fazla bilgi edinmek için bu makaleyi okuyun. Nesneleri uyumlu mizanpaj için sabitleyip yeniden boyutlandırmayı ve metinleri kesme noktalarına göre formatlamayı öğrenin.
Dinamik bir tasarımda, tek bir nesne ve metin mizanpajı her ekran boyutuna uymayabilir. Görüntüler, metin, widget'lar ve formlar farklı kesme noktalarında yer değiştirebilir. Çerçeveler sayfa genişliğinin dışına taşabilir, nesneler üst üste binebilir veya metnin netliği azalabilir. Görüntüler, metin, widget'lar ve formların farklı kesme noktalarında yeniden konumlandırılması gerekebilir. Bu nedenle her şeyin farklı ekran boyutlarında düzgün bir mizanpajla görünmesi için nesnelerin iyi planlanarak yerleştirilmesi ve metnin dikkatle formatlanması gerekir.
Sayfanızı tasarladıktan sonra, kaydırma imlecini kullanarak mizanpajınızı farklı ekran boyutlarında önizleyebilirsiniz. Belirli tarayıcı genişliklerinde nesnelerinizin mizanpajını farklı bir şekilde yapmaya gerek görürseniz kesme noktaları ekleyebilirsiniz.
Adobe Muse uyumlu mizanpajda kesme noktaları ve mizanpajınızı nasıl etkili biçimde tasarlayabileceğiniz hakkında bilgi edinmek için devamını okuyun.
Uyumlu bir mizanpajdaki kesme noktaları, farklı tarayıcı genişliklerini piksel cinsinden belirtir. Kesme noktaları, tasarımınızı farklı tarayıcı genişliklerinde görselleştirmenize ve bir sayfadaki nesnelerin tarayıcı genişliği değişikliklerine nasıl tepki verdiğini test etmenize olanak verir.
Kesme noktaları ekleme
Adobe Muse'daki yeni bir site varsayılan olarak masaüstü (960 piksel genişlik) için bir kesme noktası içerir. Mizanpajınızı bu genişlik için tasarlamaya başlayabilirsiniz. Tasarımı bitirdiğinizde kaydırma imlecini kullanarak mizanpajı çeşitli genişliklerde önizleyebilirsiniz. Böylece tasarımın hangi genişlikte kesildiğini görebilir ve kaydedebilirsiniz. Örneğin, bir metin satırı ikiye bölünebilir veya yan yana sıralanmış resimler dikey olarak üst üste binebilir. Bu genişlikler, ek kesme noktaları gerektiren genişliklerdir. Gerekli kesme noktalarını ekledikten sonra nesnelerin iyi bir mizanpajla görüntülenmesi için tasarımı düzenleyebilirsiniz.
Son olarak Adobe Muse, her kesme noktası için web sayfanıza ilgili bir ortam sorgusu açıklaması ekler. Ortam sorguları, farklı ekran boyutlarına uyum sağlamak için içeriğin işlenmesini sağlayan bir CSS3 modülüdür. Modern tarayıcıların çoğu bu kesme noktalarına karşılık gelen ortam sorgularını yorumlayabilir. Kullanıcılar web sayfanızı farklı aygıtlarda görüntülediğinde en uygun ortam sorgusu ve buna karşılık gelen tasarım mizanpajı tarayıcılar tarafından seçilir ve kullanıcılara gösterilir.
Kesme noktası çubuğundaki kaydırma imlecini sürükleyin ve kesme noktasını eklemek istediğiniz noktaya yerleştirin.
Kesme noktası çubuğunda işaretini tıklatın. Kesme noktası çubuğuna yeni bir kesme noktasının eklendiğini fark edeceksiniz. Ayrıca kesme noktasının tarayıcı genişliğini de görebilirsiniz.
Aynı şekilde, belirli tarayıcı genişliklerini ayarlamak için kesme noktası çubuğunda gerekli tüm yerlere kesme çubukları ekleyin.
Bir kesme noktasını tıklattığınızda, etkin kesme noktası renkle doldurulur. Diğer kesme noktaları soluk renkli gösterilir.
Kesme noktaları içeren Kitaplık öğelerini Tasarım görünümüne yerleştirerek de kesme noktaları ekleyebilirsiniz. Kitaplık Panelini açın, yerleştirmek istediğiniz nesneyi seçin, nesnenin yanındaki + sembolünü tıklatın ve nesneyi Tasarım görünümüne sürükleyin.
Kesme noktalarımı nereye eklemeliyim?
Hem kalıp sayfalara hem de bireysel sayfalara kesme noktaları ekleyebilirsiniz. Bireysel bir sayfaya kesme noktaları eklediğinizde, kesme noktası değerleri yalnızca bu sayfaya uygulanır.
Kesme noktalarını bir kalıp sayfaya eklediğinizde, bireysel sayfalarda hangi kesme noktalarının uygulanacağını seçebilirsiniz. Kalıp sayfalardaki kesme noktaları, bireysel sayfalarda küçük üçgenler şeklinde görünür. Her sayfadaki kesme noktalarını etkinleştirmek için artı işaretini (+) tıklatmanız yeterlidir.
Kalıp sayfa kesme noktaları eklemek için + işaretini tıklatın.
Bu senaryoyu göz önünde bulundurun. Sitenizin mizanpajını yaparken telefonlar için ek kesme noktaları eklemek isteyebilirsiniz. Bireysel sayfalarda kullanılabilmeleri için uygun sayıda kesme noktasını kalıp sayfaya ekleyebilirsiniz. Bireysel sayfaları tasarlarken bu kesme noktalarını tek tıklatmayla bu sayfalara alabilirsiniz.
Bireysel bir sayfaya farklı bir kalıp sayfa uyguladığınızda eski kalıp sayfadaki kesme noktaları yeni kalıp sayfadaki kesme noktalarıyla değiştirilir.
Kesme noktalarını düzenleme
Kesme Noktası çubuğunda, kaydırma imlecini sürükleyerek istediğiniz kesme noktası değerine getirin. Bu, değiştirilmiş kesme noktası konumunuz olacaktır.
Kesme noktası rengini görüntülemek veya düzenlemek isterseniz kesme noktasını sağ tıklatın ve Kesme Noktası Özellikleri'ni seçin veya kesme noktasını çift tıklatın.
Ayrıca bu pencereden kesme noktası rengini, sayfa genişliği, yüksekliği ve kenar boşluğu değerlerini de değiştirebilirsiniz.
Kesme Noktası Özellikleri iletişim kutusunu kullanarak kesme noktası rengini ve kesme noktası değerlerini değiştirin.
Kalıp sayfanın kesme noktalarını bireysel sayfalardan düzenleyemezsiniz.
Bir kesme noktasını silmek için aşağıdaki adımlardan birini uygulayın:
Etkin kesme noktasının sol tarafındaki X işaretini tıklatın.
Kesme noktası çubuğunu sağ tıklatın ve Kesme Noktasını Sil'i seçin.
Bir kesme noktasını sildiğinizde, ilgili mizanpaj değişiklikleri ve kesme noktası için metin ayarları da silinir.
Kesme noktasını silmek için x sembolünü tıklatın.
Kesme noktalarını sağ tıklatıp silin.
Bir kalıp sayfanın kesme noktasını bireysel sayfalardan silemezsiniz.
Kesme noktaları arasında geçiş yapma
Geçerli kesme noktanızdan bir sonraki veya bir önceki kesme noktalarına geçiş yapabilirsiniz. Önceki veya sonraki kesme noktasına gitmek için aşağıdakileri yapın:
Önceki kesme noktası: Ctrl + Shift + 5 tuşlarına basın
Sonraki kesme noktası: Ctrl + Shift + 6 tuşlarına basın
Önceki kesme noktası: Cmnd + Shift + 5 tuşlarına basın
Sonraki kesme noktası: Cmnd + Shift + 6 tuşlarına basın
Mizanpajınızın tüm kesme noktalarında iyi göründüğünden emin olmak için aşağıdaki seçenekleri kullanabilirsiniz:
Nesneleri gösterme/gizleme: İsterseniz bir nesneyi bir kesme noktasında gizleyip başka bir kesme noktasında gösterebilirsiniz. Daha fazla bilgi için bkz. Nesneleri gösterme veya gizleme.
Nesneleri farklı kesme noktalarında farklı şekilde yerleştirme: Tek bir nesneyi, farklı kesme noktalarında farklı konumlara yerleştirebilirsiniz. Daha fazla bilgi için bkz. Uyumlu web tasarımında nesneleri yerleştirme.
Uyumlu iğneleme kullanma: Hangi nesnelerin sabit, hangi nesnelerin akıcı olacağına karar verebilirsiniz. Sabit nesneleri iğneleyerek tüm kesme noktalarında aynı konumda kalmalarını sağlayabilirsiniz. Daha fazla bilgi için bkz. Uyumlu İğneleme.
Nesneleri yeniden boyutlandırma: Bir nesneyi her kesme noktasında farklı şekilde boyutlandırabilirsiniz. Ayrıca, bir nesneyi boyutunun sayfanın genişliğine göre otomatik olarak ayarlanmasını sağlayacak şekilde de ayarlayabilirsiniz. Nesneleri yeniden boyutlandırma hakkında daha fazla bilgi için bkz. Nesneleri yeniden boyutlandırma.
Metni farklı kesme noktaları için formatlama: Metnin farklı tarayıcı genişliklerindeki netliğini ve okunabilirliğini artırmak için metni farklı kesme noktalarında farklı şekilde formatlayabilirsiniz. Daha fazla bilgi için bkz. Uyumlu mizanpajlarda metni formatlama.
Nesneleri gösterme veya gizleme
Şu senaryoyu ele alalım: Masaüstü bilgisayar için klasik bir menü eklediniz. Ancak bu menü, tablet ekranlarında çok fazla yer kaplıyor. Tablet aygıtlarında bir sandviç veya akordiyon menü daha iyi çalışır.
Adobe Muse'da uyumlu web siteleri tasarlarken bu gibi senaryoların üstesinden gelmek çok kolaydır. Aşağıdaki görüntülerde gösterildiği gibi masaüstü görünümü için geleneksel bir menü, tablet aygıtları içinse bir sandviç menü göstermeyi tercih edebilirsiniz.
Masaüstü görünümünde geleneksel menüyü gösterin ve sandviç menüyü gizleyin.
Mobil görünümde sandviç menüyü gösterin ve geleneksel menüyü gizleyin.
Adobe Muse projenizde nesneleri göstermek veya gizlemek için:
Bazı kesme noktalarında gizlemek istediğiniz nesneler de dahil olmak üzere, gerekli tüm nesneleri ekleyin.
Kaydırma imlecini sürükleyerek belirli bir kesme noktası görünümüne gidin.
Gizlemek istediğiniz nesneyi sağ tıklatın ve Kesme Noktasına Gizle'yi tıklatın.
Nesne geçerli kesme noktası görünümünde gizlenir, ancak diğer kesme noktalarında görünür. Nesneyi diğer tüm kesme noktalarında da gizlemek istiyorsanız Diğer Kesme Noktalarında Gizle'yi tıklatın. Daha sonra Katmanlar panelini kullanarak nesneyi belirli kesme noktalarında gösterebilirsiniz.
Kesme noktalarında nesneleri gizleme
Şimdi kesme noktası görünümünde görünür durumda olan nesnelerin mizanpajını yapın.
Daha önce gizlediğiniz nesneyi göstermek istediğiniz kesme noktası görünümüne gidin. Bunu yapmak için kaydırma imlecini sürükleyebilirsiniz.
Katmanlar panelini tıklatın ve göstermek istediğiniz nesnenin katmanını bulun. Nesnenizin katmanını bulmak için farklı katmanları araştırmanız gerekebilir.
Nesneleri göstermek veya gizlemek için Katmanlar panelini kullanın
Nesne katmanıyla ilişkili ilk sütunu tıklatın. Nesnenin artık geçerli kesme noktası görünümünde görünür durumda olduğunu gösteren küçük, siyah bir nokta görünür.
Nesneleri göstermek veya gizlemek için ilk sütunu tıklatın.
Nesneyi tüm kesme noktalarında göstermek için nesneyi sağ tıklatıp Diğer Kesme Noktalarında Göster'i tıklatın.
Nesneleri, farklı kesme noktası görünümlerinde farklı şekilde konumlandırabilirsiniz. Örneğin, mobil görünümde görüntüleri dikey olarak konumlandırabilirken masaüstü görünümünde görüntüleri yatay olarak konumlandırabilirsiniz.
Adobe Muse, nesnelerin konumunu hatırlar ve ekran boyutu değiştiğinde uygun şekilde görüntüler.
Masaüstü görünümü için nesnelerin mizanpajını yatay olarak yapın.
Mobil aygıtlar için nesnelerin mizanpajını dikey olarak yapın.
Nesnelerinizi kesme noktaları arasında taşımak için aşağıdakileri yapın:
Nesnenizi yerleştirmek istediğiniz kesme noktasını seçin.
Nesnenizi sürükleyip istediğiniz konuma yerleştirin.
Nesnelerin mizanpajını yaparken, nesneler arasındaki mesafeyi ve nesneyle tarayıcının kenarı arasındaki mesafeyi kontrol etmeyi unutmayın. Kesme noktaları arasında oluşan tasarım sorunlarına çözüm bulmak için nesne konumlarını düzenlemeniz veya daha fazla kesme noktası eklemeniz gerekebilir.
Birden fazla nesneyi grup halinde taşıma
Uyumlu mizanpajınızda nesne gruplarını bir arada taşıyabilirsiniz. Dikey hizalı bir nesne grubunu taşımak istediğinizde tek yapmanız gereken, en baştaki nesneyi seçmektir. Adobe Muse'da sol kenarda dikey tutamacı görürsünüz.
Dikey hizalı bir nesne grubunu taşıyın.
Tutamacı tıklatıp yukarı veya aşağı hareket ettirdiğinizde, seçili nesnenizin ve altındaki tüm nesnelerin grup olarak hareket ettiğini görürsünüz.
Kesme noktaları içeren nesneleri yerleştirme
Kesme noktaları bulunan bir Kitaplık öğesini Tasarım görünümüne yerleştirerek bir kesme noktası kümesi ekleyebilirsiniz. Kitaplık panelini açın (Pencereler > Kitaplık). Sayfanıza eklemek istediğiniz öğeyi seçin. Öğenin yanındaki artı simgesini tıklatın ve öğeyi Tasarım görünümüne sürükleyin.
Kesme noktaları içeren nesneleri yerleştirmek için + sembolünü tıklatın
Kesme noktası kümesinin otomatik olarak sayfanıza eklendiğini göreceksiniz. Sayfanıza daha önce kesme noktaları eklediyseniz kesme noktaları bulunan bir Kitaplık öğesi eklediğinizde tüm kesme noktaları sayfanızda etkinleşir.
Kesme noktaları bulunan Kitaplık öğelerini, farklı sayfalar arasında, hatta farklı .muse dosyaları arasında hızla çoğaltmak için kullanabilirsiniz.
Adobe Muse'da belirli nesneleri sabit yapmak istiyorsanız iğnelemeyi kullanabilirsiniz. Bir nesneyi bir sayfaya veya tarayıcıya iğneleyebilirsiniz:
Nesneleri tarayıcıya iğneleme: Bir nesnenin tarayıcının kaydırma çubuğunu kullanırken bile sabit kalmasını istiyorsanız nesneyi tarayıcıya iğneleyebilirsiniz. Örneğin, ekranı yukarı veya aşağı kaydırırken sabit olan bir menü çubuğu. Nesneleri tarayıcıya iğneleme hakkında daha fazla bilgi edinmek için bu bağlantıya bakın.
Nesneleri sayfaya iğneleme: Bir nesnenin web sayfasına göre sabit kalmasını istiyorsanız nesneyi bir sayfaya iğneleyebilirsiniz. Örneğin, her zaman web sayfasının sağ üst köşesinde bulunan bir şirket logosu.
Dinamik tasarımda bir nesneyi sayfaya nasıl iğneleyebileceğinizi öğrenmek için okumaya devam edin.
Bir nesneyi iğneleyip iğnelememeye karar vermek için kaydırma imlecini kullanarak sayfayı çeşitli tarayıcı genişliklerinde görüntüleyin. Hala bir nesneyi sayfanıza iğnelemek istediğinizi düşünüyorsanız aşağıdaki adımları uygulayın:
İğnelemek istediğiniz nesneyi seçin.
Üstteki İğnele seçeneğinde, nesnenizi sayfaya iğnelemek için kutulardan birini seçin.
Uyumlu bir mizanpajda nesneleri sabitlemek için İğnele menüsünü kullanın.
Aşağıdaki yollardan biriyle nesneyi bir sayfaya iğneleyin:
Sola İğnele : Bir nesneyi web sayfasının soluna iğnelemek istiyorsanız bu kutuyu seçin. Tarayıcının kenarıyla nesnenin sol tarafı arasındaki mesafe sabit kalır.
Ortaya İğnele : Bir nesneyi ortaya iğnelemek istiyorsanız bu kutuyu seçin. Nesnenin sol ve üst kenarı ile tarayıcının kenarı arasındaki mesafe sabit kalır.
Sağa İğnele : Bir nesneyi web sayfasının sağına iğnelemek istiyorsanız bu kutuyu seçin. Tarayıcının kenarıyla nesnenin sağ tarafı arasındaki mesafe sabit kalır.
Örneğin, tüm kesme noktalarında sayfanın sağ üst köşesinde görünmesi gereken Pre-Order Now (Hemen Ön Sipariş Ver) gibi bir düğmeniz varsa bu düğmeyi seçip düğmeyi resimde gösterildiği gibi sağa iğnelemeniz gerekir.
Nesneyi sağa iğnelemek için sağdaki kutuyu tıklatın.
Bir sayfaya nesne iğnelediğinizde Adobe Muse, Sayfaya İğnele konumunu göstermek için nesneden giden noktalı çizgiler görüntüler. Aşağıdaki görüntüde noktalı çizginin sayfanın sağ kenarına uzadığını göreceksiniz. Bu, nesnenin sayfanın sağ kenarına iğnelendiğini gösterir.
Noktalı çizgiler Sayfaya İğnele konumunu gösterir.
Kaydırma imlecini kullanarak mizanpajı farklı sayfa genişliklerinde görüntüleyin. İğnelemenin, sayfa yeniden boyutlandırıldığında sayfa mizanpajını etkileyip etkilemediğini kontrol edin.
Nesneyi yeniden boyutlandırmak istediğiniz kesme noktası görünümüne gidin.
Nesneyi sağ tıklatıp Yeniden Boyutlandır > <Yeniden boyutlandırma seçeneği>'ni belirleyin.
Farklı nesneler için farklı bir yeniden boyutlandırma seçeneği sunulur. Örneğin, uyumlu bir mizanpajda bir görüntüyü genişlik ve yükseklik bakımından yeniden boyutlandırabilirken bir metin kutusunun yalnızca genişliğini değiştirebilirsiniz.
Değişken olmayan nesnelerin Yeniden Boyutlandırma seçeneği yoktur.
Nesneyi sürükleyip geçerli kesme noktası için yeniden boyutlandırın.
Örneğin, ilk resimde görüntünün 768 piksellik kesme noktasında genişliğin dışına çıktığını görürsünüz. İkinci resimde gösterildiği gibi, görüntüyü sürükleyip sayfa genişliğine sığacak şekilde yeniden boyutlandırabilirsiniz.
Resim sayfa genişliğinin dışında.
Farklı kesme noktaları için nesneleri sürükleyip yeniden boyutlandırın.
Bu değişikliği bir tarayıcıda önizleyin. Tarayıcınızı tarayıcı genişliği belirlediğiniz kesme noktası değerine ulaşana kadar yeniden boyutlandırın. Tarayıcınızın genişliği kesme noktası değerine ulaştığında nesnenin boyutunda değişiklik olduğunu fark edeceksiniz.
Bir Durum Düğmesi ya da başka bir widget kabı içindeki öğeler değişken olacak şekilde ayarlanmışsa bu öğeler kabın yeniden boyutlandırılmasıyla birlikte yer değiştirir ve/veya yeniden boyutlandırılır.
Nesnelerin boyutunu ve konumunu kopyalama
Bir nesnenin boyutunu ve konumunu farklı kesme noktaları arasında kopyalamak istiyorsanız aşağıdaki adımları uygulayın:
Kopyalamak istediğiniz nesneyi sağ tıklatın.
Boyut Ve Konumu Şuraya Kopyala > <belirli kesme noktası değeri> seçeneğini belirleyerek belirli bir kesme noktası için geçerli nesne boyutunu ve konumunu uygulayın.
Geçerli nesne boyutunu ve konumunu tüm kesme noktaları genelinde uygulamak için Boyut Ve Konumu Şuraya Kopyala > Tüm Kesme Noktaları'nı seçin.
Dinamik tasarımda, metnin net ve okunabilir olması için metni farklı tarayıcı genişliklerine göre işlemek önemlidir. Bir kesme noktası görünümüne yerleştirilen metin, başka bir kesme noktası görünümünde birdenbire kayabilir. Kesme noktaları arasında geçiş yaptığınızda, istenmeyen satır sonları da görünebilir.
Adobe Muse metni farklı kesme noktaları için farklı şekilde formatlamanıza olanak verir. Örneğin, tabletler için 20 pt ve mobil aygıtlar için 15 pt font boyutu seçebilirsiniz.
Masaüstü görünümü için metni formatlama
Mobil görünüm için metni formatlama
Adobe Muse, dinamik tasarımda metni formatlamak için Kırpma aracı ve Seçim aracını da bulabileceğiniz panelde bir Metin Formatlama simgesi sunar. Bu simgede iki seçenek vardır ve metninizi formatlamak için bu iki seçenekten birini belirleyebilirsiniz.
Metni bir sayfadaki tüm kesme noktaları genelinde formatlamak için Kesme Noktalarındaki Metni Formatla seçeneğini işaretleyebilirsiniz. Bu seçeneği işaretlediğinizde, metni yalnızca tek bir kesme noktası görünümünde formatlamanız yeterlidir. Metin diğer tüm kesme noktalarında otomatik olarak formatlanır.
Öte yandan, metni belirli bir kesme noktası için formatlamanız gerekiyorsa Metni Geçerli Kesme Noktasında Formatla seçeneğini işaretlemelisiniz. Örneğin, mobil aygıtlar için metin mizanpajı yaparken metin boyutunu 24 puntoya çıkarmayı tercih edebilirsiniz.
Metin formatı hatırlanır ve web sitesi farklı tarayıcı genişliklerinde görüntülendiğinde uygun şekilde gösterilir.
İstediğiniz kesme noktası görünümüne gidin.
Metin boyutunu seçip sürükleyerek yeniden boyutlandırın. Metin kutusunu yeniden boyutlandırdığınızda metniniz yeniden akar.
Metin kutusunun sağ sınırı, kutuyu yeniden boyutlandırdığınızda metnin akacağı genişliği belirler.
Metni formatlamak için formatlamak istediğiniz metni seçin ve aşağıdakilerden birini tıklatın:
Metni tüm kesme noktalarında formatlamak için Kesme Noktalarındaki Metni Formatla.
Metni geçerli kesme noktasında formatlamak için Metni Geçerli Kesme Noktalarında Formatla.
Bu seçeneklerin ikisi de, Metin aracını veya Kırpma aracını seçtiğiniz sol panelde bulunmaktadır.
Dinamik tasarımda metni formatlama
A. Kesme Noktaları Arasında Metni Formatla B. Geçerli Kesme Noktasındaki Metni Formatla
Uyumlu mizanpajda metin formatlama seçeneği, yalnızca metnin formatını değiştirir. Kesme noktalarındaki kelimeleri ya da içeriği değiştiremezsiniz.
Kesme noktaları arasında metin formatını kopyalama
Metnin boyutunu ve konumunu farklı kesme noktaları veya tarayıcı genişlikleri arasında kopyalamak istiyorsanız aşağıdaki adımları uygulayın:
Sağ tıklatıp Metin Formatını Şuraya Kopyala: > <belirli kesme noktası değeri> seçeneğini belirleyerek belirli bir kesme noktası için geçerli metin niteliklerini uygulayın.
Geçerli metin niteliklerini diğer tüm kesme noktalarına da uygulamak için sağ tıklatıp Metin Formatını Şuraya Kopyala: > Tüm Kesme Noktaları'nı seçin.
Kaydırma imlecini kullanarak, mizanpajınızı her kesme noktasında önizleyin. Mizanpajınızı farklı tarayıcı genişlikleri için optimize etmek istiyorsanız gerektiğinde kesme noktaları ekleyin.
Uyumlu bir mizanpajda kaydırma efektleri ekleyebilirsiniz. Kaydırma efektleri sadece sabit kesme noktalarında desteklenir. Sabit kesme noktaları, mizanpajınızın sayfa genişliğine sabitlendiğini belirtir. Sabit bir kesme noktası ekleyin, kaydırma efekti uygulamak istediğiniz nesneyi seçin ve ardından Kaydırma Efekti ayarlarını yapılandırın.
Kaydırma efektini eklemek istediğiniz Adobe Muse sayfanızı açın. Örneğin; gezinme ve başlıktaki arka plan görüntüsü için kaydırma efektleri eklemek isteyebilirsiniz.
Uyumlu mizanpajı açtığınızda, sayfanızdaki kesme noktalarına bakın. Bu kesme noktaları, iki yöne bakan okların olduğu bir simgeyle gösterildiği üzere değişkendir.
Çift oklu simgeyle gösterilen değişken kesme noktaları
Kaydırma Efektleri panelini şimdi görüntülerseniz bu seçeneğin devre dışı olduğunu görebilirsiniz.
Değişken kesme noktaları için kaydırma efektleri devre dışı bırakıldı
Kaydırma Efektlerini etkinleştirmek için sabit bir kesme noktası eklemeniz gerekir. Sabit bir kesme noktası eklemek için Kesme Noktası çubuğunu tıklatın ve Kesme Noktası Ekle'yi tıklatın.
Açılır menüden Sabit Genişlik'i seçip Tamam'ı tıklatın.
Sabit genişlik kesme noktası ekleme
Kare simgesi olan sabit kesme noktalarına bakma
Sayfanızda kareyle belirtilen sabit kesme noktasına bakın. Sayfayı 1225 piksel veya üzeri tarayıcı genişliğinde görüntülediğinizde, sayfa 1225 piksel olarak sabit şekilde görülür. Mizanpaj bu kesme noktasında değişken hale gelmez.
Kaydırma efekti uygulamak istediğiniz nesneyi seçin ve Kaydırma Efektleri için ayarları yapılandırın.
Seçilen nesneler için kaydırma efektleri uygulama
Diğer (değişken) kesme noktalarında değil, sabit kesme noktasında olduğunuzda Kaydırma Efektleri uygulayabilirsiniz.
Adobe Muse'da kaydırma efektlerinin nasıl eklenip kullanılacağını öğrenmek için Adobe Muse'da Kaydırma Efektleri Uygulama bölümüne bakın.
Masaüstleri, tabletler ve mobil aygıtlara yönelik bir site tasarlarken hangi kesme noktaları idealdir?
Sitenizi tasarlamak istediğiniz belirli bir aygıt varsa uygun kesme noktasını ekleyebilirsiniz. Ancak kullanıcılar sitenizi herhangi bir aygıtta, herhangi bir ekran boyutunda görüntüleyebilir. Bu yüzden kesme noktalarını yalnızca tasarımınızın kesildiği noktalara eklemeniz önerilir. Bu, sitenizin mizanpajının her aygıtta güzel görünmesini sağlar.
Kalıp sayfadaki kesme noktaları neden bireysel sayfalarda çalışmıyor?
Kalıp sayfa kesme noktaları, bireysel sayfalarınızda beyaz üçgenler şeklinde görünür. Bu kesme noktalarını bireysel sayfalarda etkinleştirmek için kesme noktası çubuğundaki beyaz üçgeni tıklatın, ardından artı (+) işaretini tıklatın.
Kesme noktalarını Kalıp sayfadan belirli bir sayfaya taşımanın başka bir kolay yolu da şudur: Bir Kalıp sayfa öğesini kopyalayın, kesme noktalarını uygulamak istediğiniz sayfaya geçin, Düzenle > Kesme noktalarıyla yapıştır'ı seçin, sonra yapıştırılan öğeyi tuvalden silin. Öğe silinse de Kalıp sayfanın kesme noktaları kalır.
Metin kutularının uyumlu mizanpajımda üst üste binmesini nasıl önleyebilirim?
Metin kutuları ölçeklenmez ve "Değişken" değillerse çakışabilirler. Metin kutularını değişken hale getirmek için her bir metin kutusunu sağ tıklatın ve Yeniden Boyutlandır > Uyumlu Genişlik'i seçin.
Uyumlu sitelerimde ek boşluktan veya beyaz boşluktan nasıl kurtulabilirim?
Yapışkan alt bilgi veya gizli nesne gibi çeşitli nedenlerden dolayı ek boşluk veya beyaz boşlukla karşılaşabilirsiniz. Bu sorunun çözümü hakkında ayrıntılı bilgi için bu makaleyi okuyun.
Sitemi önizlerken görünen gri alanı nasıl kaldırabilirim?
Önizlemenizde gri alan görüyorsanız sayfanın dışına yerleştirilen bir harici nesne veya gizli nesne olup olmadığını kontrol edin. Tüm nesneleri seçmek için Görünüm > Çerçeve Kenarlarını Göster'i tıklatın. Ayrıca görüntüyü uzaklaştırarak da tüm nesnelerin yerleşimini görebilirsiniz. Bu sorunu çözmek için gizli nesne veya harici nesne olup olmadığını kontrol edin ve nesneyi mizanpajınızın içine yerleştirin.
Tüm widget'ları nasıl değişken veya uyumlu yaparım?
Şu an için Adobe Muse'daki widget'ların hepsi uyumlu değildir. Her bir widget'ın uyumluluk davranışını öğrenmek için bu tabloya bakın.