2010 için Web Tasarım Trendleri
Püristler büyük tasarımın zamansız olduğunu söyleyecekler. Evet, ideal bir dünyada, eğilimleri görmezden gelmeliyiz.
Bununla birlikte, Pragmatik olarak, özellikle web siteleriyle ilgili olarak, tasarım trendlerini izleme ve birleştirmede çok fazla değer vardır.
Bununla yüzleşelim: web hızlı bir şekilde değişiyor. Diğer medyanın aksine, web üzerindeki tasarım eğilimleri sadece estetikle değil.
Teknolojinin, ortamın yeteneklerini büyük ölçüde değiştirebilen değişiyor.
2010 yılında, tasarımcıların web tasarım sınırlarını zorlamaya devam ettiğini ve aşağıdaki açık trendleri belirlediğini görüyoruz…
Baskı dizaynı
Baskı tasarımı her zaman web için bir ilham kaynağı olmuştur. Web tasarımı, baskıda hiç çalışmamış güçlü bir tasarımcılar yetiştirmek için şimdi yeterince uzun süredir var. Sonuç olarak, bu tasarımcılar web'in ötesine baktıkça, baskıdan daha fazla ilham aldık.
Serif Fontları
Tipografinin en önemli konularından biri de okunaklılıktır. Baskı tasarımcıları, her zaman serif yazı tiplerini tercih ettiler çünkü kenarlar görünürlüğü geliştiriyor ve harf biçimlerini daha kolay tanıyor.
Sans-serif yazı tiplerinin genelde ekranda okunması daha kolay kabul edilir. Ancak, daha fazla kullanıcının yüksek çözünürlükte tarama yapması ve yazı tipi yumuşatma teknolojisindeki gelişmeleri ile, serif yazı tipleri, gövde metni için çok okunaklı hale geldi.
Büyük Başlıklar
Baskı tasarımcıları, çağlar boyunca dikkat çekmek için büyük başlıklar kullanıyorlar. Baskı materyali, okunması beklenen bir şekilde yüksek etkide bulunmak zorundaydı. Masanın üzerinde oturup sıkıcı bir broşür gördüyseniz, onu almak için uğraşır mısınız? Muhtemelen değil.
Bu trend 2009 yılında başladı ve sadece popülerlik kazandı. Büyük başlıklar dikkat çekmek ve açıkça iletişim kurmak için kanıtlanmıştır.
Çok Sütunlu Düzenler
Tasarımcılar kendi ortamlarının kısıtlamaları içinde çalışmak zorunda. Web'den farklı olarak, yazdırma, kağıt boyutlarına göre kaydırılmak üzere kaydırma seçeneği sunmaz. Birden çok sütun kullanmak aynı alanda daha fazla içerik sığdırmanıza olanak tanır.
Artık, daha fazla ekran çözünürlüğü ve ızgara yerleşimlerinin ortaya çıkmasıyla, daha fazla tasarımcı, web sitelerini daha kolay kullanmak ve daha fazla içeriğe uyacak hale getirmek için bu yöntemi web'e uyarlıyor.
Büyük Kurşun Görüntü
Bir resim bin kelime değerinde bir olup. Bir fotoğrafın baskıda olduğu gibi web üzerinde aynı etkiye sahip olmasına rağmen (daha yüksek çözünürlüğe sahip), geniş bantlı erişimin benimsenmesi büyük fotoğrafların daha makul olmasını sağlamıştır.
Daha fazla web sitesinin kullanıcıları çekmek ve etkileyici bir deneyim oluşturmak için büyük, yüksek etkili görüntüler kullandıklarını görüyoruz.
Diyagramlar ve Infographics
Baskı tasarımcıları, yıllardır karmaşık bilgileri iletmek için grafik kullanıyor. Bu en çok dergilerde ve yıllık raporlarda görülür.
Grafikler, karmaşık ilişkileri ve oranları düz metinle çok zor bir şekilde iletişim kurabilir. Infographics basit ama görsel açıdan zengin bir görünüme sahip olma eğilimindedir ve daha fazla tasarımcı Infographics'yi benimsemekte veya tasarımlarında stili taklit etmektedir.
Basitlik
Antoine de Saint-Exupery bir keresinde şöyle demiştir: “Eklemek için daha fazla bir şey kalmayınca değil, hiçbir şey kalmayacaksa mükemmeliyet elde edilir.” Tasarımda sadeliğin avantajları çoktur.
Hick'in Yasası, bir karar vermek için gereken sürenin her seçenekle arttığını söyler. Buna ek olarak, sinyal-gürültü teorisi, bir web sitesinin (sinyalin) mesajına ya da işlevine eklemeyen bir şeyin yoluna girip tasarımı daha az etkili hale getirdiğini (gürültü) bize bildirir.
Basit tasarımların kullanımı ve anlaşılması daha kolaydır ve iletilerin iletilmesinde daha fazla açıklığa izin verirler.
Minimalist ve Izgara Tasarımı
Minimalizm, güçlü ancak usta güçtür. Temel şeylerden başka bir şey içermez. Diğer her şey çıkarılır ve mevcut öğelerin maksimum etkisi ile sonuçlanır.
Minimalist tasarımlar etkili olması için güçlü bir şebeke sistemi gerektirir. Doğal olarak, bol miktarda beyaz alan olacaklar ve böylece bu ızgara olmadan, minimalist bir tasarım bağlantısız ve özensiz hissederdi. Izgara, organizasyona ve yapıya verir.
Tek Sayfa Yerleşimleri
Basitleştirmenin birkaç yolu vardır. Tek sayfalık bir düzen, bu iki yoldan birini gösterir: gizleme ve kaldırma.
Etkili bir sayfalık düzenler, öncelik olmayan öğeleri gizler. Bir kullanıcı bu öğelerden birini görmek istiyorsa, onu açmak için tıklayabilir. Bu, her şeyi görünür halde bırakmaktan çok daha etkilidir, bu da sayfayı karmaşık ve zor hale getirir.
Aynı şekilde, tek sayfalık düzenlerin ardındaki ilke, ek sayfalar gereksiz hale getirir. Güçlü JavaScript kitaplıklarının ve daha hızlı bağlantıların bulunmasıyla, birçok web sitesinin artık birkaç sayfaya çok az ihtiyacı vardır. Tasarımcılar, kullanıcıyı bir hiyerarşi ile rahatsız etmeden tek bir sayfaya kolayca sığdırabilir.
Büyük Beyaz Uzay
Web tasarımının ilk günlerinde, çalışmak için fazla ekran mülkiyetimiz olmadığından, fazla beyaz alan göstermedik. Bir 640 × 480 çözünürlük için bir web sitesi tasarlamaya çalışmışsanız, tam olarak neden bahsettiğimi anlayacaksınız.
Artık daha yüksek çözünürlüklere ve JavaScript ile öğeleri gizleme ve açığa çıkarma yeteneğine sahip olduğumuza göre, beyaz alanı kullanmak çok daha kolay.
Beyaz alan, iyi tasarım için kritik öneme sahiptir. Göz dinlenecek bir yer verir. Bir tasarımın kalitesini doğal olarak artırır. Ve hangi elemanların birbirine yakınlığıyla ilişkili olduğunu gösterir.
Tipografik Düzenler
Eskiden birkaç tane “web güvenli font” ile sınırlı kalmayıp, nasıl gösterildiklerine dair çok az kontrole sahip olsak da, şimdi tipografimizi zenginleştirmek için çok çeşitli araçlara sahibiz.
Web tasarımcıları, mesajları iletmek için ince bir araç olarak yazı tiplerinden yararlandı. Artan kontrol ve yeteneklerle, daha fazla tasarımcının ana tasarım öğesi olarak tipografiye odaklandığını görüyoruz.
CSS3 Teknikleri
CSS3'ten henüz yararlanamayacağınızdan emin değil misiniz? Tekrar düşün. Andy Clarke ve Jeremy Keith gibi web öncüleri web tasarımında “ilerici geliştirme” hakkında uzun zamandır vaaz ettiler.
Aşamalı geliştirmeler, web sitelerini daha eski tarayıcılarda kullanabilmeleri için tasarlarken, en son teknolojiye güvenen kullanıcılar için “geliştirilmiş” hale geliyor.
Bu kampta tasarım yapmak, yuvarlatılmış köşeler, sınır arka planları, metin ve kutu gölgeleri gibi CSS3 özelliklerinden yararlanmanızı sağlar. Modern tarayıcılardaki kullanıcılar daha güzel bir versiyonu görecekler ve eski teknoloji üzerindekiler ( öksürük ¦ IE6 ¦ öksürük ) temel sürümü görecekler.
CSS3 Animasyonu
Web üzerinde animasyon birçok aşamadan geçti. Başlangıçta yalnızca GIF resim dosyaları ile animasyon yapabiliriz. Sonra, Flash için oldukça sınırlı kaldık. Şimdi Flash, Silverlight, GIF, JavaScript ve hatta CSS3 arasından seçim yapabiliriz. Hafif animasyonlar unutulmaz olabilir ve CSS3 hafif ve kolay hale getirir.
Yuvarlatılmış köşeler
2005 ve 2006'nın Web 2.0 stili, can sıkıcı olma noktasında popüler olan köşeleri popüler hale getirdi. O zaman onları yaratmak zordu. Gerçekten yuvarlatılmış köşeler yaratmanın hiçbir yolu yoktu. Bunun yerine CSS, JavaScript hack ve görüntü dosyaları ile simüle edildi.
Artık CSS3, doğrudan tarayıcıda yuvarlatılmış köşeler oluşturmamıza olanak tanıyor. Bu sayede kullanıcılar sadece daha kolay değil, aynı zamanda çok daha verimli oluyorlar, çünkü kullanıcı ek resim veya JavaScript dosyası indirmek zorunda kalmıyor.
Tasarımcılar, 2010 yılında bu yeni tarayıcı kapasitesinden giderek daha fazla faydalanıyor.
Kutu ve Metin Gölgeler
Web'in en eski günlerinden beri derinlik hissi yaratmak için gölgeler kullanıldı (ve bazen abartılı). Ama her zaman pratik değildi. Metne gölgeler eklemek için, yükleme süresini artırıp görüntüleri daha zor hale getiren görüntüleri kullanmanız gerekiyordu. Kutu gölgeleri “kayar kapılar” gibi birkaç görüntü ve CSS hilesi gerektiriyordu.
CSS3, sadece gölgeleri değil, iç gölgeleri de içeren geniş bir yelpazede yaratıcı efektler sağlayan son derece özelleştirilebilir gölge yeteneklerine sahiptir. Yaratıcı tasarımcılar, bu CSS3 efektlerini zaten hem kabartmalı hem de basılı efektleri taklit etmek için kullanıyorlar.
RGBa ve Saydamlık
Yıllar boyunca, web üzerinde şeffaflık ve şeffaflık ile çalışmak imkansızdı. Üç seçeneğiniz vardı: düz görüntüler kullanarak saydamlığı simüle edin, PNG'nin tarayıcılar arası uyumsuzluklarını ele alın veya CSS'nin temel şeffaflık seçicileri ve filtreleriyle mücadele edin.
CSS3, tasarımcılara RGBa özelliği ile opaklık kullanmada daha iyi tutarlılık ve özgürlük sağlar. Saydam yollardan sayısız yoldan faydalanabilmenize rağmen, özellikle yardımcı olan bir alan yarı saydam renklerle kaplanmış karmaşık geçmişlere sahip. Önceden, bu efekt karmaşık PNG görüntülerine başvurmadan pratik veya imkansızdı.
Mobil Uyumlu Tasarım
Mobil web milyonlarca kullanıcıya banka hesabını sırada beklerken kontrol etme, metrodaki en son puanları bulma ve sürüş sırasında Twitter durumunu güncelleme olanağı verdi. (Bunlardan hangisi tehlikeli bir alışkanlıktır?) Ve mobil web hızla büyümeye devam ediyor.
Her şirketin, web sitelerinin hareket halindeyken kullanılıp kullanılmayacağını ve nasıl yapılacağını düşünmek zorunda kaldık. Yenilikçi şirketler, web sitelerinin yararlı ve kullanıcı dostu mobil sürümlerine çoktan yatırım yapmışlardır.
Yaratıcılık
Sosyal medyanın kullanımındaki patlayıcı büyüme, insanların tutkulu oldukları şeyleri bir araya getirmek ve paylaşmak istediklerinin kanıtıdır.
Tasarım alanında, diğer insanların çalışmalarını paylaşma ve taramada büyük bir büyüme gördük. Tasarımcılar olarak, artık herkesin yaratıcılığı tarafından bombalanıyoruz. Bu sadece tasarım kalitesinin standartlarını yükseltmekle kalmaz, aynı zamanda yaratıcılık ve inovasyon kültürüne katkıda bulunan fikirlerin paylaşılmasını da teşvik eder.
Temiz Çizimler
Eğer benden hoşlanıyorsanız, Disney filmlerini izleyerek büyüdünüz ve her bir animasyon çerçevesini oluşturmaya çabaladınız. İllüstrasyon mürekkebin ve işaretleyicilerin yapıldığı günleri çok güzel geçiyoruz ve bu evrim araçları, tasarım için bazı yaratıcı yaklaşımlara yol açtı.
Birçok tasarımcı, pürüzsüz, temiz, net çizimlerin, fotoğraf veya basit küçük resim ile çoğaltılamayan ayırt edici bir his yarattığını öğreniyor. Sonuç, ilgi çeken ve davet eden çok sayıda profesyonel olarak resimlendirilmiş tasarımdır.
Dokulu arka planlar
Dokulu arka planlar web'de yeni bir şey değildir. Ancak bu teknik, son birkaç ay içinde ilginç bir varyasyon gördü. Ben arka planda ince, ancak fark edilir dokular olan “mikro-dokular” olarak adlandırıyorum.
Minyatür
“Küçük resimler, web’in başlangıcından beri etrafta. Bu nasıl bir trend? ”Doğru, her zaman kullanılmış, ama sadece çok basit. Daha büyük bir resim elde etmek için tıklayabileceğiniz bir küçük resminiz olur. Bu işi yaptı ama sıkıcıydı.
Son birkaç ay içinde, tasarımcılar “Küçük resimleri nasıl daha heyecanlı hale getirebiliriz?” Diye sormaya başladılar. Bu, hem akıllı hem de kullanılabilir küçük resimlerin artmasına neden oldu.
Suluboya
Web geliştikçe, daha fazla tasarımcıyı çeşitli kaynaklardan ve medyadan esinlenerek görüyoruz. Güzel sanatların bu kaynaklar arasında olması sürpriz değil.
Ortaya çıkan stillerden biri de suluboyaların simülasyonu. Bu tarzın yumuşak zarif görünümü, farklı ve sakinleştirici.
El yazısı
El yazısı ve yazı tipi yazı tipleri en çok kötüye kullanılır. Bu nedenle, birçok tasarımcı ya her iki türden de iğrenme ya da amatörce bakma korkusu nedeniyle baştan çıkar. Ancak son zamanlarda, birçok tasarımcı, doğru kullanıldığında, el yazısı stilinin bir zanaat ve planlama duygusu taşıdığını bulmuşlardır. Doğru bağlamda kullanıldığında, iletişim kurmak için güçlü bir yoldur.
Sosyal medya
Facebook'ta daha fazla zaman geçiren insanlar artık Google’dan daha fazla zaman ayırarak, tasarımcılar, sosyal medyayı web sitelerine entegre etmenin yenilikçi yollarını arıyorlar.
Bazı tasarımcılar, içeriklerini sosyal medya ağlarında yayınlayacak kadar ileri gitti ve web sitelerini bir araya getirmek için kullandı.
2010’da ilerledikçe, daha fazla sayıda kullanıcının, kullanıcıları daha iyi anlayabilmek için sosyal medyayı web sitelerine entegre etmenin yaratıcı yollarını bulduklarını söyleyebiliriz.
Sabit Elemanlar
Şimdi bu tarayıcılar daha iyi destek position: fixed eleman, bunun akıllı kullanımını görüyoruz.
Sabit bir öğenin (kalıcı gezinme gibi) sahibinin iş hedeflerine hizmet edeceği ve web sitesini daha kullanışlı hale getirebileceği birçok durum vardır.
Sabit unsurlar unutulmaz ve kullanıcı deneyimini geliştirir. Sayısız yaratıcı kullanımları var ve tasarımcıların bunlardan faydalandığını görmeye devam edeceğiz.
Bu misafir yayını, Web Hosting Arama ve tasarımcı ve geliştirici Ross Johnson'daki iyi kişiler arasındaki bir işbirliğidir. Web Hosting Check out Uygun arayın ağ sağlayıcısı ve 3point7designs Ross tarafından daha fazla web tasarım awesomeness için
En çok hangi trendleri takip ediyorsunuz? Bazı gelişmekte olan trendler nelerdir?