Yüzünüzü İzleyiciye Dönün

Web sitesi, bir şirketin yüzüdür ve ziyaretçilere kaliteniz ve hizmetleriniz hakkında iletişim kurar. İnsanlar artık web sitenizi sadece bilgisayardan değil, internetin her yerde mevcut olduğu sofistike cihazlarla da görüntülemektedir. Artık 3G ve 4G destekli tabletler, dongle'lı dizüstü bilgisayarlar ve M2M mobil akıllı telefonlar gibi çeşitli internet cihazları kullanıyoruz. Bu cihazların her birinin farklı boyutlarda küçük ekranları da bulunmaktadır. Bazıları ayrıca, piyasada artık uygun fiyatlı LCD ve LED monitörler bulunduğundan, interneti büyük ekranlar üzerinden görüntülemeyi tercih etmektedir. Cisco raporu, mobil veri trafiğinin 2017'de 10 Exabyte'ı aştığını ve 2013'te telefon sayısının insan sayısını geçeceğini belirtmektedir. Bu rapor, daha küçük cihazlardaki tasarımı dikkate almanın ne kadar önemli olduğunu göstermektedir.

Çözünürlük Faktörü

Ziyaretçinin sisteminizle aynı çözünürlüğü kullandığını söyleyemezsiniz. Standart en düşük çözünürlüğe, yani 544 piksel genişliğine iyi uyan web sayfası, diğer çözünürlüklerde de uyum sağlar. 10 yıl önce 1024 × 768 en yaygın ekran çözünürlüğüydü. Birçok web sitesi bu format için 800 × 600 formatlarından yeniden tasarlandı. Ancak CAD kullanıcıları, grafik sanatçıları ve video oyunu oyuncuları bilgisayarlarını 1600 × 1200 çözünürlüğünde kullanıyor. Bu çözünürlük UXGA olarak adlandırılır. Bilgisayarların televizyonlardan daha yüksek çözünürlüklere sahip olduğunu biliyoruz; aşağıda en çok kullanılan çözünürlükleri kontrol edin.

Web Tasarımcıların Kontrol Etmesi Gerekenler

Web tasarımcısının, tüm ekranların web sitesini doğru hizalamalarda gösterdiğinden emin olması gerekiyor. Web sitesini oluşturduktan sonra, web sitesinin görünümünü ve hissini tüm ekranlarda kontrol etmelidir. Bu nedenle, web sitesini tasarlarken, web sitesinin farklı bilgisayarlarda ve cihazlarda farklı göründüğünü akılda tutmak önemlidir. Web sitenizi tamamlayıp barındırdığınızda, eğer web sayfası cihaz ekranına sığmıyorsa, tarayıcı yatay kaydırma çubuğu ekler. Benzer şekilde, dikey uzunluğa sığmadığında dikey kaydırma da gelir. Tüm web sitesini dikey uzunluk altında tutmak oldukça zordur, ancak yatay uzunluğu kesinlikle tasarlayabilirsiniz.

 Grafikler ve Tablolar Hakkında İpuçları

Grafikler ve Tablolar sabit genişliğe sahiptir.

Genişliği kontrol edin, böylece toplam uzunluk 750 pikselden az olsun.

Minimum genişliği belirtmekten kaçının.

Tarayıcının, hücre içindeki metin ve grafiklere uyacak şekilde tablonun genişliğini ayarlamasına izin verin.

Tam ekran

Tablonun genişliğini %100 olarak belirtin; eğer tablonun tamamen genişlikle doldurulması gerekiyorsa.

Web Sitenizi Test Etmek İçin Çevrimiçi Araçlar

Bu araçlar, web sitenizin farklı ekranlarda nasıl göründüğünü görmenizi sağlar. Web sitenizi farklı çözünürlüklerde görüntüleyebilir ve uygun tasarım değişikliklerini yapabilirsiniz.

Responsive Design Checker.com

Browser Shots.org

Dalga. Webaim. org / rapor

Quirk Tools. com / screenfly /