17 WordPress Web Tasarım Trendleri 2017’de bekleyebileceğimiz
Yıl sonu görünür. 2016 geldi ve gitti ve bu, bu yıl bize getirilenleri yansıtmanın zamanı geldi. Şimdiye kadar diğerleriyle birlikte iki ana WordPress sürümü, Aralık ayı başlarında, on küçük sürüm, bugüne kadarki en büyük WordCamp, yüzlerce yeni eklenti ve tema ve daha fazlası için planlanıyor. Ancak, bu sadece yansıma için değil, aynı zamanda ileriye bakmak için de zamandır. 2017 yakın ve yeni gelişmeler vaat ediyor. Bu tonda, önümüzdeki yıl web tasarımının nasıl değişeceğine dair bazı tahminler yapmanın iyi bir fikir olacağını düşünüyoruz. İki yıl önce 2015 için benzer bir makale yayınladık ve tasarım her zaman değiştiği için bunun tekrar yapmak için doğru zaman olduğunu düşündük.
Bu nedenle, kendinizi ve WordPress sitenizi gelecek yıl hazırlamak için, yaklaşan 2017 web tasarım trendlerini bize göreceğiz. Bazıları tanıdık gelecektir, birçoğu yıllardır olan şeylerin doğal devamıdır, ancak diğerleri ABD’de sürünmüştü. Birlikte kristal topa bakmaya hazır mısınız? O zaman başlayalım. 2017’de dikkat edilmesi gereken web tasarım trendleri, daha fazla uzatmadan, önümüzdeki yıl web tasarımı ve web geliştirme alanında bekleyebileceğimiz bazı şeyler. Mobil ve duyarlı tasarım
Bu nedenle, duyarlı tasarımla biraz karıştırılıyorsanız, WordPress için duyarlı tasarım ve bir WordPress teması nasıl yapılacağı ile ilgili ana kılavuzumuzu kaçırmayın. Ayrıca Google’ın size herhangi bir web sitesinden hücresel misafirperverliği hakkında derinlemesine bilgi verebilecek yeni bir test aracı olduğunu da bilmek isteyebilirsiniz. Yaşa duyarlı tasarım ve bekleme eşleme, daha duyarlı tasarım? Evet, ama bu sefer ekran boyutuyla ilgisi yok. Adından da anlaşılacağı gibi, duyarlı tasarım adapte olma yeteneği ile ilgilidir. Ancak, kullanıcının cihazına uyum sağlamak, ihtiyaçlarını karşılayan ilk adımdır. Aslında çok daha büyük bir zorluk olan insanların kişisel ihtiyaçlarına uyum sağlamak, ancak yakın gelecekte gelecek eğilim.
Yaş uyarlanabilir içeriğine ve site yapısına hazır olun. Demografik işaretleyicileri olan kullanıcıları hedeflemek çevrimiçi reklamlarda yaygındır ve web siteleri aynı şeyi yapmaya başlayacaktır. Reklamverenler her zaman iyi çalışmaz. Annem son zamanlarda sadece 60 yaşında olduğu için Facebook’un onu ebeveynler için ürün reklamlarıyla bombaladığından şikayet etti. Web siteleri kullanıcının yaşına nasıl uyum sağlayabilir? Örneğin: Gezinme menüsünü değiştirmek ziyaretçi yetkinliklerine bağlıdır
İhtiyacı olanlar için okunabilirliği artırmak için yazı tipi boyutunu ve alanı ayarlayın
Daha iyi kontrast için renk şemasını değiştirin
Aynı şey web erişilebilirliğinde de görüldü. Daha fazla bilgi için, WordPress’te erişilebilirlik standartlarının nasıl uygulanacağına dair makalemizi okuyun.
Bütün bunlar neden önemlidir? Çünkü 2017’de, birçok yeni başlayan, çocuk, ebeveyn ve çeşitli yeteneklere sahip kullanıcılar da dahil olmak üzere dünya nüfusunun yarısından fazlası çevrimiçi olacak. Bu nedenle, web tasarımcıları için bir başka önemli araç, bu kullanıcı grubu grubundan potansiyel sorunların öngörülmesine yardımcı olan ve çözümler sunan bir arıza haritalamasıdır. Klasik istemci seyahat haritası, kullanıcıların kullanım yolculukları boyunca web siteleriyle nasıl etkileşime girdiğini tahmin etmek için çok yararlı olsa da, harita genellikle sadece ideal kullanıcıları ve kullanım durumlarını işler. Bununla birlikte, öğrendiğimiz gibi, çevrimiçi kullanıcı grupları giderek daha çeşitlidir ve web sitelerinin bu duruma uyum sağlaması gerekir. Başarısız birleştirme, tasarımcıların ve web geliştiricilerinin ideal olmayan ve uygun önlemleri daha iyi anlamalarını, öngörmesini ve modellemelerine izin verir. Özel resim
Biz şehir dışındayken, eşim ve ben birçok fotoğraf stokunda bulunabilecek bu bir kadını göstermeyi seviyoruz. O heryerdedir. Kamyonun yanında bulduk ve gözlüklerden fitness kulüplerine kadar her şeyi ilan ettik. (Eğer merak ediyorsanız, işte burada.) Açıkçası, orada en yaygın kullanılan görüntülerden bazılarında, o kadar çok dikkat etmeye başlıyoruz, bu bir sorun. Şirket çok değiş tokuş edilir. İnternette de yaygın olan sorunlar.
Artan web sitesi tasarımının standardizasyonu ile birlikte (ekran görüntüsü hayalet düğmesi ile doludur, kim?), Birçok site özgünlük ve markayı kaybeder. Sorun 2015 Wordcamp Berlin’de de gösteriliyor. Neyse ki, mevcut gelişme bunun 2017’de değişeceğini gösteriyor. Kalabalıktan öne çıkabilmek için birçok marka ve şirket şimdi önce sipariş edilen tasarım öğelerine doğru ilerliyor. Bekleyebileceğimiz şey bu. Çok yönlü, eğlenceli, arkadaş canlısı ve birçok yerde kullanılabilir. Şirketler ve web siteleri, kitleleriyle gerçekten bağlantı kurmaya yardımcı olabilecek özgünlük, kişilik ve karakter nüansları sağlamak için birçok farklı stil seçeneğine sahiptir.
Büyük tipografi Özel görüntülerin görüntüler anlamına gelmesi gerekmez, aynı zamanda görüntü olarak kullanılan web öğeleri de olabilir. Bunun için iyi bir seçim tipografi, Google yazı tipi ve diğer sağlayıcılar tarafından halka ücretsiz olarak sağlanan bir şeydir (Google yazı tipini WordPress’e nasıl ekleyeceğinizi öğrenin). Özellikle okunması daha kolay ekran boyutlarında ve yazı tiplerinde bir artışla, bu yönde daha fazla şey olacak. Özel fotoğrafçılık fotoğrafçılığı kesinlikle bir rol oynamaya devam edecektir. Bununla birlikte, başkalarının vizyonunu kullanmak yerine, markalar ve tasarımcılar (umarım) kendi görsellerini yaratmaya (veya profesyonellerden onlar için yapmalarını isteyecektir) hareket edecektir. Tabii ki, fotoğraf stoku hala web üzerinde bir dayanak noktası olacak, ancak 2017’de gelişmeleri başka bir yönde göreceğiz.
Video! Her yerde video! Sessiz görüntülere ve fotoğraflara ek olarak, hareketli görseller de daha önemlidir.Aslında, HubSpot 2018’de video tüketiminin İnternet trafiğinin neredeyse yüzde 80’ine ulaşacağını gösteriyor.Bu gelişme sosyal medyada ve Periscope ve Meerkat gibi canlı akış hizmetleri ile görülmüştür. Videonun avantajı, diğer medyanın sahip olmadığı hikayeleri ve anlatıları anlatabilir.Ses ve hareketlerle, fotoğrafçılıktan daha güçlü olan daha fazla duyu çekebilir ve duyguları uyandırabilir.Özellikle tam ekran videosu son yıllarda daha popüler olabilir ve 2017’de devam ediyor. Ancak, benim için kişisel olarak oldukça ilginç olan bir unsur Cinemagraph’lar.
Kaynak: Cinemagraphs.com Yukarıdaki örnekten görebileceğiniz gibi, Cinemagraph sessiz öğelerin ve hareketli öğelerin bir karışımıdır ve sitenizdeki görseller için çok ilginç olanaklar açar. Bu yeni görsel medya türü sosyal medya kanallarını ele geçirdi, ancak web sitesinde ilk örnek de var. İnterstisyel kaygıyı optimize eden aracıların kaygısı, etkileşim tasarımcıları arasında yaygın bir ifadedir (hiç duymadıysanız endişelenmeyin, ben de görmüyorum). Bu, kullanıcının harekete geçme ve bir yanıtla değerlenmesi arasında hissedilen gerginliğin kısa durumunu ifade eder. Web sitesine gelirken, bağlantıya bağlı olarak, ikisi arasında bir gecikme olabilir ve bir anksiyete anını tetikleyebilir. Siteniz veya ürününüzle tekrarlanan bir deneyim ise, birikebilir ve hayal kırıklığına neden olabilir. Ancak, böyle olmak zorunda değil. Bu anı, deneyimi daha pürüzsüz hale getiren akıllı geçişler yaparak faydalarınız için de kullanabilirsiniz. Buradaki önemli anahtar kelime mikro etkileşimdir. Bu, kullanıcıları yolculuklarında onlara rehberlik etmelerini eğlendiren görsel geri bildirim sağlayan ekrandaki küçük bir animasyondur (tıkladığınızda maviye dönen Facebook benzeri düğmesi gibi). Tarayıcı giderek daha fazla hareketli öğeleri işleyebildiğinden, tasarımcılar yükleme animasyonlarını, UI geçişlerini, yukarıda belirtilen sinemagrafları ve bunları eğlendirmek için diğer görselleri kullanabilir.
Bunların birçoğunu 2016’da gördük ve 2017 web tasarım trendlerinden biri olarak devam edeceğiz. Ancak gelecekte, JavaScript’ten CSS destekli animasyona daha az teknik ek yüke olan geçişi göreceğiz. Kartlar ve Izgara Tasarımı (benzersiz) kart tabanlı kullanıcı arayüzleri, Pinterest, Facebook, Twitter, Netflix ve Google Malzeme Tasarımı (özellikle AMP kartları) sayesinde daha yaygın hale gelir. Kartlar, içerik parçalarını birkaç parçaya bölmenin ve yönetilen parçalarda büyük miktarda bilgi görüntülemenin çok yönlü yollarıdır. Kolayca seyredilirler ve hücresel ve duyarlı öncelik veren tasarım desenleri ile iyi çalışırlar. Bu nedenle, ertesi yıl onlardan daha fazlasını görebileceğiz. Bununla birlikte, aynı zamanda gelişmeleri ters yönde gözlemleyebiliriz. Tasarımcılar, şaşırtıcı yeni tasarım deneyleri ve düzenleri için standart ızgarayı kırıyor. Klasik sırayı takip etmeyerek, web siteleri katmanlar, derinlik ve akışkanlık ile dolu daha ilginç görseller ve açık yaratıcı olasılıklar yaratabilir. Yoldan geçmeyi planlıyorsanız, sitenizin odak noktası olarak her zaman kullanıcının dostluğunu koruduğunuzdan emin olun. Haddeleme ve hikaye anlatımı efektleri
Mobil cihazların ortaya çıkışı sayesinde, tek sayfa web sitesi son yılların en büyük trendlerinden biri haline geldi. Tüm bilgileri, tıklama ihtiyacını ortadan kaldıran ve internete giren gezinme olarak kaydırmayı sağlayan birkaç sayfa yerine bir sayfaya paketlemek. Bu gelişme, tasarımcıların site navigasyonunu daha çekici hale getirmesi için birçok yeni seçenek sunuyor. En ünlü örneklerden biri elbette pacing. Ancak, bu konu hakkında çok şey söylendi ve artık tartışmayacağım. Bu trendin en ilginç örneklerinden biri, bir dizi web sitesi tarafından yürütülen görsel bir hikaye ayrımıdır. Özellikle Peugeot’un grafik romanları bunun inanılmaz bir örneğidir. Apple ürün sayfası da kaydırma efekti kullanmayı sever. Düz 2.0 ve parlak renkler 2013’te, düz tasarımlar ateş gibi yayılmaya başladı ve web’in aşırı unsurlarını ortadan kaldırmaya başladı. 2014 yılında Google’ın yeni malzeme tasarımının ortaya çıkması ve şimdi her yerde görülebilir. Ancak, 2017’de sadece hareketini görebiliriz, çünkü dürüst olmak gerekirse, birçok web sitesi tekrar çok benzer görünmeye başladı. Bununla birlikte, genel olarak internet, düz bir tasarım probleminden sonra ve artırılmış gerçeklik ve sanal gibi şeylerle ana akışın bir parçası haline gelir. Bu nedenle, yukarıda belirtilen örtüşme, gölge ve kartlar gibi diğer skeumorfik tasarım öğelerine hazırlıklı olun. Aynı zamanda, bu tasarım yaklaşımıyla birlikte gelen oldukça yumuşak bir renk paletinden geçişi de göreceğiz çünkü marka renkleri kullanırken daha cesur hale geliyor.
Modern teknolojinin daha iyi bir renk görünümüne izin vermesi, 2017 web tasarım trendlerinden biri olarak aşırı doygunluk, parlak renk tonu, gradyan ve renkli gölge için hazırlıklı olması gerçeği. Fotoğraflar ve çok daha fazlası olarak. Diğerleri Yukarıdakilerden bağımsız olarak, 2017’de daha fazlasını görebileceğimiz birkaç şey daha var: Sanal Gerçeklik – Sanal Gerçeklik Ekipmanları Mevcut Olabilir. Birçok şirket sektörde ciddi ilerleme kaydediyor. Doğal olarak, web’in bu gelişmeye tepki vermesini bekleyebiliriz. Görünen dokunsal teknoloji ile birlikte, önde çılgın şeyler var. WordPress.com VR ve 360 içeriği görüntüleme yeteneğini açıkladı.Hız- Hızla Yükleme Özellikle Hücresel için, 2017’de bir web tasarımı trendi olmaya devam edecektir. Bu konuyla ilgili bazı talimatlar için WordPress’in nasıl hızlandırılacağına dair makalemizi okuyun.
Merkezi/Ayrı İçerik – Aynı web sayfasındaki tam ekran içeriği ve ayrı içerik arasındaki değişiklikler, farklı tasarım ihtiyaçlarını tek bir yerde karşılamanın iyi bir yoludur. Daha önce bahsettiğimiz kaydırma efekti ile de birleştirilebilir. İşte iyi bir örnek. Her yerde şifreleme – Ücretsiz SSL Let’s Şifreleme Sertifikaları gibi yüksek profilleri hackleme ve geliştirme ile şifreleme, artık yalnızca çevrimiçi mağazalar, bankalar ve diğer hassas bilgileri ele almak için değildir. Hemen tüm web sitelerinin sahip olması bekleniyor. Aşağıdakiler bu konuda bir öğreticidir.
