WordPress Tools, En Sıcak Web Tasarım Trendleri 2017’yi uygulamak için
Eliza Medley tarafından her yıl, web tasarımında yeni trendler ortaya çıkıyor veya yeniden ortaya çıkıyor. 2017 bir istisna değildir. Olasılık şu ki, bu eğilimlerin bazılarını fark ettiniz. Umarım, en azından bazıları size yaratıcı olmanız ve web sitenize yeni bir hayat getirmeniz için ilham vermiştir. Ancak hepimizin bildiği gibi, web tasarımı trendlerini görmek için bir şey ve bunu tamamen kendi sitenize uygulamak için başka bir şey. “Çok havalı! WordPress’te nasıl yaparım? ” Eğer öyleyse, orada çok fazla yardım var. WordPress topluluğundaki geliştiriciler, WP site sahiplerinin en son ve en büyük web tasarım trendlerini kullanmak için ihtiyaç duydukları araçlara erişmelerini sağlamak için olağanüstü işler yapıyorlar. Bu makalede, 2017’deki en sıcak 15 web tasarım trendini ve onu uygulamak için kullanabileceğiniz WordPress aracıyla ekledim.
Cinemagrafs Bir sinemagraf, ilk bakışta statik bir görüntü olarak görülen şeydir. Bununla birlikte, daha yakından baktıktan sonra tekrarlanan hareketler tespit edilebilir. Bu genellikle animasyonlu bir GIF olarak yayınlanır. Web tasarımcıları son zamanlarda sık sık sinemagraflar kullanıyor. Çok meşgul veya rahatsız edici olmadan dramatik bir etki eklerler. WordPress kullanıcıları, Audio Story Images adlı yeni bir eklenti kullanarak sayfalarına sinemagraflar ekleyebilir. Cinemagraph zaten WordPress sayfasında görüntülenebilse de, bu araç web tasarımcılarının bu resme de ses eklemesine izin verir. Bu, ziyaretçilerin sadece görsel bir etki elde etmediği, aynı zamanda müzik, arka plan sesleri ve hatta ses duydukları anlamına gelir.
Maya gerçekliği sanal gerçekliği ve 360 derecelik video bir süredir giderek daha popüler. 2017 yılında, birçok web tasarımcısı onları coşkuyla kucaklıyor ve bunları web sitelerine eklemenin yollarını buluyor. Basit bir eklentinin bu işlevi WordPress sitesine eklemesi imkansız görünüyor. Ancak, WP-VR-View Maker’ın başardığı şey bu. Bu eklenti, tasarımcıların 360 derece video ve 360 ° fotoğraf görüntüleri görüntülemesine olanak tanır. Hücresel kullanıcılar, tam olarak gerçekleştirilen sanal gerçeklik deneyiminin tadını çıkarmak için Google Cardboard’u kullanabilir. Barutipografik seviyeye getirilen tipografi, genellikle göz ardı edilen ancak web sayfalarının görünümü ve hissinde önemli olan önemli bir unsurdur. Güzel yazı tiplerine odaklanın ve genellikle birkaç yıl önce bir trend olmaya başladı. Ancak, 2017’de tipografik tutku gerçekten hızına ulaştı. Tasarımcıların tipografiyi tamamen yeni bir seviyeye getirmesine yardımcı olabilecek birkaç WordPress eklentisi var. TypeKit, binlerce yazı tipinden oluşan çevrimiçi bir depodur. Bu, abonelik veya satın almak için kullanılabilir. Bu yazı tipi özellikle çeşitli ‘yazı tipi dökümhanelerinden’ yapılır ve komut dosyalarından ışın harflerine kadar çeşitli stiller içerir. WordPress için TypeKit eklentisi, tasarımcıların yalnızca WP temalarını değiştirmeden kişisel TypeThit koleksiyonlarından yazı tiplerini kolayca kullanmalarını sağlar.
Arka plan görüntüleri ve dramatik çift renkler gösteren görüntüler kullanan gittikçe daha fazla site. Bu, gri ölçekli görüntünün üzerinde bir renk kaplayarak yapılan bir ikili ton trendidir. Sonuçlar yoğun, retro ve elbette dikkat çekiyor. Bu etki WordPress kullanılarak uygun şekilde kopyalanamasa da, iki tonlu FX eklentisi oldukça yakındır. Bu, çok etkileyici olan tahmini bir duotone almak için kütüphanenizdeki herhangi bir görüntüde kullanılabilen bir resim filtresidir.
Son zamanlarda çok popüler olan modüler tasarım bloğu ve kart tarzı web siteleri, modüler web tasarımı prensibine dayanmaktadır. Temel olarak, görüntülenecek her unsur kendi bloktadır. Daha sonra bloklar bir web sayfası oluşturmak için birleştirilir. Duyarlı bir web sayfası yaparken modüler tasarım çok yararlıdır. Ayrıca bakımı daha kolay hale getirir. Tasarımcıların WP sitelerinde modüler tasarımlar uygulamalarına yardımcı olabilecek tek bir araç veya eklenti yoktur. Bununla birlikte, WordPress’te modüler bir içerik sistemi oluşturmak için çok yararlı olan adım adım bir öğretici vardır. Bu okumaya değer olmalı. İçerik Dostu Düzen Web tasarımındaki trendlerden biri renk, resim, yazı tipi veya video içermez. Bu sadece parlayan sayfada içeriğe izin vermek için özel olarak yapılmış minimalist bir düzenin kullanılmasıdır. Bu, iyi bir SEO’nun anahtarıdır ve bu aynı zamanda yoğun düzenin müdahale edebileceği E-Niaga web sitesinde de iyi işlev görür. WordPress’te birkaç içerik dostu tema vardır. Bunlar şunları içerir:
Şirket işi
Reklamcılık
Ad Mag-Lite
Juno
Bu temanın görünümü ve nüansı, içerik yazarlarından veya profesyonel yazma hizmetlerinden harika içeriklerle birleştirildiğinde, ticari web sitelerini duyarlı ve dostça SEO enerji üretimine dönüştürebilir.
Video arka planı videonun arka planı yeni olmasa da, 2017’de eskisi kadar sıcak. Videonun arka planını kullanmak dramatik bir etki ekleyebilir, büyük bir estetik amplifikatör olarak işlev görebilir ve başka bir anlatım boyutu ekleyebilir. Facebook için video arka plan eklentisi, bir video arka planı eklemeyi hızlı ve basit bir görev haline getirir. Kullanıcıların arka plan videoları almak için web sayfaları için yalnızca dört alanı doldurmaları gerekir. Dört alandan biri, video ile uyumlu olmayan herhangi bir cihazda geriye dönük bir görüntü olarak işlev gören ‘poster’ alanıdır.
Web tasarımcıları, yalnızca kullanıcılar imleci bunlara yönlendirdiğinde görünen daha fazla geçişli arama bıçakları kullanır. Bu yöntem, hücresel öncelik veren tasarım açısından çok yararlı olan değerli ekran alanından tasarruf sağlar. Bu tekniği WordPress sitenize uygulamak kolay değildir ve bunu gerçekleştirmek için biraz kodlama gerektirir. Ancak, işi bitirdikten sonra, ürün sonunda oldukça temiz. Bu video eğitimi on dakikadan az sürer ve WordPress sitenize geçişli bir arama çubuğu eklemek için jQuery’nin nasıl kullanılacağını açıklar.
Net Renk Şemaları Web tasarımcıları genellikle daha yaratıcı, daha parlak, cesur ve ayarlanmış renk şemalarını seçer. Tasarımcılar renkleri yeni bir şekilde birleştirir ve çeşitli desen ve şemalar oynarlar. Merkezi Renk Paleti eklentisi, WordPress tasarımcılarının web sitelerine ayarlanmış merkezi bir renk şeması oluşturmasını kolaylaştırır. Daha fazla GIF ve Animasyon Doğru kullanıldığında GIF’ler ve kısa animasyonlar web sayfalarına birçok şey ekleyebilir. Bir şeyi vurgulayabilir, biraz mizah ekleyebilir veya bir duyguların altını çizebilirler. Giphy muhtemelen en ünlü GIF kaynağıdır. Ayrıca WordPress için oldukça havalı bir eklenti var. Giphypress, WordPress kullanıcılarının Giphy’nin koleksiyonundan alakalı ödüller almasını ve ardından bunları WP içeriğine eklemelerini kolaylaştırır. Otomatik Dönen Videolar Birçok insanın can sıkıcı, otomatik dönen videolar hala orada gibi görünmesine bakılmaksızın. Tasarımcı bunu kucaklıyor ve kullanıcı da (yavaş olsa da). WordPress sayfanızda otomatik oynatma videosu kullanmak istiyorsanız, bu öğreticiye bakın. Bu öğretici, çalışmanın adım adım kolay bir formatta nasıl tamamlanacağını açıklar ve ayrıca bazı en iyi uygulama önerileri verir. Son olarak, otomatik dönen videodaki varsayılan ses standartlarını aktif olarak kullanmayı düşünün. Mobile First’in ilk cep telefonu, hücresel tasarım için tercih edilen bir yaklaşım olarak mobil dostu olarak hızla yerini alır. Hücresel, mobil cihazlara ikincil bir düşünce yapmak yerine öncelik verir, bu da hücresel kullanımın yüksek olduğunu ve artmaya devam ettiğini düşünürseniz mantıklıdır.