Hyvän typografian edut. Helppo sivun lataus

• Käännös

Verkkosuunnittelun maailma on eloisa ja monipuolinen. Suuria muutoksia ei tapahdu täällä joka vuosi. Tämän vahvistaa teknologian nopea kasvu, joka on viime vuosien aikana osoittanut, että lähitulevaisuudessa web-suunnittelun tärkeät trendit keskittyvät olemassa olevien designien parantamiseen.

Litteä muotoilu tulee teksturoitunemmaksi, elokuvakokemukset yleistyvät ja JavaScript-kirjastojen käyttö mahdollistaa enemmän kokeiluja. Olemme varmoja, että WebGL:n kasvava suosio ja virtuaalitodellisuus avulla voimme muuttaa tuntemamme verkkosivustot uudeksi mielenkiintoisilla interaktiivisilla ominaisuuksilla.

Tässä artikkelissa tarkastellaan 11 suurinta tämän vuoden web-suunnittelutrendiä. Joten ole mukava ja aloita lukeminen!

1. WebGL (Web Graphics Library)

Uusimpien edistysten joukossa on merkittävä WebGL (Web Graphics Library) -tekniikka. Sitä käyttävät monet hämmästyttävät sivustot, jotka ovat äskettäin ilmestyneet.

Yksinkertaisesti sanottuna WebGL on tapa renderoida interaktiivista 3D- ja 2D-grafiikkaa selaimissa laitteistokiihdytyksellä ilman lisäosia.

1.1 Interaktiivinen 3D WebGL -sovellus

Koe Curiosity (NASA:n mukaan)

WebGL oli yksi SIGGRAPH 2015 -konferenssin keskeisistä aiheista. Esitys päällä 3D-grafiikka ja WebGL:n voit katsoa tällä kanavalla YouTube.

Puolentoista tunnin videolta opit NASAn "Experience Curiosity" -verkkosovelluksesta, jonka luominen merkitsi kolmatta vuosipäivää Curiosity-mönkijän laskeutumisesta Marsiin. Sovelluksen avulla käyttäjät voivat "rullata" NASAn 3D-mönkijää Marsin pinnalla ja "ohjata" manipulaattorin vartta.

Tämän resurssin luomiseen käytettiin Blend4Webia (kehys selainpohjaisten 3D-sovellusten luomiseen) ja Blenderia (3D-mallinnus- ja animaatiopaketti).

Beloola-verkkosivusto käyttää three.js-tiedostoa (JavaScript-kirjasto)

SBS TV:n projekti "The Boat" (Australia)

Australian televisio SSB TV on remasteroinut kirjailija Nam Len tarinan "The Boat" pakenemisesta Vietnamista ja muuttanut sen interaktiiviseksi videotarinaksi WebGL:n avulla. Sovellus koostuu useista osista, joissa on hyvin toteutettu animaatio ja käsin väritetyt kuvitukset. Se käyttää myös three.js -tiedostoa, kuten edellinen esimerkki.

Koska Muistaminen

Teknisestä näkökulmasta tämä on jatkuva kaksiulotteinen animaatio, joka suoritetaan pseudo-3D-avaruudessa. Näyttää erittäin vaikuttavalta!

2. VR (virtuaalitodellisuus)

Virtual Reality (VR) on sisarteknologia, jolla on potentiaalia ravistaa vempaimen maailmaa vuonna 2016. Ehkä hyvin pian asiat muuttuvat paljon mielenkiintoisemmiksi.

timeshift165 -sivusto

Tunnisteet: Lisää tunnisteita

Alina Filatova

16.7.2015 | | 2 kommenttia

Tiedätkö mitä kysymyksiä asiakkaat kysyvät harvoin jostain syystä? "Mikä sivusto on nyt muodissa?"!
Kyllä, kyllä, Internetissä, kuten millä tahansa muullakin alueella, on tietysti oma muoti, omat "korut", "sirut" ja trendit.

Jos puhumme nykyaikaisesta verkkomuotista, niin vuosina 2014-2015 on ollut useita muotisuunnittelutrendejä, jotka etenevät luottavaisesti tulevaisuuteen. Jos pidät netissä surffaamisesta, olet luultavasti törmännyt viime aikoina yhä useampiin sivustoihin, joissa käytetään litteää ja puolitasaista suunnittelua (ns. "Metro-tyyliä"), suuria kuvia ja monimutkaista typografiaa. Lisäksi videon tai elokuvan käytöstä verkkosivuilla on tulossa selvä valtavirta.
Mikä sitten on muotia tällä verkkokaudella?

Joten vuosina 2015-2016 se on edelleen trendissä:

1. Isoja ja kauniita kuvia

Vuodesta 2014 lähtien suuret, korkealaatuiset taustakuvat ovat tulleet muotiin.
Lisäksi on toivottavaa, että nämä kuvat ovat ainutlaatuisia ja erityisiä, erityisesti valittuja sivustoa varten. Koska melkein kaikki pitävät kauniista kuvista, tämä trendi pitää paikkansa, ja vuonna 2015 kuvia käytetään edelleen aktiivisesti, ja lisäksi ne ovat kasvaneet ja laadultaan parantuneet entisestään.

2. litteä muotoilu

   Vuoden 2013 lopussa - vuoden 2014 alussa alkoi litteän suunnittelun aikakausi, niin sanottu "metrotyyli".
   Uusia muotitrendejä markkinoilla loivat sellaiset hirviöt kuin Microsoft ja Apple, ja kaikki muut osallistujat ottivat iloisesti vastaan ​​uusimmat trendit. Tasaisen suunnittelun trendi jatkuu edelleen vahvana vuonna 2015. Tämän puhtaan, kevyen muotoilun ansiosta verkkosivustot näyttävät erittäin modernilta.

   Trendin tärkeimmät merkit: suuret valkoiset tilat, suuret painikkeet, selkeä fontti. Tasainen muotoilu sulkee pois varjot, kaltevuudet ja muut graafiset keinot, jotka tekevät elementeistä kolmiulotteisia. Näiden suunnitteluominaisuuksien avulla voit nopeasti ladata sivustoja millä tahansa laitteella, myös mobiililaitteilla.

3. tunnesisältöä

   Se ei ehkä ole helpoin ratkaisu, mutta suuret mediapelaajat ovat alkaneet käyttää Internetin ainutlaatuisia etuja tunnepitoisen sisällön luomiseen. Sen päätavoite on saada vierailija emotionaalisesti koukkuun, herättää henkinen vastaus.

   Tämän saavuttamiseksi käytetään taitavasti kirjoitettuja artikkeleita, tunteita herättäviä valokuvia ja videoita. Tämä suuntaus alkoi vuonna 2012 ja jatkuu edelleen. Ja kerrottavat tarinat ovat yhä henkilökohtaisempia, visuaalisesti mukaansatempaavia ja mukaansatempaavia.

4. Paras typografia

   Yhä useammat verkkoprojektit käyttävät loistavaa typografiaa. Visuaalinen hierarkia paranee, fontit ovat kauniimpia ja ainutlaatuisempia, ja web-suunnittelijat esittävät melko vahvoja väitteitä. Tämä suunta sai suurimman sysäyksen vuonna 2015.

5. Mukautetut kuvat ja valokuvat; käsin piirretyt kuvat

   Näyttää siltä, ​​että valokuvapankkien sieluttomien kuvien aikakausi on vihdoin päättynyt. Aiemmin vain laiskot eivät lisänneet sivustolleen kädenpuristusta, joka nosti hampaat reunaan tai hymyileviä identtisiä kasvoja neuvottelupöydässä. Ja koska monet web-suunnittelijat käyttivät melko standardoituja fontteja ja värejä, monet sivustot alkoivat näyttää kaksosilta. Tarpeeksi!

   Lopuksi muovikasvot ja luonnottomat asennot on korvattu yksilöllisyydellä. Ikonit ja kuvitukset tehdään jokaiselle asiakkaalle erikseen, ja päätrendi on käsin piirretyt kuvitukset. Kaikki tämä mahdollistaa sekä sivuston että yrityksen itsensä saavuttaa kirkkaan yksilöllisyyden. Sano hyvästit arkistovalokuvaukselle ja tervehdys käyttäjäidentiteetille!

6. Video

   Vuodesta 2014 lähtien suuret, teräväpiirtovideot ovat olleet erittäin vaikuttavia verkkosivustoilla.

   Vuonna 2015 kapasiteetti kasvoi entisestään. Lisääntynyt nopeus mahdollistaa nyt entistä aktiivisemman videon käytön. Kukaan ei epäile, etteikö hyvin kuvattu lyhyt kolmen minuutin video pystyy heijastamaan täysin yrityksen sielua ja "koukkuun" asiakkaan.

7. Elokuvamainen tai silmukkavideo

   Jos videon katsomiseksi sivustolla sinun on napsautettava "Toista" -painiketta, silmukkavideokatkelmien tapauksessa tämä ei ole välttämätöntä. Silmukkavideo liikkuu ympyrässä itsestään ja sitä voidaan helposti käyttää näyttävänä taustana.

   Nämä minivideot, isännöi kotisivu huomaa kaikki vierailijat. Liikkuvat otokset kiinnittävät huomion välittömästi, sitovat katsojan emotionaalisesti ja kertovat lyhyen, voimakkaan tarinan. Usein aivan videon kohdalla on "Toista"-painike, jotta kiinnostunut vierailija voi katsoa pitkän version tai käydä aloitussivulla. Tällaiset sivustot näyttävät erittäin suunnittelijoilta, ja vuonna 2015 nämä interaktiiviset tarinat ovat erittäin voimakas trendi.

8. Netto

   Toinen muotitrendi on suurten lohkojen suunnittelu, joka on asetettu ruudukkoon kollaasin tapaan. Sen avulla voit nopeasti ja visuaalisesti esitellä sivustolla olevat tavarat tai esitellä näytteitä työstäsi. Hyvin suunniteltu ruudukko voi tehdä verkkosivuilla navigoinnista erittäin kätevää.

9. Kiinteä otsikko

   Toinen kauden "temppu" on yläreunaan kiinnitetty sivuston otsikko. Riippumatta siitä, kuinka vierailija vierittää sivustoa, otsikko pysyy aina "liimattuna" sivun yläosaan. Esteettisestä näkökulmasta tämä liike on erittäin hyödyllinen - otsikko määrittää sivuston rakenteen ja linkittää kaikki sen elementit yhteen.

   Mutta kauneuden lisäksi tällä innovaatiolla on myös käytännön käyttöä: Vierailijoiden etu on, että heidän ei tarvitse etsiä linkkejä navigoidakseen sivustolla pitkään - ne ovat nyt aina samassa paikassa. Ja lisäksi se on erittäin kätevä markkinoijille: tärkeimmät sivut ja muistutukset pysyvät aina käyttäjien edessä.

10. Mukautuva muotoilu

    Ehkä eniten päätrendi kausi on responsiivinen muotoilu. Googlen mukaan käyttäjien määrä, jotka käyttävät Internetiä mobiililaitteet, vuoden 2014 loppuun mennessä nousi 50 prosenttiin!

    Siksi mobiilisivustot ovat yhä merkityksellisempiä, ja ne mukautuvat yhtä hyvin älypuhelimiin, puhelimiin, tablet-laitteisiin ja muihin vempaimiin. Suuret painikkeet, helppokäyttöinen valikko, kätevästi sijaitsevat tiedot - kaikki tämä houkuttelee käyttäjiä ja pitää heidät sellaisella sivustolla mahdollisimman pitkään.

Jotkut web-suunnittelun trendit muuttuvat vuodesta toiseen, kun taas toiset pysyvät ajankohtaisina pitkään. Tässä on täydellinen luettelo kuluvan vuoden suunnittelutrendeistä kuvausten ja käyttösuositusten kera.

Jos et ole edellä aikaa, jäät väistämättä jälkeen.

Tervetuloa vuoden 2016 verkkosuunnittelun trendien oppaaseen!

Kuvaamalla jokaista trendiä, selitämme, miksi se toimii ja kuinka voit hallita sen henkilökohtaisesti. Annamme myös yli 40 esimerkkiä sivustoista yhtiöiltä, ​​kuten Intercom, Google, Beoplay, Sennheiser ja muut.

Tarkastussuunnitelmamme on seuraava:

1. Esittely

2. Mikrovuorovaikutukset

4. Minimalistinen muotoilu

5. Litteän ja materiaalirakenteen hybridi

6. Mehukkaita animaatioita

7. Typografia

8. Kirkkaat värit

9. Pitkä vieritys

10. HD-grafiikka

11. Kuvitukset

12. Päätelmät

Aloitetaan nopeasti tutkimalla, kuinka pienet vuorovaikutukset voivat luoda vierailijoille unohtumattoman kokemuksen.

Mikrovuorovaikutukset

Ratkaiseva sisään mobiili suunnittelu sovellukset pelaa suunnittelun mikro-vuorovaikutuksia virtauksen vakavampia toimia. Ne näyttävät yleensä niin merkityksettömiltä, ​​että käyttäjät päättävät suorittaa ne epäröimättä.

Ilmoitusten käyttöönotto/poistaminen, painikkeen värin muuttaminen painettaessa, ääni-ilmoitukset, jotka ilmoittavat uuden kommentin saapumisesta kuvaasi tai jotain muuta - kaikki nämä pienet asiat muodostavat kokonaisuuden käyttäjän silmissä, muodostavat vaikutelman sovelluksen käytöstä.

Hyvin suunniteltujen mikrovuorovaikutusten edut

• Voit nopeasti kouluttaa käyttäjiä olemaan vuorovaikutuksessa tuotteesi kanssa;
• Tiedonanto tilasta, muutoksista ja mahdollisuudesta kiinnittää huomiota tietyille alueille;
• Turvallisuus palautetta suoritettujen toimien seurauksena;
• Mukavien elementtien lisääminen, jotka eivät heikennä tuotteen kanssa vuorovaikutuksen pääkokemuksen saamista;
• Brändin aseman vahvistaminen käyttöliittymän yksinoikeudella;
• Käyttäjien odotusten täyttäminen (mikrovuorovaikutukset ovat normi monille sivustoille ja sovelluksille). Varmasti myös tuotteessasi niitä odotetaan.

1. Muodostamme käyttäjien keskuudessa tapana.

Mikrovuorovaikutukset ovat avaintekijä vierailijoiden tottumusten rakentamisessa. Tässä prosessissa on kolme elementtiä:

• Signaali (mikrovuorovaikutus) - laukaisin, joka käynnistää toiminnon;
• Toistuvat toiminnot - käyttäjälle tuttu toimintojen järjestys;
• Palkinto on seurausta toimien suorittamisesta.

Esimerkiksi punainen suorakulmio ja valkoinen kuvake (laukaisin) Facebookissa ilmaisevat uuden viestin. Käyttäjä suorittaa rutiinitoiminnon napsauttamalla kuvaketta keskustellakseen ystävänsä kanssa (palkinto). Jonkin ajan kuluttua käyttäjä, nähdessään tällaiset asiat, suorittaa automaattisesti heiltä vaaditut toimet. Mitä korkeampi palkinto (motivaatio), sitä vahvemmaksi tapa tulee.

2. Suunnittelu usein käytettäväksi.

Koska haluamme muodostaa tapamme käyttää tuotettamme, meidän on suunniteltava elementtejä, joita käytetään usein. Se, mikä saattaa aluksi näyttää mielenkiintoiselta ja söpöltä, voi ajan myötä muuttua ärsyttäväksi ja vanhentua satojen toimintojen toistamisen jälkeen. Yritä napata alkuunsa tällaisen vaikutuksen mahdollisuus.

3. Tee triggereille yhteinen visualisointi tuotteen käyttöliittymällä.

Yritä luoda mikrovuorovaikutuselementtejä, jotka ovat rakenteeltaan samanlaisia ​​yhteisellä käyttöliittymällä. Esimerkiksi sama väri, samoja animaatioita, muotoja jne. Suunnittelun johdonmukaisuus lisää brändin tunnettuutta ja vahvistaa brändi-identiteettiä. Esimerkiksi New York Times käyttää omaa logoaan käynnistysanimaationa. Yrityksen tunnistettava tyyli, jota et sekoita mihinkään muuhun.

4. Käytä animaatioita.

Mikrointeraktiot ovat täydellisiä elementtejä tuomaan käyttäjälle hieman iloa suunnitteluusi. Animaatiot tekevät niistä elävämpiä, jännittävämpiä, ja itse liike herättää huomiota. Jälkimmäinen on usein päätavoitteemme - kiinnostaa. Kokeile vain ja vertaa tuloksia ennen ja jälkeen animaatioiden käyttöönoton.

5. Vältä ei-toivottuja vuorovaikutuksia.

Yleinen virhe on käyttöliittymän ylikuormittaminen liian monilla mikrovuorovaikutuksilla. Aloita kehittämällä niitä vain perustoimintoja varten ja katsomalla käyttäjien reaktiota. Yleisimmät kosketuspisteet suunnittelussa ovat:

• Latausnäytöt;
• Animoituja kuvia, jotka aktivoituvat, kun viet hiiren osoitinta.

Käyttäjän myönteinen vastaus peruselementtien animaatioon on merkki niiden lisäämisestä.

6. Käytä huumoria teksteissäsi.

Mikrointeraktiot, kuten toimintakehotuspainikkeet tai muut napsautettavat mainokset (esimerkiksi 404-virhesivut), ovat tehokkaampia, jos niihin on siroteltu huumoria. Joissain paikoissa voi jopa käyttää ihmisen äänen tallennusta.

Kortit

Me kaikki tiedämme korttien voiman kauan ennen digitaalista suunnittelua (käyntikortit, pelikortit jne.). Ajatuksena on, että yhdestä aiheesta tuorein tieto puristetaan yhteen pieneen astiaan.

4. Käynnistysanimaatiot piristää odotusta.

Jos et voi poistaa sivun latauspalkkia tai lyhentää odotusaikaa, mielenkiintoinen animaatio auttaa helpottamaan tätä prosessia käyttäjän silmissä.

Sen sijaan, että käyttäisit perinteisiä latauspalkkia, joissa on prosenttiosuus latauksen edistymisestä, yritä tarjota yleisöllesi jotain herkullisempaa ja luovampaa. Tietenkin paras tapa selvitä tilanteesta on optimoida sivusto. Lataustangon käyttö on äärimmäinen vaihtoehto. Jos et todellakaan tule toimeen ilman sitä, on parempi koristella rutiiniprosessi animaatiolla.

Typografia

Suuremmat laitteiden resoluutiot, nopeampi Internet ja pääsy uusiin verkkokirjasinkirjastoihin ( Google-kirjasimet, Adobe Typekit jne.) tekevät ajastamme typografian kulta-ajan.

Laadukkaan typografian edut

• Lisääntynyt näytön tarkkuus tarjoaa enemmän mahdollisuuksia mielenkiintoisten typografisten ideoiden toteuttamiseen;
• Kyky korostaa brändin ainutlaatuisuutta, tehdä siitä tunnistettavissa käytetyn fontin ansiosta;
• Tekstisisällön vaikutuksen vahvistaminen;
• Työkalu elementtien visuaalisen hierarkian rakentamiseen. Tämä on erityisen tärkeää CTA (call to action) -työkalujen korostamiseksi.

Käyttöperiaatteet

1. Selkeys on kaikki kaikessa.

Älä koskaan uhraa luettavuutta "paremman" fontin puolesta - typografiset tyylit eivät toimi, jos et osaa lukea kirjoittamaasi.

2. Yksinkertainen mutta vaikuttava fontti.

Yksinkertainen typografia on helpompi lukea ja latautuu nopeammin, puhumattakaan välttämättömästä minimalistisissa tyyleissä. Kiinnitä huomiota seuraaviin:

Fonttikoon suurentaminen;

Kontrasti fontin ja sitä ympäröivän taustan väriä;

Käyttää lihavoitu kirjasin avainpaikoissa.

Käsitteitä "vaikuttava" ja "kukkainen" ei pidä sekoittaa. Yksinkertaiset kirjasimet auttavat välittämään viestin luotettavasti ja selkeästi.

3. Monimutkaiset ja yksinkertaiset fontit: Serif vs. Sans Serif.

Ei ole vakuuttavia todisteita siitä, että yksi niistä olisi aina luettavampi kuin toinen. Se on vain tyylikysymys, ei sen enempää. Monimutkaiset fontit tekevät tekstistä rikkaampaa ja muodollisempaa, kun taas yksinkertaiset fontit sopivat hyvin minimalistiseen muotoiluun.

Suositut sans serif -fontit:

1. Proxima Nova
2. Futura
3. Avenir
4. Avaa Sans
5. Helvetica Neue
6. Suositut serif-fontit:
7. Caslon
8. Garamond
9. Rahti teksti
10. juoksupoika
11. FF Meta Serif

5. Peitä käsinkirjoitetut fontit.

Tällaiset fontit ovat hyvä lisä niille, jotka haluavat luoda "kotiin" tyylin. Koska tällaisen typografian luettavuus on erittäin kyseenalainen, rajoita sen käyttö suuriin kuviin lisättyihin otsikoihin.

6. Teksti, joka ylittää määritetyn tilan.

Yksi parempia tapoja Kiinnitä huomiota tekstiin on sen peitto muiden osien kanssa ja menee niiden soveltamisalan ulkopuolelle. Osa sanasta tai koko sana voi mennä esimerkiksi kuvan ulkopuolelle, naapurialueen päälle. Tämä yhdistää näytön yhtenäiseksi kokonaisuudeksi ja näyttää upealta ja joskus jopa törkeältä.

7. Oletusfontit.

Useimmissa tapauksissa sinun ei pitäisi käyttää enempää kuin kahta kirjasinperhettä. Jos haluat monipuolistaa sisältöäsi, muuta kirjasinkokoja ja -tyyppejä saman perheen sisällä.

Kirkkaat värit

Koko vuoden 2015 aikana tunnistimme trendin kohti kirkkaita värejä. Vuonna 2016 tämä suunta vahvistui edelleen. Lisäksi kirkkaiden värien suosio vain kasvaa. Käytä enemmän paletteja ja sävyjä, jos haluat pysyä muodissa.

Kirkkaiden värien käytön edut

• Eri värisävyt ja -gradientit auttavat sinua erottamaan paremmin niiden korostaman sisällön;
• Visuaalisen stimulaation käyttäminen on erityisen hyödyllistä pienille sivustoille.

1. Duoton.

• Kaksisävyisen mallin käyttö on sinänsä trendi ja tulee olemaan suosittu vielä pitkään kirkkaiden värien käyttöönoton myötä.
• On selvää, että kaksisävy on kahden värin yhdistelmä. Se voi olla samanvärisiä sävyjä tai täysin vastakkaisia ​​sävyjä.
• Verkkosuunnittelussa kaksisävyä käytetään usein kuvaamaan paremmin kuvia ja valokuvia. Näyttää jännittävältä ja modernilta.
• Pidä mielessä seuraavat kohdat:
• Käytä yksinkertaisia ​​valokuvia, joissa on vahva yksittäinen teema. Elementtirikkaita kuvia (kuten maisemia) voi olla vaikea nähdä, etenkin mobiilinäytöillä.
• Kontrasti kaksisävy helpottaa valokuvan yksityiskohtien erottamista;
• Erota valokuva muusta katselualueesta värikkäillä reunuksilla tai koko näytön vierityksellä;
• Käytä teräviä kuvia, joissa objektien rajat ovat selvästi erotettavissa.

Samoin kaksisävyä käytetään usein valokuvan peittämiseen, kuten alla olevassa esimerkissä näkyy.

2. Peittokuva.

Toinen mielenkiintoinen suuntaus kirkkaiden värien käytössä on niiden peitto valokuvissa.

Päällekkäiset värit lisäävät kuvan merkitystä, halua ottaa huomioon sen yksityiskohdat. Väri auttaa muuttamaan kuvan tulkintaa. Esimerkiksi punainen peittokuva tekee kuvasta eloisamman ja tunkeilevamman, kun taas sininen peitto luo rauhallisen tunteen näkymästä.

3. Upeat kaltevuudet.

Värien sekoittaminen asteittaiseen haalistumiseen on suosittu valinta monille nykyaikaisille suunnittelijoille. Ei tarvitse käyttää enempää kuin 2 tai 3 väriä sekoittamiseen - tämä on tarpeetonta.

4. Korosta avainsanat ja painikkeet.

Käytä yksivärisissä teksteissä kirkkaita värejä korostaaksesi sanoja ja lauseita, kuten "ilmainen", "tänään" jne. Tämä antaa niille ylimääräistä painoarvoa ja lisää ehdotuksen voimaa.

Samaan tapaan voit tehdä joistakin painikkeista suurempia kuin toisista korostamalla ne värikkäällä reunuksella tai taustalla. Tämä toimii loistavasti.

5. Elementin tilan muuttaminen vietäessä hiiri päälle.

Kuten mainitsimme korteista puhuttaessa, värit ovat täydellinen työkalu elementtien erottamiseen. Värin vaihtaminen leijuttaessa on varma ja yksinkertainen tapa visuaaliseen viestintään, joka lisää sivuston tai sovelluksen interaktiivisuutta.

6. Käytä oikeaa väriä halutun tunteen herättämiseen.

Eri värit herättävät erilaisia ​​tunteita. Tässä on pieni huijauslehti joistakin verkkosivuilla yleisesti käytetyistä väreistä:

• Punainen - välittää intohimoa ja varovaisuutta samanaikaisesti. Tämä väri lisää verenkierron intensiteettiä;
• Sininen - luo rauhallisen ja vakauden tunteen, joten sitä käytetään usein eri rahoituslaitosten verkkosivustojen suunnittelussa;
• Vihreä - asettaa hyvän tasapainon lämpimien ja kylmien värien välillä, välittää luonnollisuuden, puhtauden ja vaurauden tunteen;
• Violetti - historiallisesti liitetty johonkin kuninkaalliseen, luo ylellisyyden ja mysteerin tunteen;
• Valkoinen on ihanteellinen neutraali väri, joka yhdistettynä muihin väreihin välittää eleganssia ja tehostaa viimeksi mainittujen vaikutusta;
• Musta on hienostunut ja voimakas väri, joka on ajaton käytettäväksi kaikissa projekteissa.

pitkä rullaus

Verkkosivut, joissa on pitkät tai äärettömät rullaukset, ovat nopeasti saavuttaneet paikkansa vakiona web-suunnittelussa.

Pitkän rullauksen käytön ominaisuudet

• Erinomainen mobiililaitteille. Pienemmät näytöt vaativat usein vierittämistä, ja muoto toimii hyvin kosketusohjaimilla;
• Kätevä kerrontamuoto, johon sisältö upotetaan tällä tavalla, pystyy kiinnostamaan kävijöitä;
• Navigoinnin yksinkertaistaminen;
• Loputon vieritys lisää yllätyksen elementin käyttökokemukseen.

1. Käytä visuaalisia vihjeitä.

Nuolimainen kuvake, joka osoittaa vierityssuuntaan ja on sisältöalueen ulkopuolella, näyttää sopivalta ja informatiiviselta. Se ilmoittaa sinulle, kuinka paljon on jäljellä sivun loppuun vierittämistä, ja ilmoittaa sisällön lineaarisesta asettelusta.

2. Näytöt sivuina.

Vieritys ei voi olla vain sujuvaa, vaan myös sivulta sivulta. Vieritys - ja koko näyttö on muuttunut. Se on muodikas ja kaunis.

Säädä sivun asettelun jokaista näyttöä siten, että se täyttää kokonaan koko näkyvän alueen. Luo yksilöllisiä tyylejä, jotka vastaavat kunkin vieritysruudun yleistä teemaa. Joskus on hyödyllistä kopioida toimintakehotuselementtejä jokaiselle näytölle. Tämän lähestymistavan avulla käyttäjät voivat hahmottaa sivuston kokonaisvaltaisesti ja ymmärtää nopeasti, mihin sivuston luojat johtavat heidät.

Pienemmillä sivustoilla, joissa on useita sivuja, navigointivieritystä voidaan käyttää pitkän vierityksen sijaan. Eli käyttäjä voi siirtyä toiselle sivulle vierittämällä hiirtä ohittaen tarpeen napsauttaa valikon kohtia. Voit tehdä sivun siirtymäanimaatioita vahvistaaksesi visuaalista viestintää käyttäjän kanssa alla olevan kuvakaappauksen mukaisesti.

3. Sticky navigointivalikko.

Yksi pitkän vierityksen suurimmista riskeistä on käyttäjien hajoaminen. Se vain katoaa matkan varrella. Yksinkertaisin ratkaisu on tahmea navigointivalikko, joka pysyy samassa paikassa näytöllä, kun selaat sivua.

Jos tämä vie mielestäsi paljon tilaa, voit ainakin ottaa käyttöön mahdollisuuden hypätä valikossa, jotta henkilö voi siirtyä nopeasti toiseen osioon. Tee siitä ainakin takaisin alkuun -painike, varsinkin jos sinulla on loputon vierityssivusto.

4. Animaatiot aktivoituvat vierittämällä.

Animaatiot tekevät vierittämisestä hauskempaa ja vetävät käyttäjän mukaan kommunikointiin sivuston kanssa. Tee vierityksestä sujuvampaa ja visuaalisesti mielenkiintoisempaa animaatiotehosteilla. Tämä pakottaa käyttäjän keskittymään ja esittämään kysymyksen, kuten "Mitä tapahtuu seuraavaksi?". Voit asettaa omat pelisääntösi rakentamalla animaatiosarjan kuuluisan sadun leivänmurujen tapaan. Henkilö haluaa nähdä ideasi loppuun asti, jos se on hyvin toteutettu.

Parallaksivieritys on helppo tapa päästä eroon, mutta ei ainoa. Kutsu luovuutta, ei ole tarpeen toistaa täsmälleen aiemmin keksittyjä efektisekvenssejä.

5. Vähennä pitkän vierityssivun SEO:n haittoja.

Loputtomasti vierittävillä verkkosivustoilla on SEO-rajoituksensa. Mutta niitä voidaan pehmentää. Neil Patel antaa hyödyllisiä neuvoja tästä aiheesta.

HD-grafiikka

Laitteet, joissa korkea resoluutio näytöt ovat pitkään olleet standardi, ja 2016 on HD-suunnittelun vuosi. Kiehtovat videot, tehokkaat valokuvat ja rikas grafiikka luovat liikkeen kohti visuaalisen sisällön laatua.

Korkealaatuisen grafiikan käytön edut

• HD-näytöllä varustettujen laitteiden käyttäjät odottavat sisällön olevan sopivaa.
• Laadukkaat videot voivat merkittävästi lisätä vierailijoiden sivustolla viettämää aikaa;
• Luovuus antaa suunnittelijoille enemmän kontrollia vierailijoiden mielialoista.

1. Yhdistä valokuvat ja mukautetut valokuvat.

Yksilölliset valokuvat ovat tietysti parempia, mutta kaikilla yrityksillä ei ole varaa palkata valokuvaajaa. Kompromissina voit yhdistää varasto- ja alkuperäiskuvia tavalla, joka tekee niistä ainutlaatuisia. Etsi arkistokuvia haluamastasi aiheesta, lisää logosi, vaihda värejä tarvittaessa, ja olet valmis! Brändikuvamateriaalia varten voit käydä Unsplashissa, Pixabayssa tai Pexelsissä.

2. Valmistele korkealaatuisia kuvia.

Koko näytön taustakuvat ja videot kiinnittävät käyttäjien huomion välittömästi ja toimivat täydellisenä esityksenä minimalistisille verkkosivustoille.

Kuten alla olevassa kuvakaappauksessa näkyy, korkeakontrastinen kuva kiinnittää helposti huomion sen päällä olevaan tekstisisältöön. Koska useimmat laitteet eivät tue tavallista 1:15-kuvasuhdetta kameroille, sinun on esirajattava kuva, jotta se sopii eri näyttötarkkuuksiin. Kuvan tulee näyttää yhtä selkeältä ja luettavalta millä tahansa laitteella.

3. SVG vai rasterigrafiikka?

Rasterigrafiikkamuodoilla (.jpg, .gif, .png) on ​​tietty pikseliresoluutio, kun taas skalaarigrafiikka voi kasvaa tai pienentyä sopimaan näytölle laadun heikkenemättä.

Käytä SVG:tä ainutlaatuisen grafiikan luomiseen, ja valokuville rasterimuodot ovat parhaita, kun resoluutio on tiukasti rajoitettu määrä pikseleitä. On tärkeää ostaa valokuvausvälineitä, joilla on hyvä resoluutio tällaisiin tarkoituksiin.

4. Videon tausta otsikoissa.

Internetin keskinopeuden kasvaessa videotaustat ovat yleistymässä. Niiden käyttö voi pidentää aikaa, jonka ihmiset viettävät sivustollasi. Kiinnitä huomiota seuraaviin kohtiin:

10–30 sekunnin videoosissa on hyvä tasapaino houkuttelevan sisällön ja nopeiden sivujen latausnopeuksien välillä.

Poistettu oletusarvoisesti äänestä videosta - useimmiten käyttäjät eivät odota kuulevansa ääntä heti vieraillessaan sivustolla, tämä voi olla ärsyttävää monille. On parempi sammuttaa se ja jättää virtapainike niille, jotka haluavat kuunnella.

Video houkuttelee käyttäjiä heti ensimmäisestä sekunnista lähtien, kun he tulevat sivustolle, mikä on vakava syy käyttää sitä.

Kuvituksia

Luodakseen kuvia, jotka ovat ainutlaatuisempia kuin arkistokuvat, suunnittelijat käyttävät yhä enemmän kuvituksia. Niistä on tullut suosittu vaihtoehto eri valokuvapankkien ratkaisuille.

Kuvien käytön edut

• Suora veto käyttäjän mielikuvitukseen, mikä mahdollistaa hänen henkilökohtaisen yhteyden vahvistamisen sivustoon;
• Lisää kuvan sisällön ja yksityiskohtien hallintaa;
• Tämä on yleensä halvempaa kuin valokuvauksen varaaminen ja tarjoaa enemmän luovaa vapautta;
• Kuvitukset ilmaisevat selkeästi monimutkaisia ​​käsitteitä tuttujen visuaalisten kuvien kautta.

1. Kohdista kuva asettelun yleisteemaan.

Verkkosuunnittelun kuvitukset ovat peräisin ikoneista ja muista toissijaisista elementeistä. Jos haluat tuoda tämän tyylin etualalle, sinun on yhdistettävä se sivuston pääteemaan suunnittelun ja sisällön suhteen.

2. Lisää luovia tehosteita.

Kuvitukset antavat suunnittelijoille enemmän vapautta käyttää luovia tehosteita, nämä kaksi ovat erityisen suosittuja:

Animaatiot - ne kulkevat aina käsi kädessä kuvien kanssa;

Tasot - Monipuolisuuden vuoksi kuvien avulla voit yksinkertaistaa tehosteita ottamalla käyttöön tasoja, jotka lisäävät kuvaan syvyyttä.

3. Käytä ohjeissa ja käsikirjoissa olevia kuvia.

Jopa sivustot, jotka eivät yleisesti käytä käsin piirrettyä graafista tyyliä, voivat silti sisällyttää sen ohjeisiinsa ja oppaisiinsa. Kuvat kertovat enemmän kuin sanat, ihminen tottuu siihen nopeammin. Lisäksi huoleton paikantaminen sarjakuvakuvien avulla auttaa käyttäjää unohtamaan, että hän on oppimassa, mikä tekee tästä prosessista helpompaa ja hauskempaa.

4. Käytä kuvissasi litteitä kuvioita.

Tietysti litteä muotoilu on hankkinut omat kerroksensa ajan myötä, mutta sitä voidaan käyttää myös kuvien tekemiseen. Se ei ole menettänyt suurinta osaa merkittävimmistä eduistaan ​​(luomisen ja havainnoinnin yksinkertaisuus, tällaisten grafiikoiden latausnopeus) ja sitä käytetään edelleen menestyksekkäästi kuvien suunnittelussa.

löydöksiä

Olet oppinut joitakin tekniikoita, jotka ovat suosittuja moderni ympäristö Web-suunnittelu. Käytä niitä projektisi yhteydessä. Muista, että et koskaan saa seurata sokeasti trendiä vain siksi, että sen toteutus näyttää hyvältä sellaisenaan. Kaikkia näitä asioita on käytettävä järkevästi ja hyödyllisesti, valikoivasti ja mielekkäästi. Olemme varmoja, että yllä olevien joukossa on ideoita, jotka auttavat sinua toteuttamaan kaupallisesti tehokkaan ja käyttäjille hyödyllisen projektin.

Online-liiketoiminnan menestys on toimiva verkkosivusto ja promootio. Nykyään kaikille on selvää, että verkkosivustot ovat eniten tehokas menetelmä liiketoiminnan edistäminen Internetissä. Sosiaalisten verkostojen ja SMM:n laajentuminen vain laajensi pienyritysten mahdollisuuksia, mutta vähensi kiinnostusta sivustoja kohtaan. Kauppiailla, joilla ei ole omaa verkkoresurssia, on yleensä monia luotettavuuteen ja maineeseen liittyviä kysymyksiä. ryhmä sisään sosiaaliset verkostot se on yhtä helppo poistaa kuin käynnistää. Lisäksi klo suuria hankkeita kloonattuja ryhmiä on usein useita, joten oma sivusto on eräänlainen luottamuksen merkki. Ja paljon riippuu suoraan itse sivuston tasosta.

Yksi tärkeimmistä rooleista on resurssien kehittämisen tasolla. Voimme sanoa, että sen avulla voidaan arvioida yrityksen menestysastetta. Monet Internetin käyttäjät ovat jo hyvin perehtyneet tekniseen puoleen, ja siksi he voivat ymmärtää, kuinka paljon huomiota kiinnitetään tähän tai tuohon resurssiin. Esimerkiksi pelkällä HTML-koodilla luodut sivustot ovat pitkään olleet menneisyyttä. Tietysti voit edelleen löytää monia tällaisia ​​resursseja verkosta, mutta ne muistuttavat menneisyyden mammutteja. Nykyään verkkosivustot pysyvät ajan tahdissa ja vaativat oikea-aikaisia ​​päivityksiä. Samaan aikaan sivustojen luominen tapahtuu päätrendien mukaisesti.

Jokainen vuosi tuo mukanaan omat trendinsä. Marketing Guru -toimiston pääkehittäjä Artjom Ponomarev jakoi tärkeimmät web-suunnittelutrendit.

Responsiivinen asettelu ja käyttöliittymämallit

On odotettavissa, että vuoden 2016 päätrendit virtasivat tasaisesti viime kaudesta. Ja ne jatkuvat, kunnes seuraava kääntöpiste tapahtuu. Nyt verkossa päätrendit määrittävät mobiililaitteet, joten mukautuvia malleja voidaan kutsua päätrendiksi. Tämä on yhtä aikaa sekä hyvää että huonoa. Mukautuva muotoilu- Teknisen toteutuksen kannalta erinomainen vaihtoehto, mutta sillä on myös merkittävä sivuvaikutus. Käyttöliittymämalleihin perustuvat sivustot ovat monella tapaa hyvin samankaltaisia, mikä vaikeuttaa suuresti suunnittelijoiden tehtävää.

mosaiikkisuunnittelu

Verkkosivujen suunnittelusta on tullut paljon helpompaa. Tärkeimmät trendit ovat mobiilialustojen määräämiä, ja Microsoftin panosta Windows 8 -käyttöliittymän kehittämiseen on vaikea yliarvioida, josta litteän suunnittelun leviäminen alkoi. Yksinkertaiset graafiset ratkaisut ovat suosittuja, ilman tarpeettomia koriste-elementtejä, koska tämä lisää liikennettä. Laatu kasvaa määrän sijaan. Siksi niiden kuvien, joita käytetään sivustomalleissa, on oltava hyvä laatu. Yleensä tähän tarkoitukseen valitaan yksi korkealaatuinen kuva, jota käytetään päätaustana.

Grafiikka tekstin sijaan

Samalla infografiikan rooli on kasvanut. Graafiset kuvakkeet yksinkertaistavat tiedon havaitsemista, joten lähettäessään tietoja ne luottavat kuviin. Tämä johtuu osittain siitä, että tekstin lukeminen älypuhelimen näytöltä on paljon vaikeampaa kuin kuvakkeiden katseleminen. Ohuet sans-serif-kirjasimet, joissa on suuri etumerkki, ovat kasvattaneet suosiotaan. Näitä fontteja on helppo lukea sekä suurilla että pienillä näytöillä. Kuvakkeet ovat enimmäkseen ääriviivattuna.

Loputon vieritys

Yksisivuisten sivustojen tulo johti katsojien kehitykseen. Infinite scrolling on saavuttanut suosiota. Kaikki tiedot kerätään ensimmäiselle näytölle, ja lisäsisältöä ladataan asteittain vierittäessäsi. Valikkokohdat on piilotettu erillisen kuvakkeen taakse.

Interaktiivinen vuorovaikutus

multimediasisältöä

Hakualgoritmien muutoksen myötä sivuston sisältö tarkistettiin kokonaan. Tällä hetkellä sivustot esittelevät pääosin multimediasisältöä käyttäen korkealaatuisia grafiikkaa, ääni- ja jopa videotiedostoja. Usein videotiedostoja löytyy sivustoilta taustana.

Marketing Guru on koko syklin toimisto, joka on erikoistunut Internet-projektien kehittämiseen ja toteuttamiseen. Yrityksen tiimiin kuuluu erikoistuneita asiantuntijoita. Yrityksellä on yli 530 onnistuneesti toteutettua projektia.

Mikä muuttaa web-suunnittelua?

Ennen kuin alat ennustaa trendejä, on tärkeää ymmärtää, miksi web-suunnittelu muuttuu.

Tekniikat: Käytettävissä olevien teknologioiden ja työkalujen parannukset sekä verkkosivujen luomisen että käytön osalta määrittävät suurelta osin suunnittelijoiden ja kehittäjien kyvyt.

Käyttäjät: Se, miten verkkosivustojen vierailijat, suunnittelijat ja kehittäjät käyttävät saatavilla olevia tekniikoita, muuttaa myös web-suunnittelualaa ja pakottaa sen mukautumaan lupaavimpiin trendeihin.

Muut luovat alueet: Muiden luovien alojen trendaavat kohteet (esim graafinen suunnittelu ja haute couture) tulevat lopulta myös osaksi web-suunnittelualaa ja päinvastoin. Luovuus kehittyy ideoita yhdistelemällä ja rinnakkain, jolloin tunteita voidaan välittää paremmin ja tarjota kiinnostavia ratkaisuja.

Useimmat meistä käyttävät tällä hetkellä useita laitteita verkon selaamiseen (kuten tablettia ja kannettavaa tietokonetta) ja odottavat tietyn sivuston toimivan hyvin ja näyttävän hyvältä riippumatta siitä, millä laitteilla kyseistä resurssia käytetään.

Responsive Web Design (RWD), joka sisältää saman HTML-koodin lataamisen mille tahansa laitteelle ja CSS:n muuttamiseen ulkomuoto Laitekohtaiset sivut ovat yleinen tekniikka, jota Google suosittelee käytettäväksi optimoitaessa verkkosivustoja mobiililaitteille. Tästä syystä monet alla olevan luettelon trendeistä heijastavat verkkosuunnittelun lähestymistapoja, jotka täydentävät RWD:tä.

Lista vuoden 2016 trendeistä on seuraava:

Minimalismi ja tasainen muotoilu 2.0

Vuonna 2015 minimalismilla oli suuri kysyntä. Ja vuonna 2016 tämän konseptin kysyntä jatkuu. se täydellinen vaihtoehto käytettäväksi yhdessä RWD:n kanssa, koska se välttää sekaannuksia, keskittyy tärkeimpiin elementteihin ja käyttää tehokkaasti tilaa. Toisin sanoen: vähemmän on enemmän.

Suosittu lähestymistapa web-suunnitteluun, joka sopii erittäin hyvin minimalismin filosofiaan, on niin kutsuttu flat design (alias Flat Design). Nyt olennaisinta on sen uusin inkarnaatio Flat 2.0:n edessä.

Antaa erinomaisen kuvan Flat 2.0:n periaatteista Google materiaalisuunnittelu: Aineellisen maailman heijastus, jossa on mielenkiintoinen varjojen, valon ja liikkeen leikki, jonka avulla käyttäjät voivat saada visuaalisia vihjeitä verkkosivuston käyttämisestä.

Ydinkomponentit, kuten ruudukot, negatiivinen tila, elävät värit ja upeat muodot välittävät merkityksen ja hierarkian, mikä luo pohjan syvemmälle käyttäjien sitoutumiselle.

Tähän asti litteässä suunnittelussa ei ole käytetty vihjeitä pyöristetyistä kulmista, varjoista tai värigradienteista, mutta Flat 2.0:n leviäminen voi johtaa kokeiluihin minimaalisilla tekstuureilla ja pehmeillä liukuväreillä.

Vintage-tyyli suoraan 80-luvulta

Värikäs aikakausi tilaa vieviä tietokoneita ja valtava Kännykät 80-luvun ja 90-luvun alun kattava inspiraation lähde web-suunnittelijoille, jotka pitävät vintage-tyylitrendistä, joka on saamassa vauhtia. Pikselöidyt kuvakkeet ja teksti, galaktiset taustat, interaktiiviset liikkuvat tähdet ja planeetat muodostavat kaikki yhden web-suunnittelualan suurimmista trendeistä vuonna 2016.

Interaktiivinen ja mukaansatempaava kokemus

Ihmiset luonteeltaan rakastavat puhumista ja kuuntelemista. hyviä tarinoita. HTML5-kanvaselementin taikuuden, CSS3-animaatioiden ja siirtymien, nykyaikaisten JavaScript-sovellusliittymien, kuten WebGL:n ja Greensockin, sekä laitteistokiihdytyksen ansiosta verkossa kerrotuista tarinoista tulee entistä mukaansatempaavampia ja interaktiivisempia.

Mobiililaitteiden Internet-surffailukäytännön leviäminen on johtanut siihen, että käyttäjät ovat tottuneet pitkittyneeseen selaamiseen. Verkkosuunnittelijat, jotka pystyvät kertomaan upeita tarinoita ja sitouttamaan käyttäjiä saatavilla olevaan sisältöön tutustumiseen, voivat saada käyttäjät vierimään alatunnisteeseen asti.

Kirkkaat ainutlaatuiset kuvitukset ja ikonografia

Korkean pikselitiheyden näyttöjen tulo on osoittanut, että vakiokuvamuodot eivät aina sovellu käytettäväksi moderni internet. .jpg- ja .png-tiedostojen käyttö voi aiheuttaa pikseloitumista Retina-näytöille, mikä heikentää sivuston estetiikkaa.

Tämä ongelma voidaan ratkaista käyttämällä nykyaikaisten selainten tukemaa SVG-muotoa (Scalable Vector Graphics) ja helposti toteutettavia kuvakkeilla varustettuja fontteja. Näiden elementtien ansiosta voimme odottaa näkevämme lähitulevaisuudessa lisää web-suunnitteluratkaisuja, jotka perustuvat värikkäisiin ainutlaatuisiin kuviin, tyylikkäisiin käsin piirrettyihin fontteihin kuvakkeilla ja SVG-kuvakkeilla, jotka pysyvät terävinä ja kauniina kaikilla näytön tarkkuudella.

Fontit tekevät itsensä tunnetuksi

Tyyppityöt ovat keskeinen osa muotoilun kehittämistä ja brändäystä. Tämä pätee myös Internetiin, jossa tiedon kulutus on tietyn sivuston sivuilla vierailevien käyttäjien päätavoite.

Palvelut, kuten Google Fonts ja Typekit, tarjoavat ainutlaatuisia ja helppokäyttöisiä kirjasimia vierailijoille, joten ne ajat, jolloin verkkosuunnittelijat joutuivat työskentelemään vain muutaman järjestelmäfontin kanssa, ovat menneet.

Litteä muotoilu ja minimalismi hyödyntävät jo suuria, rohkeita kirjasintyyppejä. Vuonna 2016 voimme odottaa vielä enemmän kokeiluja taiteellisten kirjasimien käytössä verkkosivuilla.

Korkearesoluutioiset visuaalit

Lisääntyä kaistanleveys verkot, lisääntynyt selaintuki HTML5-videoelementille ja uudet tavat ladata valikoivasti korkearesoluutioisia grafiikoita Retina-näytöllä varustettuihin laitteisiin lisäävät entisestään upeiden korkearesoluutioisten taustakuvien ja HD-videon käyttöä verkkosivustoilla vuonna 2016.

Selaintuen laajentaminen CSS3:n background-blend-mode -ominaisuuteen voi johtaa erittäin mielenkiintoisiin taiteellisiin tehosteisiin kuvissa, jotka luodaan suoraan selaimessa muutamalla rivillä CSS-koodia.

Myös cinemagraph-kategorian tehosteita käytetään yhä enemmän. Niiden avulla voit luoda staattisia kuvia animoiduilla elementeillä, jotka kiinnittävät sivuston vierailijoiden huomion. Nämä tehosteet eivät ole uraauurtavia, mutta Live Photosin menestys uusimmissa iPhone-puhelimissa ja kasvava määrä HTML5-pohjaelementtiä tukevia selaimia pitäisi auttaa siirtämään tehosteita cinemagraph-kategoriasta yhteen vuoden 2016 tärkeimmistä web-suunnittelutrendeistä.

Joustavampia ruudukkopohjaisia ​​asetteluja

Pinterest-tyyliset ruudukkopohjaiset asettelut ovat edelleen erittäin suosittuja vielä tänäkin päivänä. Minimalismi, litteä muotoilu ja suositut käyttöliittymäkehykset, kuten Bootstrap, joka tekee ruudukoista helppoa, ruokkivat ruudukkopohjaisten strukturoitujen verkkoasettelujen kasvua.

Vuonna 2016 voimme odottaa joustavien ruudukkopohjaisten asettelujen suosion kasvua. Verkkosuunnittelijoiden halu lisätä käyttäjien sitoutumista ja sisällön interaktiivisuutta ajaa siirtymistä joustavampiin ruudukkopohjaisiin asetteluihin ja klassisista vaihtoehdoista luopumista.

Päätelmän sijaan

Yllä luetellut web-suunnittelutrendit täydentävät toisiaan tehden verkkosivujen suunnittelusta entistä monipuolisempaa, kiinnostavampaa ja ainutlaatuisempaa. Mutta tätä listaa voisi hyvin laajentaa. Mitkä web-suunnittelutrendit mielestäsi määrittävät vuonna 2016?