Ыкчам Дизайн деген эмне? (Түшүндүрүүчү видео жана инфографика)

жооптуу веб-дизайн

Бул үчүн он жыл өттү жооптуу веб-дизайн (RWD) бери жалпы агымга өтүү үчүн Камерон Адамс алгач тааныштырган түшүнүк. Идея тапкыч болгон - эмне үчүн биз аны карап жаткан шаймандын көрүнүш терезесине ылайыкташтыра албайбыз?

Ыкчам Дизайн деген эмне?

Жооптуу веб-дизайн (RWD) - бул оптималдуу көрүү тажрыйбасын камсыз кылуу үчүн сайттарды түзүүгө багытталган веб-дизайн ыкмасы - көлөмүн азайтуу, панорамалоо жана жылдыруу боюнча минималдуу оңой окуу жана навигация - көптөгөн шаймандарда (уюлдук телефондон стол компьютерине чейин) мониторлор). RWD менен иштелип чыккан сайт, суюктукту, пропорцияга негизделген торчолорду, ийкемдүү сүрөттөрдү жана CSS3 медиа сурамдарын колдонуп, көрүү чөйрөсүнө ылайыкташтырат, бул @media эрежесинин кеңейтүүсү.

Wikipedia

Башка сөз менен айтканда, сүрөттөр сыяктуу элементтерди, ошондой эле ошол элементтердин жайгашуусун жөндөсө болот. Бул жерде видео кандай жооп берээрин жана компанияңыз эмне үчүн аны ишке ашырышы керектигин түшүндүргөн видео бар. Биз жакында кайрадан иштеп чыктык DK New Media сайт жооп бериши керек жана азыр иштеп жатышат Martech Zone эмне кылуу керек!

Сайтты куруунун методикасы бир аз жадатма, анткени көрүү столунун өлчөмүнө жараша уюштурулган стилдериңиздин иерархиясына ээ болушуңуз керек.

Браузерлер өзүлөрүнүн көлөмүн өздөрү билишет, ошондуктан алар стилдик таблицаны жогорудан ылдый жүктөп, экрандын көлөмүнө ылайыктуу стилдерди сурашат. Бул ар бир өлчөмдөгү экран үчүн ар кандай стилдик баракчаларды иштеп чыгуу керек дегенди билдирбейт, болгону керектүү элементтерди жылдырышыңыз керек.

Биринчи мобилдик менталитет менен иштөө бүгүнкү күндө баштапкы стандарт болуп саналат. Класстагы эң мыкты бренддер алардын сайты мобилдик телефонго ылайыктуу экени жөнүндө гана эмес, кардарлардын толук тажрыйбасы жөнүндө да ойлонушат.

Монетаттын башкы директору Лусинда Дункалф

Монетейттен бир нече түзмөктөр үчүн жооптуу дизайнды түзүүнүн артыкчылыктарын чагылдырган инфографика келтирилген:

Жооптуу веб -дизайн инфографикасы

Эгер сиз жооптуу сайтты иш-аракетинде көргүңүз келсе, анда өзүңүздүн белгини көрсөтүңүз Google Chrome браузери (Firefoxтун ушундай өзгөчөлүгү бар деп эсептейм) DK New Media. Эми тандаңыз Көрүү> Иштеп чыгуучу> Иштеп чыгуучунун куралдары менюдан. Бул браузердин ылдый жагында бир топ куралдарды жүктөйт. Иштеп чыгуучунун куралдары меню тилкесинин сол жагындагы кичинекей мобилдик сүрөтчөнү чыкылдатыңыз.

жооп-тестирлөө-хром

Көрүнүштү пейзаждан портретке өзгөртүү үчүн навигациянын параметрлерин колдонсоңуз болот, же алдын ала программаланган көрүү аянтынын каалаган көлөмүн тандасаңыз болот. Сиз баракчаны кайрадан жүктөп алышыңыз керек болушу мүмкүн, бирок бул сиздин жөндөөлөрүңүздү текшерип, сайтыңыз бардык түзмөктөрдө сонун көрүнүп тургандыгын камсыз кылган дүйнөдөгү эң сонун курал!

3 Comments

  1. 1

    Веб-дизайн мындан ары вебмастерлердин тандоосу эмес, эми алар үчүн милдеттүү болуп калды. Ушул маалыматтык билдирүүнү бөлүшкөнүңүз үчүн рахмат.

  2. 2

    Бул жакшы түшүндүрүлгөн макала үчүн Дугласка чоң рахмат. Мен буга нерсенин мазмуну жагынан макул болушум керек. Көпчүлүк сайттар үчүн жооптуу макет жетишсиз болуп калат. Бизге жооп берген мазмун керек. Бирок эң жөнөкөй веб-сайттар үчүн, биз муну кантип жөнгө салуу керектиги жөнүндө документалдуу макалаңызды колдонобуз!

    • 3

      Менимче, сен таптакыр туура айтасың, Арун. Бир нерсенин көлөмүн өзгөртүү жана жылдыруу жетиштүү эмес ... биз чындыгында эле контентти натыйжалуу колдонушубуз керек.

Эмне деп ойлойсуң?

Бул сайт спам азайтуу Akismet колдонот. Сиздин комментарий маалымат кандайча иштелишин Үйрөнүү.