Жауапты дизайн дегеніміз не? (Түсіндіруші видео және инфографика)

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

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

Жауапты дизайн дегеніміз не?

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

Уикипедия

Басқаша айтқанда, суреттер сияқты элементтерді, сондай-ақ сол элементтердің орналасуын реттеуге болады. Мұнда дизайнға жауап беретін дизайн және сіздің компания оны не үшін жүзеге асыруы керек екенін түсіндіретін бейне бар. Біз жақында DK New Media сайт жауап береді және қазір жұмыс істейді Martech Zone дәл осылай ету!

Жауапты сайтты құру әдістемесі сәл жалықтырады, өйткені көріну терезесінің өлшеміне негізделген стильдеріңізге иерархия қажет.

Браузерлер өз өлшемдерін өздері біледі, сондықтан олар экран кестесінің кестесін жоғарыдан төмен қарай жүктеп, экранның өлшеміне сәйкес стильдерді сұрайды. Бұл әр өлшемді экран үшін әр түрлі стильдер кестесін жасау керек дегенді білдірмейді, тек қажетті элементтерді ауыстыру керек.

Бірінші мобильді менталитетпен жұмыс жасау қазіргі кездегі стандарт болып табылады. Сыныптағы ең жақсы брендтер өз сайттарының ұялы байланыста екендігі туралы ғана емес, сонымен қатар клиенттердің толық тәжірибесі туралы ойлайды.

Люцинда Дункальф, Монетаттың бас директоры

Monetate-тен бірнеше құрылғыға жауап беретін дизайн жасаудың артықшылықтарын көрсететін инфографика:

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

Егер сіз жауап беретін сайтты іс-әрекетте көргіңіз келсе, өзіңізді көрсетіңіз Google Chrome браузері (Firefox-тың дәл осындай мүмкіндігі бар деп санаймын) DK New Media. Енді таңдаңыз > Әзірлеуші> Әзірлеуші ​​құралдары бөлімін қараңыз мәзірден. Бұл браузердің төменгі жағында көптеген құралдарды жүктейді. Әзірлеуші ​​құралдары мәзір жолағының сол жағында орналасқан кішкентай мобильді белгішені басыңыз.

жауап беретін-тестілеу-хром

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

3 Пікірлер

  1. 1

    Веб-дизайн енді веб-шеберлердің таңдауы емес, енді олар үшін міндетті болып табылады. Осы ақпаратпен бөліскеніңіз үшін рақмет.

  2. 2

    Осы жақсы түсіндірілген мақала үшін Дугласқа көп рахмет. Мен бұған мазмұнның жағынан келісуім керек. Көптеген сайттар үшін біз жауап беретін макет жасамаймыз. Бізге жауап беретін мазмұн қажет. Бірақ қарапайым веб-сайттар үшін біз мұны қалай жасау керектігі туралы жақсы құжатталған мақалаңызды қолданамыз!

    • 3

      Менің ойымша, сенің сөзің дұрыс, Аарон. Тек заттарды өзгерту және жылжыту жеткіліксіз ... біз мазмұнды тиімді пайдалануымыз керек.

Сен не ойлайсың?

Бұл сайт спамның төмендеуі үшін Akismet пайдаланады. Деректеріңіздің қалай өңделетінін біліңіз.