Harika siteler yalnızca yetenekten doğmaz — herkesin öğrenebileceği, tekrarlanabilir birkaç ilke üzerine kurulur. İlk portföyünüz, küçük bir işletme sitesi ya da bir tanıtım sayfası olsun fark etmez: sitenizin ne kadar profesyonel görüneceğine her zaman aynı dört sütun karar verir: düzen, renk, tipografi ve mobil uyumluluk. Bunları doğru yaptığınızda en sade sayfa bile güvenilir ve şık durur.

Temiz ve Nefes Alan Bir Düzen Planlayın

Herhangi bir tasarım aracını açmadan önce sayfanızı kağıda çizin: üst bilgi, ana bölüm, özellikler, müşteri yorumları, alt bilgi — bölüm başına tek net amaç, ekran başına tek ana eylem. Profesyoneller her şeyin hizalı durması için görünmez bir ızgara (genellikle 12 sütun) kullanır ve bloklar arasında bol boşluk bırakır. Pratik bir kural: bir bölümün görevini tek cümleyle anlatamıyorsanız, o bölüm fazla iş yapmaya çalışıyordur. Tıklım tıklım sayfalar ziyaretçileri şaşırtır; nefes alan sayfalar onlara yol gösterir.

Sade ve Amaçlı Bir Renk Paleti Seçin

Yeni başlayanlar genelde fazla renk kullanır. Profesyoneller üç renk kullanır: baskın bir arka plan (çoğunlukla beyaz ya da koyu), düğmeler ve vurgular için bir marka rengi, metin ve kenarlıklar için nötr bir renk. Gerçek kontrastı olan renkler seçin — ana metniniz arka planıyla en az 4,5:1 WCAG kontrast oranını karşılamalı; ücretsiz kontrast denetleyiciler bunu saniyeler içinde doğrular. İpucu: tarayıcının renk seçicisiyle beğendiğiniz sitelerin paletlerini alın, sonra tonları değiştirerek kendinize uyarlayın.

İşin Yarısını Tipografiye Bırakın

Tipografi, çoğu yeni başlayanın sandığından çok daha fazla görsel ağırlık taşır. Kendinizi iki font ailesiyle sınırlayın — biri başlıklar, biri gövde metni için — ve hiyerarşiyi boyut, kalınlık ve boşluklarla kurun. Gövde metni 16–18px arasında, satır yüksekliği yaklaşık 1,6 olmalı ki paragraflar rahat okunsun. Paragrafların tamamını büyük harfle yazmaktan kaçının ve önemli içerikte asla 14px'in altına inmeyin. Tek başına tutarlı tipografi, bir şablonu özel tasarım gibi gösterebilir.

Her Zaman Önce Mobil İçin Tasarlayın

Web trafiğinin yarısından fazlası telefonlardan geliyor; bu yüzden küçük ekrandan başlayıp büyüğe doğru ölçeklendirin, tersini değil. Bölümleri dikey olarak üst üste dizin, dokunma alanlarını en az 44px yüksek yapın, menüleri hamburger simgesinin arkasında gizli tutun ve gerçek bir telefonda test edin — yalnızca küçültülmüş masaüstü tarayıcısında değil. Klasik yeni başlayan hatası: dizüstü bilgisayarda mükemmel görünen ana başlığın mobilde beş satıra taşması. Küçültün, kısaltın ya da küçük ekranlarda dekoratif öğeleri gizleyin.

Hız ve Erişilebilirlik de Tasarımın Parçasıdır

Sekiz saniyede yüklenen güzel bir site, başarısız bir tasarımdır. Görselleri sıkıştırın (WebP formatı çok yardımcı olur), iki font kalınlığı kullanırken beşini yüklemeyin ve ekranın altındaki medyayı lazy-load ile yükleyin. Erişilebilirlik de önemli: her görsele anlamlı alt metin verin, düğmelerin klavyeyle erişilebilir olduğundan emin olun ve bilgiyi asla yalnız renkle iletmeyin. Bu alışkanlıklar dakikalar içinde öğrenilir, ücretsizdir ve amatör işi profesyonel işten anında ayırır.