Hatırlamanız gereken 7 en iyi uygulama divi ux
Bence hepimiz Divi’nin çok yönlü olduğu gerçeğini kabul edebiliriz. Yaptığınız web sitelerini ayarlamak ve kişiselleştirmek için birçok olasılık vardır. İş verimliliğinizi artırmak istiyorsanız, bu sizin için ideal bir yazı olabilir. Bilmeyeceğiniz ya da bilmediğiniz en iyi 7 uygulamayı tartışacağız. Paylaşacağım 7 ipucu, Divi ile her gün çalışırken kullandığım ve kullandığım bazı ipuçları. Haydi Yapalım şunu! 1. Hatırlamak isteyebileceğiniz ilk mikro uygulama animasyonu divi UX’i kullanmak, aşırı değil, mikro animasyon kullanmaktır. Geçmişte, web sitelerinin sahip olduğu daha fazla animasyonun, halk için daha ‘daha uyarlanmış’ veya ‘gelişmiş’ olduğu bir zaman vardı. Ancak, o zamanlar bitti. Çok lüks görünmenin yanı sıra, aşırı animasyon, web sitenizdeki kişilerin genel kullanıcı deneyimine katkıda bulunmaz. Aslında, ziyaretçileri genellikle gerçekten önemli olandan yönlendirebilirler. Bunun yerine bir mikro animasyon seçmek yapmanın yoludur. Divi animasyon seçenekleri, eklediğiniz animasyonun hızını ve yoğunluğunu ayarlamanızı sağlar. Mikro animasyon yapmanın anahtarı, biraz daha uzun bir animasyon süresi ile düşük bir animasyon yoğunluğu kullanmaktır.
Tasarım öğesinden Tasarım sekmesini açın Seçtiğiniz tasarım öğelerini açın ve devam eden sekmeyi açın. Orada animasyon seçenekleri bulacaksınız.
Hadi adım adım geçelim.
İlk satırın boyutunu değiştirmeniz gereken şey, satır boyutunu ayarlamada aşağıdaki seçenekleri etkinleştirerek parçalar, satırlar ve modüller arasındaki tüm boşlukları silmektir: Bu çizgiyi tamamen genişletin: evet
Özel Talang genişliği kullanın: evet
Talang genişliği: 1
Dolgu parçasını veya çizgiyi şimdi ekleyin, yine de parçalar ve satırlar arasında yeterli alana sahip olmak istiyoruz. Sırlara sol ve sağ özel pedler veya üzerinde çalıştığınız parçalar eklemek isteyip istemediğinizi seçebilirsiniz. Sıraya eklemek, o bölümdeki diğer satırları etkilemez. Ancak öte yandan, bölüme uygulamak, kaç satır ekleseniz de, bu marjın tüm parçalarda aynı kalmasını sağlayacaktır. Sol dolgu: 23VW (masaüstü), 30px (tablet), 25px (telefon)
Sağ dolgu: 23VW (masaüstü), 30px (tablet), 25px (cep telefonu)
Sütun ve modül arasındaki boşluk sütununun dolgusunu ekleyin. Bu değerleri farklı ekran boyutlarına göre ayarlayabilirsiniz. Sütun 1 Dolgu Sağ: 1VW (Masaüstü), 0VW (Tablet ve Cep Telefonu)
Sütun 2 Dolgu Sol: 1VW (Masaüstü), 0VW (Tablet ve Cep Telefonu)
Sütun 2 Dolgu Sağ: 1VW (Masaüstü), 0VW (Tablet ve Cep Telefonu)
Sütun 3 Solda Sol: 1VW (Masaüstü), 0VW (Tablet ve Cep Telefonu)
Metnin boyutunu azaltın, daha küçük bir ekran boyutunda aldığınız yatay genişliği kullanarak% 100 ister mi? İçerik metninin boyutu için 13px, dizüstü bilgisayar açısından küçük görünse de, genellikle mobil cihazlar için fazlasıyla yeterli. Cep telefonunuzdan 13px içerik metninin boyutuna bir göz atın, yukarıdaki adımlarla birleştirilmiş ve neden bahsettiğimi göreceksiniz! 3. Bu piksel yerine ViewPort birimini kullanmak, önceki adımda yaptığımız şeylerden biridir. Web sitenizin tüm masaüstü ekran boyutlarında duyarlı kalmasını sağlamak için, bir piksel değil, görünüm alanı birimini kullanmalısınız. Bu, web sitenizin 27 inçlik bir masaüstü monitöründe bile harika ve tam olarak tasarladığınız gibi görünmesini sağlayacaktır. Öte yandan, daha küçük ekran boyutları, 15 ″ vs 27 ″ masaüstü ekran kadar farklı olma eğilimindedir. Dikey örtüşme yaparken görünüm biriminin kullanılmasına yardımcı olabilir, ancak yine de dolgu/sol ve sağ kenar boşlukları için piksel kullanmak tehlikeli olmayacaktır. Metin yönelimi stilini genişletmek, yakında web sitenizdeki insanlar tarafından bilinçsiz olarak bile görülecek şeylerden biri, yaptığınız tasarımda ne kadar tutarlı olduğunuzdur. Bu, sayfalarınızın her yerinde kullandığınız metin yönünü içerir, ancak bunlarla sınırlı değildir. UX Divi’nin en iyi uygulamalarından biri, metin oryantasyonunu kontrol ederek tasarımı tamamlamaktır. Eğer düşünülürse ve iyi oynanırlarsa, farklı metin yönelimini bir sayfada kesinlikle birleştirebilirsiniz. Bununla birlikte, belirli bir parçada farklı metin yönünü birleştirdiğinizde zorlaşır. En iyi senaryo; Sayfalarınızın her yerinde bir metin yönelimi alentasyonu kaydedersiniz. Ancak daha fazla deney yapmak istiyorsanız, en azından bölüm başına bir tür metin oryantasyonunu korumayı deneyin. Bunu sadece tüm farklı tasarım öğelerine bakarak yapabilirsiniz veya sizin için işe yarayacak Divi verimlilik özelliklerinden birini kullanabilirsiniz.
Yalnızca birkaç adımda, metinde, sayfalarınızda veya parçalarınızda aynı yönü ve tutarlılığı kullandığınızdan emin olabilirsiniz. Bu adımları gözden geçirelim. Metni içeren herhangi bir modülü açın Sayfanızdaki metni içeren ve metin ayarlarını açan herhangi bir modülü açın. seçenek.
Seçilen metnin yönünü tüm parçalarda veya tüm sayfalarda genişletin, sayfalarınız boyunca metin oryantasyonunu ne kadar tutarlı istediğinize bağlı olarak, seçtiğiniz metnin oryantasyonunu düzen veya belirli parçalar boyunca genişletmeyi seçebilirsiniz.
5. Visual Builder ve WireFrame modu arasında ileri geri geçiş Divi’nin görsel oluşturucu ile ilgili en güzel şeylerden biri, arka uç veya ön uçta bir şeyi düzenlemek arasında seçim yapmanız bile gerekmemesidir. İkisi arasında değişmek bir saniyeden az sürer. İkisini birleştirirseniz, en iyi verimlilik ve genel bakış seviyesini elde edebileceğinizi iddia ediyorum. Özellikle düzeninizde çok fazla örtüşme ile uğraşıyorsanız, çerçeve görüntü moduna geçmek hızlı bir şekilde değişiklik yapmanıza yardımcı olabilir. Veya, sayfadaki diğer yerlerde belirli tasarım öğelerini çekmek ve serbest bırakmak istiyorsanız, çerçeve moduna geçerek ve durmadan kaydırma yapmadan belirli öğeleri sürükleyerek daha kolay hale getirebilirsiniz.
Ve hala sermaye açarken tasarım öğelerinin tasarımını açabileceğinizi ve görsel oluşturucu ve tel kafes modu arasında geçebileceğinizi biliyor muydunuz? Bu, tasarımınızın arkasında değişiklik yapmanızı ve yeni tasarım ayarlarınızı istediğiniz zaman geçerli görmenizi sağlar. İçe Aktarma/Dışa Aktarma Düzeni doğrudan geçerli sayfada, hepimiz daha önce yapılan düzenlere, depolanan düzene ve genel olarak Divi kütüphanesine alışkınız. Ancak, yerel bir ana bilgisayarda belirli bir sayfada çalıştığınızı ve karmaşıklıktan geçmeden hemen tamamlandıktan sonra web sitesine yüklemek istersiniz: Düzeni divi kütüphanenize kaydedin Divi kütüphanenize gidin ve JSON dosyalarını dışa aktarınDoğrudan web sitenize gidin Divi Kütüphanesi JSON dosyalarını yükleyin
Doğrudan web sitesi sayfanıza gidin
Kaydettiğiniz düzenden json dosyalarını yükleyin
Ardından, yalnızca sayfanızda içe aktarma/dışa aktarma seçeneğini kullanmanız gerekir. Bu, Divi kütüphanesine erişmek zorunda kalmadan bir JSON dosyası oluşturmanıza olanak tanır.
Düzeni dışa aktardığınız gibi, düzeni yeni sayfanıza aktarabilirsiniz. Ancak bu yaklaşımı seçtikten sonra, düzeni doğrudan web sitenizdeki Divi kütüphanenize aktaramayacağınızı bilin. Doğrudan sayfaya. 7. Bu perspektifi korumak için düzenli olarak ‘Lecctive’ seçeneğini kullanmak benim en sevdiğim Divi UX özelliklerinden biri olabilir. Eminim daha önce her şeyi yaptık; Yaptığımız sayfanın sonuçlarını görmek için yeni bir sıradan sekme veya kılık değiştirmiş bir pencere açın. Ve sonra, krom veya eklenti Firefox uzantısı kullanılarak tüm sayfalar tarafından bir baskı ekranı alınır. Tüm bunlar, üzerinde çalıştığınız düzen hakkında yeni bir görünüm vermek ve her şeyin tüm sayfa yapısıyla eşleşip eşleşmediğini görmek için. Hala ara sıra yapmanızı tavsiye etsem de, kısa sürede birçok kez yapmanıza gerek yok. Bunun yerine, görsel oluşturucunuzda orada bulunan en küçük seçeneği kullanın. Bu size sadece aradığınız perspektifi vermekle kalmaz, aynı zamanda sayfadan ayrılmak zorunda kalmadan hızlı değişiklikler yapmanıza da yardımcı olur. Divi ile web. Bu ipuçları, herhangi bir web sitesi oluştururken kesinlikle yararlı olacaktır! Sorularınız veya önerileriniz varsa, aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun! Aurialaki / Shutterstock.com tarafından Üstün Görüntü
