2015 WordPress web tasarımına hakim olan 15 trend (site + serin tema örnekleri)
Yeni yıl büyük bir umut getiriyor. Her 1 Ocak, dünyanın dört bir yanındaki milyonlarca insan, yeni duyumlar deneyimleme ve hayatlarına bazı olumlu değişiklikler getirme arzusunu yapar. Bir web tasarımı söz konusu olduğunda, durum neredeyse aynı. 2014’te, web tasarımında değişiklikler ve sitemizin görünümüne temiz hava sağlaması beklenen yeni eğilimler hakkında bir dizi tahminle sona erdik. Şimdi, 2015’e girdiğimizde, dünyanın dört bir yanındaki web tasarımcıları tarafından hangi özel trendlerin uygulandığına bakalım. Bu, 2015 için en iyi 15 web tasarım trendinin geleneksel bir grafiği değildir. Bugün, dikkatinizi WordPress tarafından desteklenen web siteleri tarafından benimsenen ana tekniklere odaklayacağız. Bu listenin her trendini, ilk uygulandığı yerde zaten var olan örnek sitelerle göstereceğiz ve size hızlı ve kolay bir şekilde kendi işiniz için modaya uygun tasarımlar oluşturmanıza yardımcı olabilecek ücretsiz WordPress ve premium temalar sunacağız.
Bu trendin ilk cep telefonu yeni değil. Bununla birlikte, eskisinden daha yüksek hücresel kullanımı ile, tamamen duyarlı bir web sitesi oluşturma talebinde bir artış vardır. Bu, sitenizin farklı ekran boyutlarına ve çözünürlüğüne sahip cihazlarda harika görünmesini sağlamakla ilgilidir, bu da sizi web sitenizin hücresel bir sürümünü oluşturma gerekliliğinden kurtarır. Buna ek olarak, bu daha iyi bir SEO sağlar ve seyahat ederken tasarımda herhangi bir değişiklik uygulamanız gerektiğinde hayatınızı kolaylaştırır. Uyum yapabilir
Minimalizm Hücresel İnternet kullanımı 2014’ün başlarında İnternet PC’lerinin kullanımını aşar ve tasarlanan web sitesinin yöntemi üzerinde bir etkisi vardır. El cihazında bir masaüstünden daha küçük bir ekran boyutuna sahip olduğundan, hücresel odaklı web siteleri, daha minimalist ve zarif bir ekran sergiliyor, çok sayıda boşluk, basit renkler, gölgeler ve degradeler olmadan – bunlar web sitesinin standını gösteren bazı önemli unsurlardır. dışarı. Bu teknik aynı zamanda modern bir web sitesinin masaüstü sürümüyle de oynar, bu nedenle modern bir web sitesi için tasarlarken lütfen bunu hatırlayın. Yaunite – Ücretsiz minimalist WordPress Düğün Teması DEMO | Düz unsurları indirin Bu web tasarım eğilimi de yeni olmasa da, bu eğilim son üç yıldır çok popüler hale geldi. Microsoft, 2012’de OS-Windows 8’in en son sürümünü ilk tanıttığında, insanlar düz tasarımdan etkilendi. O zamandan beri, çevrimiçi topluluk eğilimi popülerleştirmeye başladı, web sitelerinin tasarımında, özellikle simgeler, menüler ve illüstrasyonlar gibi unsurlarda. Düz bir web tasarımının beklediğimiz gibi her zaman düz olmadığı belirtilmelidir. Bazen geliştiriciler izleyicileri “vay” için fotoğrafları, ince gradyanları ve dokuları birleştirir. Muzli Melissa – Düz WordPress teması ücretsiz DEMO | Kartları veya Fayansları İndirin Fayans, web sitenizdeki içeriği derlemenin başka bir harika yoludur. Daha önce, bunu nadiren web tasarımına entegre görüyoruz, ancak düz tasarımları ve giderek daha popüler olan Windows 8’i popülerleştirerek, karolar hücresel ve masaüstü odaklı web tasarımlarıyla çok uygun. Buna ek olarak, bu tür teknikler de sınırsız navigasyon sağlayan dostça dokunmaktadır. İçeriği fayans yardımıyla ayarlayın, düzeni iyi yapılandırılmış ve dengeli hale getirirsiniz. Bu, diğer 2015 önde gelen web tasarım trendleriyle birlikte mükemmel bir şekilde çalışabilir. Örneğin, bu herhangi bir ekran boyutuna kolayca ayarlanabilir. Rulolar ve minimalist web siteleri de fayans kullanabilir. Bulgu – Tam Ekran Portföyü ve WP Blog Teması DEMO | Daha fazla bilgi için, son birkaç yıldır paralaks paralaks kaydırmalarının etkisi moda olmaya devam ediyor, ancak bu tekniğin web tasarımında uygulama şekli geliştirildi. Bununla birlikte, paralaks haddeleme alanlarının çeşitli varyasyonlarının bir benzerliği vardır – tasarımcılar üç boyutlu efekt elde etmek için fare hareketleri veya sayfalar kullanırlar. Bu teknik, izleyiciyi büyüleyici hikaye anlatımı ile etkilemek isteyen bir sayfa web sitesi arasında çok popülerdir. Parallax Rolls, şirketin web sayfalarını ve kişisel bloglarını daha ilginç hale getirecektir. Aşağıdaki paralaks sitesi örneğine bakın. Bu tekniği web sitenize uygulamak için belirli kodlama becerilerine sahip olmanız gerekir. Bununla birlikte, iyi haber şu ki, güvenilir sağlayıcılardan (Templatemonsters, Woothemes, Themeforest, zarif temalar ve daha fazlası gibi) kullanılabilir temalar için birçok hazır seçeneği var. Sitenizden ayrı bir hücresel versiyon oluşturmak istemeyenler için, güzel tasarlanmış birçok duyarlı WP şablonu da mevcuttur. Giacomorellitema WordPress Active Sports DEMO | Daha fazla bilgi için, olağanüstü navigasyon olan navigasyon her zaman favori web tasarımcılarının oyun alanlarından biri olmuştur. Tabii ki, şimdi flaş bazlı bir tasarım kadar zengin değil. Ancak, web sitenize uygulanmaya değer birçok harika ve etkili hile vardır.
Örneğin, yapışkan bir menü en popüler unsurlardan biridir. Bu, gezinmeyi kolaylaştırmaya ve kullanıcılara sitenizdeki diğer sayfalara hızlı erişim sağlamak için önemli ölçüde yardımcı olur. Modern web tasarımında bulabileceğimiz bir başka yaygın hile, uçuş menüsüdür. Minimalist bir tasarım oluşturmak için gelişen bir eğilim vardır ve uçuş menüsü yerden tasarruf etmenize yardımcı olabilir. Navicon (veya Hamburger menüsü), mega düşüş ve tam ekran navigasyon menülerinin 2015 yılında hakim olması muhtemeldir. Blue Cadet Hemlock – Duyarlı WordPress Blog Teması DEMO | Daha fazla bilgi
Büyük ve kalın tipografi tarihsel olarak yazılı medya tipografiye özel bir vurgu yaptı. Bununla birlikte, trend yavaş yavaş web’e geçti ve şimdi, ayrıntılara dikkat ederek şaşırtıcı yazı tipleri kullanılarak güzel tasarlanmış birçok web sitesini bulabiliriz. Özel bir yazı tipi kullanarak, daha uyumlu ve dengeli bir görünüm üreten medyayı ve yazılı içeriği sitenize kolayca entegre edebilirsiniz. WordPress Premium Lefty Tema DEMO | Daha fazla bilgi için tembel yükleme efekti tembel yükleme sadece WordPress sitesinin görsel çekiciliğine katkıda bulunmakla kalmaz, aynı zamanda daha hızlı yükleme hızları sağlar. Diğer birçok unsur gibi, eğilimler de yeni değildir. Bununla birlikte, sürdürülebilir hücresel ağın büyümesi dikkate alındığında, yavaş yükleme sadece talebi artıracaktır.
Masaüstü cihazlarının olasılığı daha karmaşık hale geldiğinden, web kaynakları içerik açısından biraz ağır hale gelir, yüksek çözünürlüklü videolar, zengin grafikler, reklamlar ve daha fazlasını gösterir. Adından da anlaşılacağı gibi, bu teknik üst parodaki görüntülerin yüklenmesine izin verirken, diğer site içeriği yavaş yüklenir. Thekorner
Extreme Sports Club WordPress teması
DEMO | Daha fazla bilgi 960 piksel standart sayfa ile sınırlı olmak yerine tam genişlik düzeni, tam genişlik düzeni ekranı doldurur ve WordPress tabanlı ultra modern bir ekran sitesi sağlar. Tam genişlik düzeni, web sitenize diğer birçok sayfadan daha az olabilecek birkaç sınırla açıklık duygusu katabilir. Trinity SFShore – Yaratıcı Çok Amaçlı WordPress Teması DEMO | Daha fazla bilgi için, arka plan videosunun dinamik arka planı sitenizde belirli bir atmosfer oluşturabilir. Bu, farklı içerik bloklarını ayırmak için bir blok olarak kullanıcının dikkatini çekmek veya sadece hedef kitleye hikayenizi anlatmak için başlıkta uygulanabilir. Modern kullanıcılar, yazılı verilerden daha fazla görüntü ve özellikle videolara takıntılıdır. Yani, web sitenizi kaliteli bir arka plan videosu ile yenileyerek, her zaman kazanırsınız. Şişmiş Anders Hedetema WordPress Portföyü DEMO | Daha fazla bilgi için, hikaye anlatımı sitenizde paylaşmak için iyi bir içeriğe sahiptir. Ancak, modern kullanıcıların aradığı büyüleyici bir hikaye ayrımı. Hikaye anlatımı, kitleniz ve markanız arasında duygusal bir ilişki kurmak için güçlü bir araç olabilir. Görüntüler, videolar, arka planlar, illüstrasyonlar, maskotlar, paralaks ruloları, sosyal medya ve elbette kelimelerin yardımıyla büyüleyici hikaye anlatımı elde edilebilir. İbrit
Kanıt – ayarlanmaya hazır otomatik rulolar “bir sayfa” teması, retina, DEMO | Daha fazla bilgi için, Hayalet Düğmesi Hayalet Düğmesi, temiz ve minimalist düzen için iyi bir ektir. Bu, başlıkta, afişlerde, kayar bıçaklarda, içerik bloğunda vb. Görülebilir. Hayalet düğmesi, büyük bir kahraman alanı, arka plan fotoğrafı ve tam geniş olan video ile iyi eşleştirildi ve tasarıma zarif bir dokunuş ekledi. Web sitesine hayalet düğmesi eklemenin amacı nedir? Cevap basit – bu, kullanıcıların dikkatini ince bir şekilde çekmenin bir başka iyi yolu. Kentsel etki Hotel Business WordPress teması DEMO | Bu tıklamaktan daha fazla bilgi kaydırması, esas olarak hücresel web büyümesi nedeniyle yapılan başka bir web tasarımı trendidir. Modern kullanıcılar, artık modaya uygun olmamak için mobil cihazlarında sayfaları kaydırmaya alışkınlar. Kullanıcılar web sitenizdeki önizleme içeriğini ana sayfada görmek ister. Bu nedenle, 2015’te daha etkileşimli ve dinamik bir kaydırma deneyimi sağlayan birçok uzun sayfa göreceğiz. Poster FantasimpleKey – Bir Sayfa Portföyünün WordPress Teması DEMO | Daha fazla bilgi için, mikro etkileşim sitenize mikro etkileşimler ekler UX’i artırmanın kanıtlanmış bir yoludur. Bu, ayarları değiştirme, durum gönderme, şarkıları değerlendirme vb. Gibi basit görevleri motive eden veya tamamlamaya yardımcı olan küçük bir etkileşimdir. Birçok web sitesi, kullanıcılar web sayfalarını ziyaret ettiğinde görünen e -posta kayıt formlarını görüntüler. Bu, kullanıcı katılımını artıracak şekilde site etkileşimini artırır. Noel Baba’nın Hikayesi WordPress için ninja pop -up DEMO | Daha fazla bilgi için, web sitesine ulaştığınızda infografik, kullanıcıların çok fazla yazılı bilgiye bakmadan mesajı anlamaları gerekir. Sitenin mesajlarını etkili bir şekilde iletmelerine yardımcı olmak için pazarlamacılar, mesajları eğlenceli ve ilginç bir şekilde sunan infografik fikirlerle birlikte gelirler. Buna ek olarak, infografik eksiksiz, kullanımı kolay ve yaratıcıdır. Kullanıcı katılımını artırmak için ihtiyacınız olan şey bu değil mi? Zeis Excelsa Corpress – WP Business ve Infographic teması
