Harika web siteleri her zaman harika tasarımları harika bir kodla birleştiriyor gibi görünüyor. Bir web sitesi oluşturmak oldukça basit bir görev olduğundan, pek çok kişi HTML ve CSS'yi öğrenir ve öğrenirse, istedikleri web sitesini tasarlayabileceğini öğrenirler. Teknik olarak, genellikle, tasarım hakkında bilgi edinmek için zaman ayırmak istemedikleri için, yaptıkları bazı önemli hatalar olduğunu fark edeceksiniz.
Programcılar tasarımcılar kendileridir, ancak kod ve harika mimari tasarımlar tasarlarlar. Görsel bir şey tasarlamak tamamen farklıdır ve tasarım için iyi bir göze sahip olmanız, bunu uygulamak için iyi bir fikriniz olduğu anlamına gelmez.
Pek çok programcının, genellikle kendi web sitelerini oluşturmaları gerektiği anlamına gelen kişisel projeleri olduğu için. Serbest bir kodlayıcıysanız, sahip olabileceğiniz en büyük varlıklardan biri, tam web geliştirme sürecini başından sonuna kadar biliyor ve buna tasarım da dahildir.
İşte, geliştiricilerin bir web sitesine tasarım uygularken sıklıkla gördükleri sekiz hata.
Tasarım yapma yeteneği ile bir gözü ayırmak zor olabilir. Modaya bakıp neyin iyi göründüğünü söyleyebilen insanlara çok benziyor, ama aynı şekilde kendileriyle aynı şekilde giyinemiyorlar.
Harika tasarımcılar sadece iyi tasarımın ne olduğunu bilirler. Ne işe yarayacaklarını biliyorlar, hatta bir kalem açmadan veya Photoshop'u açmadan önce pek çok kez işe yaramayacaklar. Çoğu zaman bu, farklı tasarımlar üzerine dökerek ve tasarımları kendileri denemek için yıllarını harcadıkları için böyledir. Hiçbir sanatçının bir kalem alıp ilk kez harika bir şey çizemeyeceği gibi, hiçbir geliştiricinin ilk tasarımlarını parktan çıkartabileceklerine inanması gerekmiyor.
Bir programcının başka bir kişinin kodunu incelemesi gibi, herkes bir tasarım üzerinde çalışabilir ve neden işe yaradığını anlamaya başlayabilir.
Güzel bir göz alarak Punchfork tasarımı ne kadar harika yaptığını görebilirsiniz.
Tasarımın çok daha fazla parçasını bu kadar harika kılıyor. Beğendiğiniz bir tasarıma rastladığınızda, bireysel unsurları incelemek için zaman ayırın, aynı zamanda bunların bütüne nasıl uyduğunu da kabul edin. Bir tasarımın büyük bir unsuru, tüm tasarımı mükemmel yapmaz.
Renk seçimi bir acı olabilir. Renk seçmek zorunda kalmaktan nefret ediyorum çünkü aralarından seçim yapabileceğiniz çok şey var. Bazı nedenlerden dolayı geliştiricilerin çoğu mavi ve beyaz bir palete yapışır. Belki her yerde kullanılıyor ya da tarayıcı varsayılanlarıdır, ancak harika tasarımlar bir dizi renk içerebilir. Neyse ki bizim için renk meydan okuyan millet orada orada bazı harika renk kombinasyonları bir araya getirmek yardımcı olabilir araçlar bir ton var.
COLOURlovers insanların favori renk paletlerini oluşturdukları ve paylaştıkları harika bir topluluk. Favori paletlerinize ve renklerine göz atabilir, kaydedebilir ve oy kullanabilirsiniz. Birden fazla vesileyle, gelip renk seçimiyle günü kurtarmak için COLOURlovers'a döndüm.
Bir renk paleti seçerken, sitenizin ve içeriğinin ruh halinize uyan biriyle yapıştığınızdan emin olun. Sadece sevdiğiniz için bir palet seçmeyin. Turuncu ve siyah, örneğin aşk kavramı çevresinde bir site için en iyi renkler olmayabilir.
Nadiren 3-4'ten fazla farklı renk kullanmanız gerekecek ve eğer karar verirseniz seçiminizi haklı çıkarmanız gerekiyor.
Bir başlığın merkezlenmesi çok cazip olabilir. Gazetelerde harika görünüyor, ancak her şey ortalanmadıkça nadiren web üzerinde iyi çalışacak. Sola hizalı metnin profesyonel göründüğünü ve gözlerin doğal akışıyla çalıştığını biliyoruz, bu yüzden neden çizgileri dışlıyor?
Merkezlenmiş metin en iyi başlıklarda ve kısa metin satırlarında kullanılır. Kullanıcılar satırları kısa, taranabilir ve tekrarlanan göz hareketlerine ihtiyaç duymadığı için kolaylıkla okuyabilirler. Merkezlenmiş metin, düzeninizi simetrik biçimi ile estetik bir görünüm de verebilir. Bu, ortalanmış görüntüler ile giden metin için çalışır. Resimleriniz sola veya sağa hizalanmışsa, metninizi düzeninizle tutarlı tutmak için sola hizalamanız gerekir.
Ortalanmış başlıklar gazetelerde çalışır, çünkü metin sütunlara ayrılır, böylece başlık tüm hikayenin üzerine akar. Sadece bir metin sütununa sahipseniz, sola hizalanmış bir başlığa yapışmalısınız.
Tipografi dünyasına dalmadığınız zaman Arial, Helvetica ve Georgia'nın Times New Roman'a benzediğini gösteriyor. Comic Sans gibi başka fontların olduğunu biliyorsunuz, ancak sizin için uygun olanı kolayca kullanabildiğiniz zaman bir font için ödeme yapmak zorunda olmanın önemini görmüyorsunuz.
Gibi kaynakları ile Typekit Yine de, yazı tipi seçimi renk seçimine benzer şekilde ortaya çıkmıştır. Basit bir yazı tipini kolayca kullanıp geri kalanını bitirdiğinizde doğru kombinasyonu bulmak için araştırma günlerini alabilir.
Yazı tipleriyle denize girme. Renkler gibi sınırlı bir seçim genellikle en iyi şekilde çalışır. Yazı tiplerine gelince, güzel bir tasarım üretmek için bir veya iki farklı yazı tipi bol olabilir. Yazı tipleriyle çok farklı şeyler yapabileceğinizi unutmayın. Onları italikleştirebilir, cesurlaştırabilir, altını çizebilir, büyük harflerle yazabilir veya küçük harflerle küçümseyebilirsiniz.
Bir geliştirici olduğunuzda, bir sayfada sahip olabileceğiniz daha fazla bilgi daha iyidir. Kod yazdığımda birden fazla ekran üzerinde yapmayı sevdiğimden, çünkü her şey tam önümde kalmamı sağlıyor. Ne yazık ki bu tasarımda işe yaramıyor. Sığdığınız kadar dar bir alanda fazla bilgi almamanız gerekir, çünkü bu durumda tasarım disfonksiyonel hale gelir.
Göz sadece bir seferde çok fazla bilgi alabilir ve çoğu tasarımın amacı bir görevi tamamlamaksa, bunu milyonlarca başka bilgi parçasının içine saklamak yardımcı olmaz.
Yoğun web siteleri etkili olsa da, daha fazla zaman değil. Beyaz alan senin en iyi arkadaşın olmalı. Tasarımın önemli kısımlarına önem vermek için tasarımınızda boş bölümlere ihtiyacınız var.
Hepimiz bir şey yaratmanın ve gerçek dünyada görmenin harika bir duygu olduğunu biliyoruz. Onu yarattığımız için, arkasında gerçekte olduğundan daha iyi olduğunu düşünmemizi sağlayan bir önyargı eğilimi vardır. Tasarımınızın etkili olup olmadığını öğrenmek için başkalarının fikirlerini almanız gerekiyor ve eğer bunu yapamıyorsanız bunu geliştirmek için yollar bulabilirsiniz. Bunun yerine, geliştiriciler, başkalarının fikirlerini sormaya ihtiyaç duymadıklarını düşünüyorlar çünkü tasarımlarının nasıl çalıştığını biliyorlar, dolayısıyla hepsinin kendileri için bir anlamı vardır.
Ayrıca, insanlar bir tasarım hakkında bir fikir sorduklarında, bir eleştiri istemediklerini, ancak onay verdiklerini göreceksiniz. Yaptıkları kararlar için haklı göstermek istiyorlar ve bu doğru bir yaklaşım değil. Soru sormak, daha önce bilmediğiniz kullanılabilirlik sorunlarını bulmanıza yardımcı olur. Çoğu zaman kendi tasarımınızda, her şeyin sizin için anlamlı olduğunu düşündüğünüzde tutun, ancak yeni bir kişi için tasarımınız bir Rubik Küpünden daha karmaşık olabilir.
Harika tasarımlarla, gerçekten bunu yapan küçük ayrıntıları fark etmek zor olabilir. Onlar sıradan gözlemcinin onları incelediği ve devam ettiği kadar ince olabilirler. Bir geliştirici için, küçük detaylar zaman kaybı olabilir, çünkü bir düşme gölgesinin bir öğe üzerinde sahip olabileceği genel etkiyi anlamadılar.
Küçük detaylar tek başına bir tasarımın belirli bir unsurunu etkiler, ama hepsi bir araya geldiklerinde akan harika bir tasarıma sahip olursunuz. Siteler gibi Dribbble Küçük detayların daha büyük bir tasarımda ne kadar iyi çalışabileceğini ortaya çıkarın. Ancak, eğer bir tasarımcı tarafından ticarete tabi değilse, detaylara çok fazla odaklanmak, süreci istediğinizden daha fazla yavaşlatabilir. Ancak bu, ayrıntıların bir tasarımı nasıl etkileyebileceğinin farkında olmamanız gerektiği anlamına gelmez.
Tasarımcılar söz konusu olduğunda diğer yaygın hatalar ne yapar? Lütfen yorumlarınızı paylaşın!