2017 için bilmeniz gereken 10 en popüler web tasarımı trend
Web hızla gelişen bir alandır. Teknoloji ve geliştirme teknikleri hızlı bir şekilde ortaya çıkabilir. Artırmaya devam eden araçlar, arayüzler ve etkileşimler tasarlarken daha fazla özgürlük sağlar. Ve bu nedenle, web tasarım kalıpları ve teknikleri kısa sürede bir trend olmaya başlayabilir. Aşağıda, 2017’de hatırlanması gereken web tasarımı trendlerinin bir listesi bulunmaktadır. Hepsi yeni değil; Bazıları 2016 yılında popülerliklerini elde eden ve/veya koruyan stillerdir. Bunun genel olarak 2017’de başlatılan yeni bir web sitesi için kullanılmaya devam etmesi bekleniyor.
Site tasarımınızda uygulamak isteyebileceğiniz bazı yeni teknikler ve teknolojiler de vardır. Bu mutlaka yaygın olarak kullanılmaz, ancak şimdi ön planda kalmak için kullanmak isteyebilirsiniz. Bir web sitesi için renk seçimi renk çok önemlidir. Bu, duyguları, düşünceleri ve ziyaretçi dönüşüm seviyelerini etkileyebilir. Peki, 2017 için bir renk trendi ne olacak? Pantone 2017 Renklerini – Greenery’yi piyasaya sürdü. Yeni bir başlangıç sembolü olarak seçildi; ferahlatıcı ve canlandırıcı renkler. 2017’deki her web sitesinin yeşil olmasını beklemiyorum, ancak bundan esinlenen bazı web tasarımları olacağından eminim.
Renk kombinasyonları hakkında ilham arıyorsanız, 2017 sayfasında bazı Pantone Renk Çifti önerileri görebilirsiniz.
Modern retro, 80’lerden ve 90’lardan esinlenen piksel sanatı, vintage tipografi veya görüntü; Şimdi modern bir dokunuşla retro. Bu stili kullanan birçok site ile son birkaç yıldır web tasarımı üzerinde daha büyük bir etkiye sahipti. Robby Leonardi’nin etkileşimli özgeçmişi, modern bir retro’nun parlak bir örneğidir. Yarı/modern piksel sanat stillerini Super Marioesque video oyununun bir rulo tarafı ile birleştirdi. Robby Leonardi’nin platform tarzı web sitesi. Sweet Manolya Gelato’nun eski bir ekranı var, ancak bazı ilginç animasyonlar kullanıyor. Bu, eski tarzın cazibesini korurken bu kaygan modern nüansı verir. Karaborsa, modüler bir düzen ile birlikte eski bir ekran kullanır. Bu site, karaborsa tarafından sunulanlarla iyi çalışan kırsal bir çekiciliğe sahiptir.
Cinemagraphs Cinemagrafs, tekrarlanan hareketlere sahip unsurlara sahip fotoğraflardır. Son zamanlarda popülerlik kazandılar ve öyle olmalı; İyi yapılan sinemagraf görsel olarak çarpıcı olabilir. Cinemagraflar bir GIF veya video dosyası olabilir. Her ikisi de yüksek kaliteli Cinemagraph ise oldukça büyük bir dosya boyutu üretebilir. GIF Cinemagraph kolayca 3MB’den fazla olabilir, bu nedenle video akışı düşünmek isteyebilirsiniz. Flixel’de iyi sinemagrafların birkaç örneğini görebilirsiniz; Bu tür görüntü veya video için barındırma hizmeti. İnsanlar tarafından yapılan bazı büyük işleri görmek için etrafa bakın. Aşağıda birçok yüksek kaliteli sinemagrafın sadece bir örneği bulunmaktadır. Google Malzeme Tasarım Malzeme Tasarımı 2014’ten beri mevcuttur. Temel olarak, bu kaliteyi dijital formata çevirerek kağıt ve mürekkep prensibine dayanarak yapılır. Örneğin, bir düğme gibi neye dokunmanız gerektiğini göstermek için gölgeler ve kenarların kullanılması.
Web siteniz için bir renk şeması seçmek için yardıma mı ihtiyacınız var? Renk paleti tasarım malzemesi iyi bir başlangıç noktası sunar.
Son yıllarda, malzeme tasarımı daha popüler hale geldi, CMS için yapılmış birçok tema ve şablon ve Twitter bootstrap gibi ön uç çerçeve. Malzeme tasarımı hakkında duyacağınız eleştirilerden biri, malzeme tasarımı kullanılarak inşa edilen birçok sitenin çok benzer görünmesidir; Belki çok benzer. Bunun nedeni, sadece prensibi uygulamak yerine çok katı bir malzeme tasarım stiline bağlı olmasıdır. Sadece malzeme tasarımı prensibi değil, gerçek stil veya tema. Bununla birlikte, bazı tasarım topluluklarının aktif olarak maddi tasarıma karşı çıktığını veya en azından stereotip stiline karşı çıkarken, bu ilkeleri uygularken görebiliriz. En saf haliyle iyi malzeme tasarımı örnekleri malzeme tasarım bloglarıdır (sürprizler, sürprizler). Burada malzeme tasarımı ilkelerinin çoğunu çalışırken görebilirsiniz. Yaratıcı ve Kalın Tipografi 2016 Çok yaratıcı tipografinin bazı kullanımlarını görün ve 2017 muhtemelen hangi sınırların türü yapacağını teşvik etmeye devam edecek. Türün sadece ekranda daha fazla yer almakla kalmayıp, aynı zamanda normalde kullandığınız her zamanki web yazı tiplerinden daha yaratıcı tipografi görmeyi umuyor.
Nurture, şık ve şık web siteleri oluşturmak için tipografi ve videoları birleştirdi. Arka planda bir video çalınır, yalnızca “Nuture” kelimesinden bir sermaye mektubu ile görülebilir. Verandanın her bir bölümünde gezintiğinizde videolar ve mektuplar değişir.
Friends, ABD merkezli bir tasarım ajansıdır. Siteleri, ana özellik olarak gerçekten göze çarpan geniş ve kalın bir tip kullanıyor. Modüler tasarım modüler tasarım yeni bir şey değil, ancak son birkaç yıldır popülerlik kazandı. Bu, düzen öğeleri için modüler bir blok kutu deseni kullanan bir tasarım yaklaşımıdır. ‘Modüler tasarım’ için arama ilgisini gösteren Google Trendleri verilerinin 2011’in başından beri arttığını görmek. Bu olumlu eğilimin 2017’de devam edeceğini tahmin ediyorum.
Build in Amsterdam çok yüksek bir modüler tasarım web sitesi oluşturdu. Modüler yaklaşım, içeriğin her öğesini açıkça tanımlamaya yardımcı olur.Warwick Üniversitesi ayrıca web sitelerine modüler bir tasarım yaklaşımı ekledi. SVG Çok değişen diğer logolardan ve görüntülerden sıkıldınız mı? Öyleyse, PNG ve JPG formatları yerine SVG dosyalarını denemelisiniz. SVG biçimi tüm görüntüler için uygun değildir; Sadece vektör çizelgeleriyle çalışacaklar, bu nedenle sınırsız fotoğrafları gidip dağıtamazsınız. Ancak, bir logo gibi görüntüler için çok iyi çalışıyorlar. SVG 1999’dan beri var, ancak yine de, SVG daha uygun bir format olacağı zaman görüntüler için kullanılan PNG ve JPG formatlarını görüyoruz. Bunların hepsi değişecek gibi görünüyor. Daha fazla SVG’den bahsedilebilir ve Google Trends verileri, SVG’ye olan ilginin 2013’ten bu yana yıldan yıla büyüdüğünü göstermektedir. 2017’de bu formatın kullanımında bir artış ve konuyla ilgili yazılan makalelerde bir artış bekliyorum. Neden SVG kullanmanız gerekiyor? Bunun ana nedeni, svg görüntüsünüzün ölçek ne olursa olsun mükemmel bir şekilde görüntülenmesidir. Ayrıca, SVG formatındaki görüntüler çok küçük dosya boyutlarına sahip olma eğilimindedir; Sayfanızın hızı için iyi. SVG’yi çalışırken görmek istiyorsanız, bu sayfanın sol üst köşesindeki WPMudev logosuna bakın. Tarayıcınızı kullanarak büyürseniz, ne kadar genişletirseniz genişletirseniz, logonun piksellenmediğini göreceksiniz. Tersine, WPMudev logosu keskin ve yüksek kalitede kalır. Flexibel Flexbox kutusu, çok daha verimli hale getiren ve çeşitli ekran boyutları ve cihazlar kullanılarak görüntülenecek sayfanın düzeni ile çalışırken tahmin edilebilen bir CSS3 düzen modudur. Flexbox ilgi görmeye devam ediyor ve şimdi tüm modern tarayıcılar tarafından desteklenerek, daha fazla ön uç geliştiricinin bunu kullanması muhtemeldir. Temiz duyarlı bir tasarım, ücretsiz hackleme için CSS3 Flexbox’ı anlamak için FlexBox hakkında daha fazla bilgi edinebilir ve modern WordPress web sitelerinin tasarımı için ızgara CSS’yi anlayın. 360 video &
VR 2016 VR yılı oldu. Birçok VR oyun kulaklığı yayınlandı ve Video 360 arama ilgisinde bir artış yaşadı. Umarım tasarımcılar 2017’de web sitesine 360 video girmenin ilginç yollarını düşüneceklerdir. Bilmiyorsanız, Google VR View, kendi web sitenize 360 video deneyimi eklemenize izin veren bir JavaScript API’sıdır. Google VR ekranı hakkında daha fazla bilgiyi buradan edinebilirsiniz. Yeni Blair Witch filmi için Interactive VR 360 VR deneyimi yaratıldı. Bu en iyi cep telefonunda bir cep telefonunda görülür. Cep telefonunuz için bir VR kulaklık kullanan mikro etkileşim mikro etkileşimi, kullanıcıların web sitenizle etkileşime girdiği tek ve özel bir andır. Sadece bir web sitesi olmak zorunda değil, ama bizim durumumuzda durum böyle. Bu anlar, gönderileri sevme, mesaj gönderme veya form sütununu doldurma gibi eylemler şeklinde olabilir. Bu anlarda mikro etkileşimin amacı, kullanıcı için geri bildirim ve rehberlik sağlamak, UX’i artırmaktır. Mikro etkileşim giderek daha popüler hale geldi ve kullanıcılara geri bildirim ve yönergelerin nasıl verilme biçimleri daha yaratıcı hale geldi. 2017’de bundan daha fazlasını görmeyi umuyoruz. Aşağıda Igor Izhik’in animasyonlu bir mikroorperasyon örneği var. Bu animasyon, benzer ve sevmeme etkileşimi içindir. Dribbble’ın üzerindeki animasyonu görebilirsiniz. Sarma, izlenmesi gereken 2017 web tasarım trendini bitiriyor.Umarım bu sizi popüler olmanın farkında olmadığınız birkaç yeni tasarım kalıbı ve web teknolojisine tanıtmıştır.Sitenizi tasarlarken eğlenin, ancak unutmayın, sadece modaya uygun olduğu için bir şey kullanmanız gerekmez.Kullanıcılarınız için deneyimi geliştirdiğinden emin olun. Size göre 2017’de bir web tasarımı trendi ne olacak?Bize aşağıdaki yorumlarda anlatın. Etiket:
tasarım
