İçerik
- 01. Güçlü tipografi
- 02. Aşamalı Web Uygulamaları
- 03. İllüstrasyon
- 04. Animasyon ve video
- 05. Pastel paletler
- 06. Özel imleçler
- 07. Renk gradyanları
- 08. Mikro etkileşimler
Web tasarımında çalışmak, sürekli olarak en son gelişmeleri takip etmek zorunda olduğunuz anlamına gelir. Yeni teknolojiler ve teknikler her zaman ortaya çıkıyor ve müşterilerinizin talep ettiği siteleri sunmak istiyorsanız, en azından gelecek vadeden web tasarım araçlarından haberdar olmanız gerekir.
Teknik olanın ötesinde, göz önünde bulundurulması gereken görsel açı da var. Zevkler her zaman gelişiyor ve birkaç yıl önce iyi görünen şeyin bugün daha az çekici görünmesi muhtemel. Web sitenizin düzeninin taze görünmesini ve kalabalığın arasından sıyrılmasını istiyorsanız, en son trendlere ayak uydurmanız gerekir. Öyleyse, bu yılın en ateşli görünümlerinden sekizi için okumaya devam edin, bazıları teknik, bazıları daha estetik ve çoğu önemli.
- Web tasarımının geleceği
01. Güçlü tipografi
Web tasarımı, grafik tasarımla her zaman biraz zayıf bir ilişki olmuştur ve sorunun bir kısmı, bir grafik tasarımcının sayfa boyunca yaratma konusunda aşağı yukarı tam özgürlüğe sahip olmasına rağmen, web tasarımcılarının uzun süre ilkel düzen seçenekleriyle zincirlenmiş olmasıdır. ve en temel tipografi.
Neyse ki bu değişiyor; CSS Izgarası ve Flexbox, tasarımcılara daha fazla baskı benzeri sayfalar oluşturma fırsatı verir ve büyük ölçüde geliştirilmiş tipografi araçları, büyük, cesur ve deneysel tipografik düzenlerin şu anda çok önemli olduğu anlamına gelir ve büyük boyutlu retro yazı tiplerini tam olarak kullanır. stilleri ve ağırlıkları ve ekstra karakter eklemek için çeşitli efektler ve deformasyonlarla tamamlandı.
02. Aşamalı Web Uygulamaları
Her şeye uyan tek bir çözüm değildir, ancak ağırlıklı olarak istedikleri bant genişliğine her zaman sahip olmayan mobil kullanıcıları hedefleyen bir site oluşturuyorsanız, Progresif Web Uygulaması bunu yapmanın zarif bir yoludur. PWA'lar ilerici ve duyarlıdır, bu nedenle herhangi bir platformda çalışmalı ve iyi görünmelidirler ve en önemlisi, çevrimdışı kullanıma izin vermek için hizmet çalışanlarını kullanarak bir internet bağlantısına sahip olmaya bağlı olmayan uygulama benzeri bir deneyim sunarlar. Bir sonraki tam gelişmiş masaüstü siteniz için bir PWA kullanmak istemeseniz de, yüksek etkileşim şart olduğunda hızlı ve hafif e-ticaret siteleri oluşturmak için idealdirler.
03. İllüstrasyon
Bu günlerde, işini gösteren ve ziyaretçilerin özdeşleşmesi için çok ihtiyaç duyulan bazı karakterleri sağlayan düz ve ilginç çizgi film figürlerinin olmadığı yeni bir girişimin sitesini ziyaret etmek zor. Her yerdeler ve şimdilik hiçbir yere gitmiyorlar gibi görünüyorlar, ancak bu özel illüstrasyon tarzının er ya da geç gözden düşeceğinden emin olsak da, web tasarımının temel bir unsuru olarak illüstrasyonun kendisi görünüyor. etrafta dolaşmak için ayarlayın; sadece gelişmesi muhtemel olan tarzdır. Modern görünümlü illüstrasyonları sitenize dahil etmeye hevesliyseniz, öğrenmek için 2019'un illüstrasyon trendlerine yönelik kılavuzumuzu okuduğunuzdan emin olun.
04. Animasyon ve video
Bant genişliğini yakalarken performans artışı sağlayan siteler oluşturmak her zaman akıllıca olmasa da, bir etki yaratmak istiyorsanız bu günlerde ihtiyacınız olduğunu düşündüğünüz tüm dikkat çekici görsel yeteneklerle tam anlamıyla ilerlemek çok daha kolay. Gömülü tam ekran videonun tek kelimeyle düşünülemez olmasının üzerinden o kadar uzun zaman geçmedi; artık sayıları giderek artan sitede görünür durumda ve bir marka hikayesini yayarken anında görsel ilgi göstermenin harika bir yolu. Daha az ağır bir görsel vuruş için JavaScript veya CSS animasyonu sadece sayfada iyi görünmekle kalmaz, aynı zamanda navigasyona hayat vermek ve kullanıcı deneyimini geliştirmek için de kullanılabilir.
05. Pastel paletler
Web tasarım trendleri günümüzde daha genel görsel trendlerle çok daha yakından bağlantılı olduğu için, web siteleri için sahip olunması gereken görünümlerin çoğunun, basılı sayfalarda ve reklamlarda görebileceğiniz türden tasarım kararlarını yansıtması şaşırtıcı değildir. Modası geçmiş bir palet, insanları kapatmak için mükemmel bir yoldur ve bir sitenin son derece güncel görünmesini istiyorsanız, o zaman mevcut renk trendlerini yansıtmanız gerekir.
Şu anda yumuşak pastel tonlar güçlü bir görünüm - örneğin Pantone'un 2019 yılı rengi olan 'Canlı Mercan'a bakın - ancak onları ortaya çıkarmaya gerçekten yardımcı olabilecek şey, baskı tasarımcılarının kullandığı gibi bir veya iki gerçekten canlı ton eklemektir. spot renkler.
06. Özel imleçler
Günümüzde modern web sitelerinin çok fazla görsel ilgiye ev sahipliği yapması nedeniyle, mütevazı fare imleci bazen biraz kaybolabilir, bu da işaretçiyle heyecan verici bir şey yapmaya çalışan sitelerin artan sayısını açıklamanın bir yolunu bulabilir.
Yalnızca fare imlecini başka bir şeye dönüştürmek çok uzun bir süredir mümkündü, ancak özel imleçlerin geri dönüşü, site öğelerine yanıt olarak değişen reaktif imleçler ve bunu izleyen ikincil işaretçiler gibi çok daha ayrıntılı tekniklerin devreye girdiğini görüyor. imleç etrafında, ancak ekranda çok daha organik bir şekilde geziniyor. Şu anda modaya çok uygunlar, ancak bu trendin çok geçmeden tükeneceğinden şüpheleniyoruz.
07. Renk gradyanları
Güzel renk gradyanları uzun zamandır grafik tasarımcıları için mevcuttu, ancak yakın zamana kadar her zaman iyi ölçeklenmeyen bitmap'ler olarak işlenmeleri gerektiğinden web tasarımlarına getirmek zordu. Şimdi, CSS gradyanları, ister basitçe renkli bir arka plan sağlamak isterse de fotoğrafta tek taraftan çekici bir solma yolu sağlayan bir kaplama olarak göz alıcı bir gradyanla bir sayfayı canlandırmanın kolay olduğu anlamına geliyor. CSS degradeleri, Illustrator veya Photoshop CC'de bulacağınız kadar çok yönlüdür ve CSS karışım modları ile birlikte, bunları yaratıcı bir şekilde kullanmanın neredeyse sınırsız yolu vardır.
08. Mikro etkileşimler
Bazen şeytan ayrıntıda gizlidir ve hoş ekstra dokunuşlar eklemek için zaman harcamak, bir siteye çok ihtiyaç duyulan bir kişilik dozu katabilir. Biraz canlandırılmış geri bildirim, kullanıcıları meşgul etmenin ve eğlendirmenin harika bir yolu olabilir, ancak mikro etkileşimler basit görsel geri bildirimlerden daha fazlasıdır.
Gezinmeyi daha net hale getirmek, bir şeyin yüklenmesini beklerken ziyaretçilere güven vermek veya kaçınılmaz hamburger menüsü gibi kullanışlı özelliklere dikkat çekmek için kullanılabilirler. Hayal gücüyle kullanıldığında, izleyicilerinizin ihtiyaç duydukları bilgileri istenmeyen gürültüler olmadan bulmalarına yardımcı olabilirler; Örneğin, Montrö Caz Festivali için bu siteye bir göz atın. Bu site, bir avuç belirleyici kaydırmaya dayalı olarak görmek isteyeceğiniz eylemlerin özel bir listesini bir araya getirecektir. Güzel.
