Hepimiz bir web sitesini kötü yapan şeyleri sezgisel olarak biliyoruz: Aşırı eğimli efektler, klişe klip sanatı, aşırı kalabalık düzenler. Bu can sıkıcılıklar, tasarım temelleri göz önünde bulundurularak, profesyonel tasarımcılar ve sanatçılar tarafından kullanılan prensiplerle geliştirilerek kolayca düzeltilebilir.
Harika web siteleri form ve işlevi bir araya getirir. Aslında, iyi tasarlanmış web sitelerine göre, daha güvenilir olarak görülüyor Stanford çalışması ve aslında kullanımı daha kolaydır (araştırmacı tarafından çalışıldığı gibi) Don Norman ). İşte bu yüzden, kalite tasarımınızı uygulamanızın ön saflarında tutmanıza yardımcı olacak beş temel ilke.
Tasarım okulunda, size bu kuralları kurallara uymak için prensiplerin bir listesini verecektir - düzen, düzen ve simetri gibi öğeler. Ancak, ilerledikçe, bir izleyicinin gözlerinin, çeşitlilik, gerginlik ya da karşıtlık gibi unsurları kullanarak görünmesi için yer yaratmak için kuralları biraz kırmanız söylendi.
İşte bir bir sayfa örneği Edge Reflow CC'de yaptım. Kullanılmakta olan farklı tasarım unsurlarını tespit edip, sonra oynayabilir misiniz?
İnsanların yanıt vermek için eğitildiği bazı evrensel simgeler vardır. Büyüteç (arama), ev (ana sayfa) ve disket (kaydetme) zaten kullanıcılarınıza dahil edilmiştir. Bunlardan yararlanın görsel kısayollar ; Tüm bu yol işaretleri sizin için hemen tanınabilir olmalıdır.
Renk, özellikle ekranlarımızın telefonlarımızda ve tabletlerimizde daha iyi hale gelmesiyle tüm farkı yaratıyor. Web sitenizin anlatmak istediği hikayenin gerçekten önemli bir parçası olabilecek bir tasarım yüzüdür. Sadece içeriği desteklemek için bir sayfa kullanın, bir sayfayı dekore etmeyin. Ve genellikle bir fotoğraf kullanıyorsanız, tasarımdaki renkler, kullanılan fotoğraflardan örneklenmeli ve böylece tasarımınız güzel birleşik bir his veriyor.
Renk örnekleriyle renk örneklerini çekmek çok hoşuma gidiyor - ve Adobe Kuler Web uygulaması, farklı temalarla oynamak ve bunları tasarım araçlarınıza aktarmak için harika bir yoldur. Gitmek için en iyi kurallardan biri ücretsiz renkleri kullanmaktır. Temel olarak sıcak renkleri ve soğuk renkleri bir arada kullanarak dengeyi sağlamaktır.
Aralarından seçim yapabileceğiniz tam anlamıyla binlerce yazı tipi var.
Karıştırıp eşleştirmeniz size kalmış - ancak bir seferde yalnızca en fazla üç yazı tipini kullanmak için en iyi uygulama olduğunu unutmayın - iyi bir başlık yazı, bir metin ana gövdesi, daha sonra herhangi bir tür çağrı için gerekir. Çoğu zaman, bu, vücut kopyası için bir sans-serif kullanmak anlamına gelir ve manşetler için serif ya da sans-serif ile daha ilginç olabilir.
Pekala, temel tasarım öğeleriniz, güzel bir simge ve resimlerle, sağlam bir renk düzeni ve eğlenceli yazı tipleriyle birlikte. Sıradaki ne?
Elbette başkalarından yardım almak! Ve sadece sokakta rastgele insanlar değil, diğer tasarımcı / geliştiriciler gibi kendi eşyalarını gerçekten bilen insanlardan yapıcı eleştiri. Bu, bir OK web sitesinden gerçekten patlayan bir sayfaya gitmek için etkili olabilir. Bir iş başında post prodüksiyon göndermek için hiç Behance kullanmadıysanız, bunu denemenizi tavsiye ederim. Aktif topluluk, sadece “logoyu büyütmek için” söylediğinizden daha fazlasını yapacaktır - ancak iyi bir web sitesi ile harika bir web sitesi arasındaki farkı yaratabilecek önerilerde bulunun.
Tasarım öğelerini web geliştirmeye nasıl uygulayacağınızı öğrenmek için SXSW'den sunumuma göz atın: