Duyarlı veya duyarlı tasarım

İçindekiler
Duyarlı web tasarımı, web'e faydası nedir?
Kullanıcı davranışının pek çok yönü pazarlama uzmanları tarafından araştırılmış ve 18 ile 45 yaş arasındaki kişilerin %70'inin internette bilgisayarlardan değil, bir kenara koymayı sevdiği çok büyük bir pazar olan tablet ve telefonlardan gezindiğini göstermektedir.
Duyarlı web tasarımı nedir?
Telefon, tablet, bilgisayar veya tv ekranı fark etmeksizin her cihaza ve ekran çözünürlüğüne uyum sağlayan bir tasarımdır. Bütün bunlar, her cihaz için bir web sitesinin farklı versiyonları oluşturulmadan uyarlanmalıdır, ancak uyum sağlayabilmesi gereken tek bir web sitesidir.

Tasarımımızı nasıl duyarlı hale getiririz?
Bunun bir yolu medya sorguları modülüdür CSS3 Bu, içeriğin ekran çözünürlüğü gibi koşullara uyacak şekilde oluşturulmasına izin verir.
Örneğin, file.css stillerinde
@import url (styles.css) yalnızca ekran ve (maks-device-width: 480px);
Dosyanın içinde, maksimum 480 piksel genişliğinde ve yatay olarak yönlendirilmiş cihazları tanımlamaya başlıyoruz:
@media yalnızca ekran ve (maksimum cihaz genişliği: 480 piksel) ve (yönlendirme: yatay) {
/ * işte bu cihazın stilleri olacak * /
}

Dikey ekran için diğer stil
@media yalnızca ekran ve (min-genişlik: 680 piksel) ve (maks-genişlik: 979 piksel) ve (yönlendirme: portre) {
/ * stiller * /
}

Burada bir iPhone 5 için stilleri tanımlıyoruz
@medya ekranı ve (cihaz-en-boy oranı: 40/71) {
/ * stiller * /
}

İdeal olan, çok fazla stil sayfası yapmak zorunda kalmadan genel bir web sitesi yapabilmek için her şeyi yüzde olarak ölçmektir.
Bunun bir yolu, ekranın genişliğinin %80'ini kaplayan içeriği yerleştirmektir, bu, içerik bölümünü herhangi bir cihazda tutacaktır.
Dikkate alınması gereken bazı avantajlar ve yönler
Duyarlı web tasarım çalışmaları, cihazın farklı sürümleri için bağlantıları ve içeriği kopyalamaktan kaçındığımız için SEO yapmanın bir yoludur. Google gerekli olduğu anlamına gelmese de sever. Bunu Google için değil, mobil kullanıcılar için yaparsak.
Her cihaz için farklı zamanlarda kullanıldığı için deneyim ve aciliyet farklıdır.
Genel olarak, bir bilgisayardan gezinenler işte veya evdedir, bu nedenle arama daha rahat olacak ve başlığı okumak ve görmek için daha fazla zamana sahip olacak, bir tabletten gezinen her kimse kesinlikle bir profesyonel veya belirli bir görevi yerine getiren biri olacaktır. bu nedenle rehberliğe veya referans bilgilere ihtiyacınız var, ancak aramanızı engelleyecek bir şey değil.
Telefonla gezinenler en genç veya çok daha fazla hareket kabiliyetine sahip kişiler olacak ve acil sorgulamalar veya bir yer, olay veya iletişim ihtiyacı hakkında hızlı bilgi aramak için hızlı ve somut bilgi arayacak olsa da, bu yönlerden bazıları aşağıda açıklanmaktadır. Ücretsiz, ücretsiz ve yıllık trendleri yansıtan çevrimiçi pazarlamanın comScore raporu.
wave wave wave wave wave