Duyarlı Web Tasarımı Nedir

• Mayıs Ayı 4, 2024

Duyarlı bir web tasarımının üç temel özelliği vardır; bunlar akışkan düzenleri, yeniden boyutlandırılabilir görüntüler ve medya sorgularıdır. Medya sorguları gerçekten web tasarımı için yeni değil. CSS2.1'de medya türleri olarak başlayarak, hem web hem de baskı için stil sayfaları tasarlayabiliriz, bu da web sayfasının ekranda ve yazdırıldığında aynı görünmesini sağlar. Bu, CSS3'teki medya sorgularına ilerledi. Bu sorgu ortam aygıtının genişliğini (maks. Aygıt genişliği) kontrol eder ve 480 piksel veya 768 piksel gibi bir ayar değerine göre test eder. Bu sorguya yanıt olarak, akışkan düzenini değiştirmek ve ekran için görüntüleri yeniden boyutlandırmak için CSS stillerini kullanıyoruz.

Bir web sitesinin duyarlı bir tasarıma sahip olup olmadığını kolayca test edebilirsiniz. Tarayıcı ile bilgisayar ekranınızın tam genişliğinde başlayın. Ardından, tarayıcı penceresinin genişliğini azaltmak için tarayıcının sağ kenarını sola sürükleyin. Görüntülerin küçüldüğünü ve mizanpajın yan yana olan kayan div öğelerini alıp dikey olarak istiflemesini görmelisiniz. Örneğin, bir galeri sayfasında tam ekranda satır başına altı görüntümüz (altı bölme) varsa, ekran genişliğini azalttığımız için, bir satırdaki görüntü sayısı gerektiği şekilde azaltılır ve istiflenir. Genişlik belirli bir miktara indirildikten sonra, resimlerin kendileri daha küçük boyutlandırılmaya başlar. Yakından izlerseniz, gezinme bağlantıları gibi bazı tasarım öğelerinin bir simgeye indirgenebileceğini veya hatta kaybolabileceğini göreceksiniz. Bu aynı zamanda CSS stil sayfası tarafından da kontrol edilir.

Web sitelerini tasarlarken, yalnızca web sayfası tasarım öğelerinin tam ekran genişliğine nasıl bakacağını değil, aynı zamanda istiflendiklerinde nasıl görüneceklerini de düşünün. Web sitesinin işlevselliğini azaltmadan hangi tasarım öğelerinin ekrandan daha küçük ekran genişliğinde kaldırılabileceğini düşünün. Duyarlı tasarımın özellikleri ve teknolojisi hızla değiştiği için, tüm geliştirmelere ayak uydurmak zaman alıcı olabilir. Zamanınızı kodlama yerine tasarlamak için harcamak isterseniz, Wordpress için mevcut güzel ve duyarlı temalara bir göz atın. Küçük bir tasarım firmasıysanız, web siteleri tasarlarken bu duyarlı tema düzenlerinden birinden başlamayı düşünebilirsiniz.

Video Talimatları: Responsive (Duyarlı) Web Tasarım Nedir? Şirketiniz için Neden Önemlidir? (Mayıs Ayı 2024).