Cavab verən dizayn nədir? (İzahatçı video və infoqrafik)

cavab verən veb dizayn

Bir on il çəkdi cavab verən veb dizayn (RWD) bəri ana dövrə keçmək Cameron Adams ilk təqdimatını etdi konsepsiya. Fikir dahiyanə idi - niyə baxıldığı cihazın görünüşünə uyğunlaşan saytlar dizayn edə bilmirik?

Cavab verən dizayn nədir?

Həssas veb dizaynı (RWD), optimal görüntüləmə təcrübəsi təmin etmək üçün saytların hazırlanmasına yönəldilmiş bir veb dizayn yanaşmasıdır - minimum ölçüsünü dəyişmə, fırlatma və sürüşmə ilə asan oxu və naviqasiya - müxtəlif cihazlarda (mobil telefonlardan masaüstü kompüterə qədər) monitorlar). RWD ilə hazırlanmış bir sayt, @media qaydasının bir uzantısı olan maye, nisbət əsaslı ızgaralar, çevik şəkillər və CSS3 media sorğularını istifadə edərək görünüşü ətraf mühitə uyğunlaşdırır.

Vikipediya

Başqa sözlə, şəkillər kimi elementlər və bu elementlərin düzeni də tənzimlənə bilər. Budur, həssas dizaynın nə olduğunu və şirkətinizin niyə tətbiq etməsi lazım olduğunu izah edən bir video. Bu yaxınlarda yenidən inkişaf etdirdik DK New Media saytın həssas olması və üzərində işləyirik Martech Zone eynisini etmək!

Dəyişkən bir sayt qurma metodologiyası bir az yorucu olur, çünki görünüş sahəsinin ölçüsünə əsasən tərtib edilmiş üslublarınıza dair bir iyerarxiyaya sahib olmalısınız.

Brauzerlər öz ölçülərini özləri bilirlər, buna görə üslub cədvəlini yuxarıdan aşağıya yükləyərək ekranın ölçüsü üçün uyğun üslubları soruşurlar. Bu, hər ölçülü ekran üçün fərqli üslub cədvəlləri tərtib etməlisiniz demək deyil, yalnız lazımi elementləri dəyişdirməlisiniz.

Mobil ilk düşüncə ilə işləmək bu gün əsas standartdır. Sınıfın ən yaxşı markaları, saytlarının mobil telefonlara uyğun olub-olmadığını yox, həm də tam müştəri təcrübəsini düşünürlər.

Monetate CEO'su Lucinda Duncalfe

Monetate-dən birdən çox cihaz üçün bir cavab dizaynının yaradılmasının potensial faydalarını göstərən infoqrafik məlumat:

Həssas Veb Dizayn İnfoqrafiyası

Həssas bir saytın fəaliyyət göstərdiyini görmək istəyirsinizsə, özünüzü göstərin google Chrome brauzer (inanıram ki, Firefox eyni xüsusiyyətə malikdir) DK New Media. İndi seçin > Geliştirici> Geliştirici Vasitələrinə baxın menyudan. Bu brauzerin altındakı bir dəst alət yükləyəcəkdir. Geliştirici Alətləri menyu çubuğunun sol tərəfindəki kiçik mobil simgesini vurun.

həssas test-xrom

Görünüşü mənzərədən portretə dəyişdirmək üçün yuxarıdakı naviqasiya seçimlərindən istifadə edə bilərsiniz və ya əvvəlcədən proqramlaşdırılmış hər hansı bir görünüş ölçüsü sayını seçə bilərsiniz. Səhifəni yenidən yükləməlisiniz, ancaq cavab parametrlərinizi doğrulamaq və saytınızın bütün cihazlarda əla görünməsini təmin etmək üçün dünyada ən yaxşı vasitədir!

3 Şərhlər

  1. 1
  2. 2

    Bu yaxşı izah edilmiş məqalə üçün çox təşəkkür edirəm. Şeylərin məzmun tərəfində olsa da bununla razılaşmalıyam. Saytların əksəriyyəti üçün həssas bir tərtib etmək kifayət deyil. Həssas məzmuna ehtiyacımız var. Ancaq daha təməl veb saytlar üçün bunun necə aparılacağına dair yaxşı sənədləşdirilmiş məqalənizi istifadə edəcəyimizə əminik!

    • 3

      Məncə sən tamamilə haqlısan Aaron. Yalnız şeylərin ölçüsünü dəyişdirmək və hərəkət etdirmək kifayət deyil ... həqiqətən məzmundan da səmərəli istifadə etməliyik.

Siz nə düşünürsünüz?

Bu sayt spam azaldılması üçün Akismet istifadə edir. Yorumunuzun necə işləndiyini öyrənin.