Her WordPress geliştiricisi için kullanılması gereken en iyi uygulama tasarımı
Mükemmel bir dünyada, her WordPress geliştiricisi, savaşları ve cadı ön ucunu test eden tasarımcılardan oluşan kendi çatlak takımlarına erişerek, sevdikleri kodla ellerini kirletmeleri için özgür hale getirecektir. Ancak, yalnız çalışıyorsanız ve seçtiğiniz platform WordPress ise, çoğu müşteri sizi bir kişinin askeri olarak görecektir. Genellikle rahat kullanım olmayabileceğiniz tasarım seçimleri yapmanız beklenir. İster beğen ister beğenme, tasarım her web geliştirme projesinin önemli bir yönüdür. Düzeniniz kullanıcıyı kaşlarını çatıyorsa kodunuzun ne kadar zarif olduğu önemli değil.
Bu makalede, tasarım oyunlarınızı geliştirmek ve pazarlanabilecek genel uzmanlığınızı genişletmek için geliştiriciler olarak kullanabileceğiniz en iyi sekiz tasarım uygulamasını derinlemesine göreceğiz. 1. Mevcut tasarım trendini takip edin Bu Vogue değil, bu nedenle bugün her tasarım trendinin giriş ve çıkışlarını analiz etmeye binlerce kelime ayırmayacağız. Genel web araştırmalarına dayanarak tamamen sıcak olanın farkında olmayabilirsiniz. Bununla birlikte, en son olarak kalma eğilimlerini kasıtlı olarak araştırmak için ekstra çaba göstermenize yardımcı olur. Bugün “en yaygın kullanılan” listelerinin tepe listesi bir paralaks rulosudur: ön arka plan görüntüsünün arka plandaki görüntüden daha hızlı hareket ettiği basit ama etkili bir hareket tasarım tekniği. Bu çekici bir etki yaratır, uygulanması kolaydır ve sayfa tasarımına derinlik ve görsel ilgi sağlamaktır. Bu etkinin, başlıkların gerçekten görünmesi ve okuyucuları çekmesi için sıklıkla kullanılan etkiyi göreceksiniz.
Paralaks, mevcut tasarımların çoğundan gelen ağır parşömenlerin kapsamlı bir odağını vurgulayan tek bir trend. Sınırsız rulolar, biraz tartışmalı olmasına rağmen, diğer popüler tekniklerdir. Domateslerden nefret ediyorum.
Android ana sayfası malzeme tasarım trendlerini takip eder. Ayrıca, sıkıştırılmış bilgilerin zarif bir görsel görüntüsüne vurgu yapan bir teknik olan kart tabanlı bir tasarıma (klasik bir Pinterest örneğidir) geliyoruz. Bu eğilim çok popüler çünkü bir dizi iyi tasarım kuralına uyarak görsel katılım yaratıyor. Listemizin geri kalanını izlerken bu kuralların çoğuna dokunacağız. Mevcut eğilimi, vurguladığımız gibi tanımak, öğrenmenizi geliştirmenin ve bir bütün olarak tasarım hassasiyetinizi neredeyse anında artırmanın iyi bir yoludur. 2. Duyarlı Tasarımı Taahhüt
Smashing Magazine’den iPad ekranında yürütülen duyarlı tasarım. Duyarlı tasarım, yalnızca her kullanıcının düzgün ekran boyutunu, cihaz yönünü ve platformunu ayarlama yeteneğini içerir. Hücresel öncelik veren bir dünyada, bu ön uçtaki modern siteler için mutlak bir gereksinimdir, ancak genellikle medya sorgularından kaydedilen bir kabus ve battaniyenin arkasındaki çeşitli hackleme gibi hisseder. Bundan çıkış yolu yok: Kullanıcılar gerçekten web sitelerinin ve uygulamaların görüntülenmesini ve çeşitli cihazlarda mükemmel bir şekilde çalışmasını bekliyor. Bir geliştirici olarak, platform genelinde sorunsuz bir deneyimin çok fazla test ve iyileştirme gerektirdiğini biliyorsunuz, ancak tembel olmak için bir neden değil. Bunun ne kadar önemli olduğunu vurgulamak için, bu önemli tasarım öğesini görmezden gelmek, birine veda edebileceğiniz anlamına gelir. Trafik web sitesinin üçüncüsü. Bununla birlikte, duyarlı bir tasarım uygulamasının korkutucu bir görev olması gerekmez ve mevcut geliştirici bunu bu durumda birkaç yıl öncesinden çok daha kolay yapar. Doğru yaptığınızdan ve kitlenizin çoğu için tasarımınızı sabote etmediğinizden emin olun. 3. İçeriği zıplayan seviyeye kolayca erişilebilir hale getirir, ancak çevrimiçi tasarımın rahatsız edici gerçeklerinden biri, çok sayıda insanın dikkatle yapılan ve doğrudan sanal kapıya giden içeriğinizi görmesidir.
İnsanlar sitede kalıp kalmayacağı konusunda çok hızlı bir karar verir ve bir tasarımcı olarak işiniz, onları oyalanması ve bakmaları için mümkün olduğunca çekici hale getirmektir. Kötü düzen seçenekleri, arama seçeneklerinin eksikliği ve alakasız eski veya düşük kaliteli içerik, ziyaretçi paketini yapacak şeylerdir. Tasarım açısından bakıldığında, kullanıcıların web sitenizin hangi bölümlerinin aradıkları bilgileri depoladığını hızlı bir şekilde belirleyebilmelerini istersiniz. Dost navigasyonu koruyun ve karışıklığı önlemek için her şeyi açıkça etiketleyin. Beyaz alanın senin arkadaşın olduğunu unutmayın
Kültürel kod, iyi bir beyaz alan kullanmanın iyi bir örneğidir.
Çalışmalarının doğasına dayanarak, geliştirici çoğu zaman organize bir gruptur. Bununla birlikte, çoğu zaman, verimliliği estetikten optimize ederler. Bu yüzden genellikle antik gazeteler gibi web sitelerine bilgi verme eğilimindedirler, ancak kullanıcıların onları gerçekten tüketmeleri için kabuslar görürler.
Kullanıcıların web sitenizdeki herhangi bir bölümdeki en önemli bilgilerle doğal olarak ilgilenmesini istersiniz. Etkili beyaz alanın kullanımı, bunu yapmak için en zarif ve test edilen zamanlardan biridir. Beyaz alan sadece önemli bilgileri vurgulamakla kalmaz, aynı zamanda okuma ve genel tasarımınızın çok daha ince görünmesini sağlama anlayışını da artırır. Tasarım hilelerinize ekleyin ve siteniz hemen daha pürüzsüz görünmeye başlayacaktır. 5. Yazı tiplerinin önemini anlayın
Resim Olga Milagros / Shutterstock.com
Tasarım terimleriyle, yazı tipleri gerçekten çok büyük bir sorundur. Tasarımcıların sadece komik sans veya kurye içindeki her şeyi tokatlamaması ve bir gün demesinin bir nedeni var. Galeri tabanlı bir portföy çalıştırmadığınız sürece, büyük olasılıkla proje içeriğinizin çoğu metin şeklinde olacaktır. Kötü bir geçmişte, sadece web tasarımı yaparken sınırlı yazı tipi koleksiyonu arasından seçim yapabilirsiniz, ancak neyse ki o günler geçti . Web yazı tipleri için tarayıcı desteği, artık siteniz için mükemmel yazı tipini bulmak için ne kadar zaman harcamak istediğinizle sınırlı olduğunuz anlamına gelir. İdeal yazı tipi, dikkati içeriğin kendisinden ayırmaz veya tüm tasarımda görülmez. Yazı tipleri ve yazı tipleri seçmek, dikkatli düşünmeyi takdir eden bir tasarım kararıdır. Matthew Butterick’in avukatlar için tipografisi gibi basit birincil tipografi ile başlayın ve tasarım kaslarının doğrudan kaçmaya başladığını hissedeceksiniz.
6. Zor bir form yapmayın, kimse formu doldurmayı sevmez. Çevrimiçi ya da çevrimdışı, onlar bir görevdir. Web tasarımında bununla uğraşmanın bir yolu yoktur; Kullanıcıların sitenizle etkileşime girmesinin ana yoludur: kayıt, şifre kurtarma, iletişim sayfaları, gönderim – liste devam eder. Formunuzu gerçekten yapmak için biraz zaman ve ekstra çaba sarf edin, sezgisel, arkadaş canlısı ve anında bir tarzda sunulabilir, sayfanızın genel tasarım profilini artırır. Ayrıca burada bir geliştirici olarak biraz avantaj elde edersiniz. Birçok tasarımcı, formların uygulanmasının teknik tarafından içgüdüsel olarak kaçınır, ancak genellikle her gün karşılaştığınız diğer bazı sorunlara kıyasla nispeten önemsiz olmalıdır. 7. Dostu Reddit hata sayfası, basit ve bilgilendirici olan sayfa 404 sağlayın.
Beyaz sayfadaki varsayılan sunucu hata mesajından herhangi bir şey daha iyi görünüyor. Ziyaretçileri ikna eden iyi tasarlanmış bir hata sayfası ve her şeyin kontrol edildiği ve her şeyin yakında normale döneceği izlenimini verir. WordPress kullanırken, biraz çaba ile özel bir sayfa 404 ayarlamanıza yardımcı olabilecek birçok harika eklenti var. WordPress için en iyi 7 404 eklentisi hakkındaki makalemizde bununla ilgili iyi ayrıntılar bulacaksınız. 8. Küçük detayların şimdiye kadar önemli olduğunu kabul edin, temel tasarım eğilimlerini, yanıt verebilirliği, erişilebilirliği, faydalarınız için beyaz alan kullanarak, tipografi, formlar ve 404 sayfa tasarımları, ancak yine de yapabileceğiniz tüm öğelerin yüzeyini çiziyoruz Artan tasarım oyunlarını düşünün. Makalemizden başka bir şey almıyorsanız, şunu unutmayın: Tasarım ayrıntılarla ilgilidir. Ayrı olarak kabul edilir, tüm bu küçük noktalar çok önemli değildir, ancak her şey birbiriyle yığıldığı için, insanlar tarafından iyi bir tasarım olarak içgüdüsel olarak tanınan uyumlu bir bütün oluştururlar. Bir geliştirici olarak, ayrıntılara çok farklı bir bağlamda odaklanmaya alışkınsınız, ancak bu arenada eşit derecede önemlidir. Gerçeği fark etmek sizi daha iyi bir tasarımcı haline getirecektir. Müttefiklerin bir özeti harika içeriğe sahip, tartıştığımız tüm noktalar sağlam bir tasarımın temelini oluşturdu. Bunu kullanmak, üzerinde çalıştığınız herhangi bir sitenin görünümünü ve hissini büyük ölçüde artıracaktır. Listeye bir kez daha bakalım: Mevcut tasarım trendlerini izleyin.
Duyarlı tasarıma bağlı.
Kolayca erişilebilir içerik oluşturma. Beyaz alanın arkadaşınız olduğunu unutmayın. Yazı tiplerinin önemini anlayın.
Formu karmaşıklaştırmayın.
404 dost sayfa sağlayın.
Küçük detayların önemli olduğunu kabul edin.
Tartıştığımız teknikleri kullanarak bir geliştirici olarak uzmanlığınıza temel tasarım okuryazarlığı eklemek sadece son kullanıcınızı memnun etmekle kalmaz, aynı zamanda bir geliştirici olarak satış gücünüzü de büyük ölçüde artıracaktır.Bir geliştirici olarak tasarım becerilerini öğrenmek için favori bir ipucunuz var mı?Yoksa savaştığınız belirli bir alan var mı?Bize yorumlarda söyleyin.Sentavio / Shutterstock.com tarafından Makale Küçük Resim
