Kun puhumme web-suunnittelusta vuonna 2017, puhumme todella herkästä web-suunnittelusta. Vajaan kuuden vuoden aikana termi "reagoiva" on tullut kaiken kattava teollisuusstandardi.

Reagoiva web-suunnittelu on sivuston tai verkkosovelluksen suunnittelun prosessi, jotta sen sisältö sopeutetaan sopivasti sen laitteen mukaan, jota se katselee. Muutama vuosi sitten sain erinomaisen konferenssin puhetta Ethan Marcotte-kuka muotoili termi "reagoiva web-suunnittelu", jossa hän vastasi reagoiviin sivustoihin Utahin Pando-puuhun; joka syntyy maasta eri paikoissa, erilaisissa konteksteissa eri kokoisina, mutta kaikilla on sama perusgenetiikka.

On todennäköisesti vastaavan muotoilun käyttöönotto, joka on mahdollistanut mobiiliverkon kasvun; ilman sitä kustannuksia kehittää mobiilisivustosta rinnakkain työpöydän versio olisi merkinnyt monia yrityksiä tarttuu jälkimmäiseen.

mobiililaitteisiin suunnitellut suhteet siirretään usein paljon suurempaan näkökulmaan

Mutta reagoiva muotoilu ei ole ilman ongelmia. Määritelmän mukaan reagoivat mallit "vastaavat" näkymän kokoon, eivät sisältöä. CSS-mediakyselyiden konttipohjaisia ​​muunnelmia on käsitelty ratkaisuna, mutta toistaiseksi ne ovat vain postituksen jollekin valkeudelle.

Suunnittelu on laajasti suhteessa elementtien välisiin suhteisiin, ja nämä suhteet rajoitetaan pienelle näytölle. Lisäksi koska merkintä on jäsennelty semanttisesti, mobiililaitteisiin suunnitellut suhteet siirretään usein paljon suurempaan katselukulmaan.

Yksi viime vuosien useimmiten arvostetuista UI-päätöksistä on ollut työpöydällä käytettävien hampurilaisvalikoiden kasvava määrä. Kuitenkin vähäistä huomiota on kiinnitetty mobiiliasetteluihin - horisontaaliset sisältökaistat, jotka on jaettu 12 kolonnin verkkoon - laajennetaan työpöydälle.

Kysymys siitä, onko reagoiva web-suunnittelu tappaa luovuutta, on todennäköisesti epäoikeudenmukainen; se olettaa, että monimuotoisuus ja innovaatio ovat suunnitteluprosessin elinehto. Se myös syyllistyy käsitteeseen, jos syy on jakautuminen, se on varmasti täytäntöönpanon taustalla. Itse asiassa suunnittelu usein kukoistaa tiukimpien rajoitusten alla - tunnen suunnittelijan, joka lisää omat rajoituksensa asiakkaiden alushousuille, koska hän tuntee työnsä olevan vahvempi, kun hänet haastetaan.

jos on syytä jakaa, se on varmasti täytäntöönpanon

Responsive-suunnittelu toimii uskomattoman hyvin brändäyksellä, mutta se on vähemmän kuin ihanteellinen asettelua varten. Voi olla, että paras tapa toteuttaa reagoiva muotoilu on luoda erillisiä malleja eri luokkiin katseluportaalle ja luottaa vastaaviin tekniikoihin vain vastaaviin näyttöihin. Emme välttämättä tiedä jokaisen näytön tarkkoja ulottuvuuksia, mutta tiedämme, että puhelimessa on oltava tasku, tiedämme, että kannettava tietokone ei voi olla kapeampi kuin näppäimistö.

Vastuullinen muotoilu voi olla yksinkertaisesti ajatus, joka on aikaisempaa aikaisempaa, kun ymmärrämme, ja kun työkalut, kuten CSS-muuttujat ja konttikyselyt toteutetaan, verkon suunnittelu muuttuu moninaisuudeksi jälleen kerran.

Esittelykuva, Pando kuva Tony Frates Flickrin kautta