Verkkosuunnittelun trendit. Typografiaa koskevat lisätehosteet. Yksinkertaistettu suunnittelijalta kehittäjälle -prosessi

Selvitetään, mitä tarkoittaa olla suosittu, muodikas ja moderni web-suunnittelussa vuonna 2017. Katsotaanpa tätä varten web-suunnittelun päätrendejä. Suurin osa niistä vaeltelee vuodesta toiseen ja niistä on jo tullut olennainen osa modernia verkkosivustojen rakentamista. Tämä liittyy erityisesti kehitykseen mobiiliteknologiat, viestintäkanavia ja laiteparannuksia. Esimerkiksi verkkosivujen liikkuvuuden kaltaisesta trendistä on tullut pakollinen. Internetin kaupallistaminen sanelee myös sen tiukat ehdot suunnittelijoille ja web-kehittäjille. Samaan aikaan jotkin trendit heikkenevät ja heikkenevät, mutta ovat edelleen melko aktiivisia. Muodikkaat, lyhyelle ajalle ominaiset harrastukset ilmestyvät myös. Esimerkiksi viime vuonna nämä olivat ikoneja pitkä varjo kuvattuja esineitä. Tänä vuonna geometrisista kuvioista on tullut suosittuja, katsomme myös niitä. Otetaan siis järjestyksessä.

1. Mobiili, responsiivinen muotoilu
Nykyään ehkä tärkein ja pakollisin suuntaus. Sivuston tulee näyttää yhtä hyvältä kaikilla näyttöjen, kannettavien tietokoneiden ja näyttöjen resoluutioilla matkapuhelimet ja tabletit. Hakukoneet muuten tarkkailevat erittäin tarkasti, kuinka hyvin sivusto on mukautettu eri laitteille, ja sen perusteella määrittävät sen paikan hakutuloksissa.

2. Aktiivinen typografia
Se on ollut yksi suosituimmista trendeistä jo usean vuoden ajan. Sivuston suuret fontit ja typografia sisältävät kaksi osaa. Ensinnäkin esteettinen - kauniit linjat, kaaret ja kirjaimet itsessään ovat koristeita ja koristeellinen elementti. Ja toiseksi, tämä on toiminnallisuutta - suuren fontin avulla voit yksiselitteisesti ja selkeästi välittää pääidean vierailijalle.

3. Laajakuvavideo
Sivuston taustalla oleva koko näytön video kiinnittää epäilemättä huomiomme välittömästi. Tämä on hyvä tekniikka kiinnostaa vierailija. Nykyaikainen teknologian kehitys tekee videoiden upottamisesta verkkosivustolle helppoa, mikä tarkoittaa, että suunnittelijat käyttävät tätä tekniikkaa yhä enemmän. On kuitenkin yksi varoitus: videon katsominen on mielenkiintoista vain toisella ja kolmannella kerralla. Siksi tämä tekniikka on tehokas vain uusille vierailijoille.

5. Elokuvat
Hyvä vaihtoehto laajakuvavideo Ja upeita valokuvia taustalla. Cinemagraphs ovat valokuvia, joissa tapahtuu pieniä, toistuvia liikkeitä. Ne esitetään yleensä gif-muodossa ja antavat katsojalle illuusion videon katsomisesta. Lisää elokuvasta iso määrä esimerkkejä löytyy valikoimasta

6. Tasainen muotoilu
Toinen voimakas trendi Viime vuosina. Tasaisilla väreillä suunnitellut verkkosivustot ovat yleensä siistejä ja selkeitä. Mutta viime aikoina on ilmestynyt uudenlainen litteä muotoilu - puolitasainen. Tällöin koko suunnittelu on tehty tasavärisinä ja vain yhdessä elementissä on varjo, kaltevuus tai tekstuuri. Yleensä tämä elementti on painike, jolle annetaan äänenvoimakkuus tai näkyvyys vierailijoiden huomion kiinnittämiseksi.

7. Mikrovuorovaikutus sivustolla
Nykyään web-suunnittelussa kiinnitetään paljon huomiota sivuston toiminnallisuuden ja suunnittelun mikrovuorovaikutukseen vierailijan kanssa. Sen ydin on, että vierailija näkee selkeästi toimintansa tuloksen sivustolla, olipa kyseessä sitten säätö mukautetut asetukset, linkin seuraaminen, toiminnon vahvistaminen, aktiivisten kuvakkeiden, painikkeiden, kytkimien, laskurien ja muiden elementtien vuorovaikutus.

8. Esineiden animaatio
Nykyaikaisen html5:n ja css3:n ominaisuudet mahdollistavat suuren arsenaalin käytön erikoistehosteet verkossa. Tämä tekee vuorovaikutuksesta sivun kanssa vierailijalle mielenkiintoisempaa ja jännittävämpää. Joten uudessa vuonna näemme myös odottamattomimpia interaktiivisia esineiden mikroliikkeitä, jotka yleensä reagoivat hiiren liikkeisiin. Ehkä näemme esimerkkejä monimutkaisemmista animaatioista.

9. Kirkas värimaailmat
Vuoden 2017 suositut muodikkaat värit suosivat kirkkautta ja kylläisyyttä. Mielenkiintoiset alkuperäiset punaisen, sinapin, keltaisen, smaragdin, syvän sinisen sekä punaisen, lilan ja suklaan sävyt auttavat sivustoasi erottumaan joukosta ja hankkimaan oman ainutlaatuisen tyylinsä.

10. Sivuston vieritys
Koska sivuston vieritys on ihanteellinen mobiililaitteille, sen läsnäolo on merkittävä vuonna 2017. Ainoa asia on, että vieritys ei jätä tilaa käyttäjän vuorovaikutukselle, ja siksi jatkuvasta sisällön lataamisesta on tietty väsymys. Ehkä suuntaus kääntyy kohti yksinkertaisten ohjauselementtien yhdistämistä vieritykseen.

11. Parallaksiefekti
Parallaksi on objektin näennäisen sijainnin muutos suhteessa etäällä olevaan taustaan. Verkkosuunnittelussa tätä tehostetta käytetään vieritettäessä sivustoa, kun objektit ja tausta vieritetään eri nopeuksilla, mikä johtaa illuusion kolmiulotteisuudesta. Trendi on melko vakaa, joten tulemme näkemään sivustoja, joissa on parallaksi useammin kuin kerran.

12. Modulaarinen rakenne
Modulaarinen suunnittelu eli itsenäisistä merkityslohkoista koostuva korttiliittymä on ollut suosittu jo jonkin aikaa. Tämä trendi on erittäin hyvä mobiililaitteille, koska lohkot sopivat hyvin mihin tahansa näytön resoluutioon. Mutta suurilla sivustoilla ne näyttävät melko samalta, ja niitä on vaikea hierarkia ja jäsentää.

13. Yksihakulaitteet
Yksisivuisista sivustoista, aloitussivuista ja aloitussivuista on tullut olennainen osa moderni Internet. Voit lukea lisää siitä, mikä aloitussivu on artikkelista ja. Vuonna 2017 aloitussivuilla painotetaan entistä enemmän toimintaan kutsuvaa painiketta - tilaa, soita, rekisteröidy jne. Kaikki muu on häiriötekijä potentiaalinen vierailija, katkaistaan.

14. Graafinen mainonta
Haluan myös mainita yhden asian, jonka muistan kuluneesta vuodesta ja todennäköisesti trendi jatkuu vuonna 2017. Runetin kaupallistamisen ja verkkokaupan kasvun vuoksi graafisten promootiomateriaalien kysyntä mainontaan ja promootioon on lisääntynyt merkittävästi - bannerit, teaserit, kortit, lentolehtiset.

15. Tyypillisten prosessien automatisointi
Kaikki standardiratkaisuja ja sivuston menettelyt korvataan vähitellen automatisoidut prosessit, mikä eliminoi tarpeen kommunikoida tuen tai online-konsulttien kanssa. Tästä johtuen suosio kasvaa erilaisia ​​sovelluksia ja laajennukset. Nyt voit ostaa tuotteen tai palvelun, tehdä tilauksen, varata ajan, varata paikkoja, siirtää rahaa, täyttää lomakkeen tai tehdä testin - kaikki tämä voidaan tehdä verkossa muutamalla hiiren napsautuksella.

16. Infografiikka
Graafinen esitys infografiikan muodossa on edelleen suosittua ja kysyntää. Tekstin säestys kaunis kuva tai ikoni yhdistettynä tyylikkäisiin sisustuselementteihin tekee infografiikasta esteettisesti houkuttelevan. Vertailevat infografiikat ovat erityisen visuaalisesti selkeitä ja mielenkiintoisia - kuten mitä tapahtui ja mitä tapahtui, kyllä ​​ja ei, hyvät ja huonot puolet, saa ja kiellot jne. Voit myös käyttää infografiikkaa kertoaksesi vaiheittaisen tarinan tai esitelläksesi elävästi tylsiä tilastoja.

17. Hampurilaismenu
Hampurilaismenu on visuaalinen ikoni kolmesta vaakasuuntaiset raidat, yleensä yläreunassa sivuston kulmassa, kun sitä napsautetaan, se avautuu tai liukuu ulos sivulta täysi menu. Monet asiantuntijat ennustavat, että tämä suuntaus hiipuu, koska useimmat kokemattomat käyttäjät eivät yksinkertaisesti ymmärrä tämän kuvakkeen tarkoitusta. Siksi web-suunnittelijat suosivat yksinkertaistettua navigointia. Mutta siitä huolimatta, näemme hampurilaismenun useammin kuin kerran äskettäin luoduilla sivustoilla.

18. Kuvakkeet
Ikonit tiedon esittämiseen ja visualisointityökaluina ovat olleet ja ovat edelleen yksi suunnittelijoiden suosituimmista ja suosituimmista trendeistä. Riittää, kun asetat vastaavat temaattiset kuvakkeet lähelle tekstiä sisältäviä lohkoja - ja nyt koko teksti saa loogisen ja visuaalisen järjestyksen ja rakenteen. Joten tulevana vuonna jatkamme kuvakkeiden aktiivista käyttöä.

19. Kirjeen pinoaminen
Kirjeiden pinoaminen on tekstiä neliössä. Pohjimmiltaan tämä on esimerkki monimutkaisesta luovasta ratkaisusta - sinun täytyy kuvitella pitkä teksti pienen tilan tilavuudessa. Samalla sen pitäisi näyttää kauniilta ja alkuperäiseltä. Tänä vuonna se on myös muotia.

20. Tyhjä painike
Tilan ja tilan säästämiseksi mobiililaitteissa jokin aika sitten ilmestyi tyhjä painike - suuri merkintä neliömäisellä ääriviivalla sanan ympärillä. Tällainen painike antaa yleiskuvan painikkeen takana olevasta taustasta ja säilyttää samalla toiminnallisuutensa täysimittaisena painikkeena. Lisäksi suunnitteluelementtinä tällainen painike näyttää tyylikkäältä ja siistiltä.

21. Vältä arkistokuvia
Jotkut asiantuntijat ovat huomanneet, että suunnittelijat ovat alkaneet luopua kuvista. Koska nykyaikaisilla laitteilla voit ottaa valokuvan nopeasti ja tehokkaasti itse, voit välttää persoonallisuuden ja yhtenäisyyden ja ottaa omasi ainutlaatuinen valokuva ja luo oma ainutlaatuinen mallisi.

22. Epätavalliset kuvakulmat
Mielenkiintoisten kuvakulmien löytäminen valokuvista on tullut jokaisen kameralla varustetun älypuhelimen omistajan käytettävissä. Tässä suhteessa luovuus valokuvien luomisessa on poissa listalta ja voimme sisustaa sivustoa ainutlaatuinen kuva epätavallisella katselukulmalla tai perspektiivillä.

23. Karuselli
Useita vuosia sitten suunnitteluelämään noussut karuselliliukusäädin on edelleen suosittu ja ajankohtainen verkkosivuja suunniteltaessa. Leveän liukusäätimen avulla on kätevää kiertää tärkeimpiä uutisia sekä esittää ajankohtaisia ​​tarjouksia, kokoelmia ja muuta asiaankuuluvaa tietoa, jonka vierailija näkee heti saapuessaan sivustolle.

24. Itse toistava ääni ja video
Mutta tämä suuntaus on terve 2000-luvulta. Muistan silloin, kun oli muotia soittaa ääntä, kun osui verkkosivustolle. Ja tämä monille. En voi sanoa, että äänisäestys miellyttää minua, mutta ehkä maltillinen käyttö on huomaamatonta. Itse toistettava video on enemmän kunnianosoitus mainoksille, kuten minulle. No, plus halu pitää vierailijan huomio syötteessä. Ei miellyttävin trendi, mutta kaupallisesti välttämätöntä.

25. Geometriset kuviot
No, lopetamme lyhyen aikavälin tarkastelun muotitrendi erilaisten muodossa geometrisia kuvioita ja kuvioita. Niistä tuli yllättäen suosittuja viime vuoden lopulla. No, toinen tapa tehdä verkkosivustosi suunnittelusta erottuva ja ainutlaatuinen.

Infografiikka "Web-suunnittelun trendit 2017"
Tarjoan sinulle infografian, joka esittelee selkeästi kaikki web-suunnittelun trendit ja trendit. Lataa kuva sisään suurikokoinen Voit seurata tätä linkkiä DeviantArtissa. DeviantArt-sivu avautuu uuteen ikkunaan. Napsauta siellä kuvan oikealla puolella olevaa sanaa Lataa ja tallenna kuva tietokoneellesi.

Vuonna 2016 ilmestyi monia mielenkiintoisia sivustoja, joissa modernit trendit ilmenivät selvästi. Ei ole epäilystäkään siitä, että ensi vuosi tuo meille monia hämmästyttäviä suunnitteluratkaisuja. Tietysti jotkut suuntaukset laskevat, kun taas toiset päinvastoin alkavat vahvistua. On melko vaikea ennustaa, miten asiat todellisuudessa käyvät, mutta jo nyt nähdään, mitkä trendit hallitsevat web-suunnittelua vuonna 2017.

Huomio, sisältö

Verkon nopea kehitys on johtanut siihen, että suunnittelijat ovat liian innostuneet itse suunnittelusta: sivupalkit, otsikot, mainosbannerit, ponnahdusikkunat, painikkeet sosiaaliset verkostot, toimintakehotuksia, rekisteröintilomakkeita... Kaikki tämä on tietysti erittäin tarpeellista, mutta sen seurauksena sivustot olivat ylikuormitettuja toiminnallisilla elementeillä, jotka veivät paljon tilaa ja veivät käyttäjien huomion pois tärkeimmästä asiasta - sisältö.

Joten vuonna 2017 saatamme nähdä hitaasti palaavan perusasioihin, ja suunnittelijat asettavat sisällön etusijalle. Jotkin toiminnalliset elementit eivät enää ole merkityksellisiä, on täysin mahdollista, että niiden suunnittelua harkitaan uudelleen ja ehkä uusia, ymmärrettävämpiä toimintoja ilmaantuu. Jo nyt tuntuu, että yksinkertaistamistrendi on voimistumassa, joten siirtyminen kohti perusasioita ei ole taantumista, vaan liikettä eteenpäin. Käyttäjä ei tarvitse hienoja toimintakehotuspainikkeita tai rekisteröintilomakkeita – nykyään ihmiset välittävät vain sisällöstä, ja suunnittelijoiden on toimitettava se tavalla, joka ei jätä sivuston vierailijoille tarpeettomia esteitä sisältöön osallistumiselle.

Litteän suunnittelun aikakauden loppu

Näyttää siltä, ​​että litteä muotoilu on saavuttanut kehityksensä huipun: monia verkkosivustoja on ilmestynyt, jotka näyttävät täsmälleen samalta, eikä niiden suunnittelussa ole yksilöllisyyden tai luovuuden tunnetta. Samat tekniikat, samanlaiset elementit, yhteiset värimaailmat - kaikki tämä on johtanut havaittavaan yksitoikkoisuuteen verkkosivujen suunnittelussa.

Viime aikoihin asti litteä muotoilu oli erittäin "kuuma" trendi, sillä oli oma estetiikkansa, skeuomorfismin estetiikan vastakohta, ja lisäksi litteä muotoilu sopi erittäin hyvin mobiiliympäristöön. Mutta halu yhtenäistää jollain tapaa ei ole hyödyttänyt web-suunnittelua kokonaisuutena: sivustot ja sovellukset ovat tulleet niin samankaltaisiksi, että suunnittelijoiden on ponnisteltava huomattavasti saadakseen projektinsa erottumaan kilpailijoista. Litteä design ei tietenkään katoa mihinkään, mutta sen voittomarssi uusimpana trendinä näyttää olevan ohi.

Geometriset muodot, viivat ja kuviot

Geometriset muodot ja erilaiset kuviot olivat yksi kuluneen vuoden näkyvimmistä trendeistä ja tämä trendi jatkuu myös vuonna 2017. On monia tapoja käyttää geometrisia muotoja verkkosivustojen suunnittelussa. Nämä eivät ole vain ympyrään kirjoitettuja kuvia, joita löytyy kaikkialta - muotojen ja kuvioiden valikoima on niin suuri, ettei mikään rajoita suunnittelijan mielikuvitusta. Mielenkiintoisten kuvioiden, viivojen ja muotojen käyttö voi kohottaa mallia. uusi taso ja anna sivustolle persoonallisuutta. Litteä suunnittelu riistää verkkosivuilta niiden identiteetin, joten suunnittelijat etsivät tapoja ratkaista tämä ongelma, ja erilaiset epätyypilliset elementit auttavat heitä tekemään verkkosivujen ulkonäöstä ainutlaatuisen ja tunnistettavan.

Vuonna 2016 oli hyvin havaittavissa oleva trendi käyttää otsikoita, joissa on epätyypillinen muotoilu. On ilmestynyt monia sivustoja, joissa pääsivun pääelementti oli nimi. Logo, yleensä vasemmalla yläkulma sivuja, usein väistyi näyttävälle kirjoitetulle otsikolle kaunis fontti. Tämä kaikki on seurausta omaperäisyyden halusta - suunnittelijat etsivät tilaisuutta ilmaista luovuuttaan ja vaikuttava typografia on hienolla tavalla Anna sivustolle sen tarvitsema persoonallisuus. Tämä suuntaus on tietysti melko paikallinen, sen vaikutusalue tuskin ulottuu taideprojektien ja viihdesektorin ulkopuolelle. Epätyypillisiä otsikoita tulee kuitenkin käyttää, jos projektin tyyli sen sallii. Kaikissa muissa tapauksissa klassinen logo sivun yläosassa olisi sopivampi.

Käyttäjien huomion tavoittamiseksi monet tuotemerkit käyttävät kaksivärisiä kuvia ja epätavallisia liukuvärejä verkkosivustojensa suunnittelussa. Duotone on ollut merkittävä trendi kuluneen vuoden aikana, ja ei ole epäilystäkään siitä, että monet suunnittelijat jatkavat tämän tekniikan käyttöä tulevaisuudessa. Ehkä joskus se ei ole vain kaksisävyinen, kuva voi hyvinkin sisältää muita värejä, jos tämä mahdollistaa haluttu vaikutus. Samaan aikaan kuvat, joissa kaksisävy on yhdistetty gradienttiin, näyttävät nykyään erittäin tuoreilta. Litteä muotoilu "auttoi" päästä eroon suurimmasta osasta kaltevuudet, mutta nyt ne ovat taas palanneet muokatussa, mutta samalla erittäin houkuttelevassa muodossa.

Animaatioiden laaja käyttö

Animaatio on yleistymässä verkkosivujen suunnittelussa, sillä se on loistava tapa kertoa käyttäjille, mitä heidän pitäisi tehdä, tai yksinkertaisesti välittää pääidea nopeammin. Aiemmin käyttäjät käsittelivät tavallisia GIF-tiedostoja, mutta nyt on nousussa trendi, jossa animaatio tehdään SVG:n ja CSS:n ominaisuuksilla. Tämä lähestymistapa on monimutkaisempi, mutta samalla voit toteuttaa melkein minkä tahansa suunnittelijan idean.

On selvää, että animaation käyttö yleistyy entisestään vuonna 2017, kun sisältö muuttuu interaktiiviseksi ja animaatio nopeuttaa ja helpottaa vuorovaikutusta käyttäjän kanssa. Tekstin lukeminen tai videon katsominen vie aikaa, mutta animaation avulla saavutat tavoitteesi huomattavasti lyhyemmässä ajassa.

Yksinkertaistettu navigointi

Mobiili-Internetin käyttäjien osuus kasvaa jatkuvasti enemmän kuin älypuhelinta tai tablettia pöytätietokone. Kun yhteiskunta muuttuu liikkuvammaksi, se aikaisemmat lähestymistavat sivuston navigointi lakkaa toimimasta. Käyttäjiä on autettava navigoimaan sivustolla, ja tämä voidaan tehdä vain yksinkertaistamalla navigointia.

Suuret valikot sisältävät verkkosivustot eivät enää halua viettää paljon aikaa etsimiseen tarvittavat tiedot, joten yhä useammat sivustot hylkäävät monimutkaisen navigoinnin ja jättävät valikkoon 4–5 kohtaa. Loput navigointielementit, jos niitä on, pysyvät piilossa ja näkyvät vain tarvittaessa.

UX-suunnittelussa positiivinen käyttökokemus on avainasemassa. Siksi mikrovuorovaikutusten pitäisi auttaa käyttäjiä ymmärtämään, kuinka käyttöliittymä on vuorovaikutuksessa ilman tarpeetonta sekaannusta. Kuvien selaamisen, grafiikan vierittämisen ja muiden käyttäjän toimien tulee olla mahdollisimman luonnollisia. Auttamalla käyttäjää olemaan vuorovaikutuksessa tehokkaasti sovelluksen kanssa, voit käyttää mikrovuorovaikutuksia kannustaaksesi ihmisiä katsomaan sisältöä. Tärkeintä on jatkuvasti kiinnittää käyttäjän huomio tarjoamalla hänelle käteviä katseluvaihtoehtoja. mielenkiintoista tietoa. Mobiililaitteiden laaja omaksuminen teki mikrovuorovaikutuksista yhden vuoden 2016 merkittävimmistä trendeistä, ja ei ole epäilystäkään siitä, että tämä trendi on yksi ensi vuoden tärkeimmistä.

Mukautettu grafiikka

Suunnitteluelementit, jotka näyttävät käsin piirretyiltä, ​​ovat yhä enemmän kysyttyjä. Tämä ei koske vain kuvia - hyvin usein voit nähdä suunnittelussa käsinkirjoitettuja fontteja, alkuperäistä grafiikkaa, epätyypillisiä painikkeita tai kuvakkeita. Pienet muutokset tuttujen elementtien suunnittelussa voit antaa sivustolle yksilöllisyyden, tehdä siitä "elävämmän" ja houkuttelevamman käyttäjille. Jos projektin erityispiirteet sallivat epävirallisen lähestymistavan, mukautetun grafiikan käyttö on erinomainen tapa ratkaista ongelma ilman vakioelementtejä.

Aloitussivujen kasvava merkitys

Tänään, kun käyttäjät ovat vuorovaikutuksessa eri tyyppejä sisältöä, on erittäin tärkeää tarjota heille tarvittavat tiedot. Tästä syystä aloitussivujen merkitys tulee nousemaan vuonna 2017. Design kotisivu paljon huomiota kiinnitetään edelleen, mutta joskus sivustolla on niin paljon sisältöä, että se täytyy vain sijoittaa tiiviisti aloitussivut. Markkinoijat ovat myötävaikuttaneet tähän trendiin ohjaamalla liikennettä omistetuille aloitussivuille, jotta käyttäjät löytävät tarvitsemansa nopeammin.

Päätelmän sijaan

Aika näyttää, mitkä trendit lähtevät näyttämöltä ja mitkä pysyvät. Myös uusia trendejä ilmaantuu - vaikka monet ihmiset ajattelevat, että web-suunnittelu on pysähtynyt, tämä ei todellakaan pidä paikkaansa. Joten ensi vuonna voimme kaikki odottaa näkevämme paljon kauniita verkkosivustoja epätavallisilla malleilla.

Tavallisen verkkosivuston luominen ei ole sellaista yksinkertainen tehtävä, miten luodaan tehokas verkkomarkkinointityökalu modernilla designilla. Kaunis ja hyvin optimoitu verkkosivusto vaatii paljon aikaa, investointeja ja jopa inspiraatiota. Kuinka suunnitella verkkosivusto houkuttelemaan lisää asiakkaita? Otetaan selvää artikkelista.

Internet Live Statsin mukaan maailmassa on yli 1,2 miljardia verkkosivustoa. Joka sekunti tämä arvo kasvaa noin 10 yksikköä. Toimialasta riippumatta verkkosivustosi pitäisi olla nykyaikaiset vaatimukset sekä teknologian että suunnittelun näkökulmasta. Tässä artikkelissa keskitymme sivuston ulkonäköön - miltä sen pitäisi näyttää vuonna 2017. Liian kirkkaita, värikkäitä ja näyttäviä fontteja on pidetty vanhentuneina pitkään. Kuvakkeet korvaavat kuvat helpottaakseen käyttäjien liikkumista valikon kohteissa. Useimmat Internet-markkinointiin osallistuvat asiantuntijat tietävät kuitenkin nämä tosiasiat. Tästä artikkelista opit, miltä sen pitäisi näyttää moderni muotoilu sivustoja.

1. Verkkosuunnittelu keskittyy ensisijaisesti mobiililaitteisiin.

Niin sanottu mobiili-first lähestymistapa verkkosivujen kehittämiseen on ollut olemassa yli 5 vuotta. Vaikka tämä ei ole uusi trendi, se on ehdottomasti huomionarvoinen, sillä siitä on tullut jokaisen yrityksen omistajan pakollinen hankinta, jos he haluavat lisätä myyntiä tällä markkinointikanavalla.

Mitä mobiililähtöisyys tarkoittaa? Tämä on verkkokehitystä, joka keskittyy mobiiliresponsiivisuuteen. Responsiivisen suunnittelun käyttö on täysin järkevää, varsinkin kun ottaa huomioon virallisia tilastoja, julkaisija StatCounter, riippumaton verkkoanalytiikkatoimisto. Hänen mukaansa mobiililaitteiden Internetin käytön osuus on 51,3 %. Tästä syystä Google on lopettanut Instant Search -palvelunsa tukemisen. Tämä ominaisuus oli työpöytäkäyttäjien käytettävissä ja tarjosi hakutuloksia, kun henkilö oli juuri kirjoittamassa kyselyään. Liikenteen lisääntyessä yritysten omistajat voivat saada enemmän myyntiä. Siksi keskittyminen laajempaan yleisöön on täysin järkevää.

2. Piilotettu navigointi

Monet meistä ovat kuulleet, että haluttujen napsautusten määrän minimoiminen on välttämätöntä, jotta käyttäjä saavuttaisi kohdetoiminnon loppuun. Mitä vähemmän napsautuksia, sitä suurempi tulos. Tästä huolimatta nykyaikainen web-suunnittelu sisältää usein piilotetun ponnahdusvalikon, joka tulee näkyviin niin sanotun "hampurilaisen" napsautuksen jälkeen. Tämä ratkaisu perustuu responsiiviseen suunnitteluun, kun valikko on tarpeen sijoittaa niin, että se näyttää oikealta mobiililaitteilla.

Perinteinen sivustonavigointi, joka sisältää sivun yläreunassa olevia elementtejä, vie liikaa tilaa ja rajoittaa kykyä kiinnittää käyttäjän huomio merkitykselliseen sisältöön. Piilotetun navigoinnin luomisella on toinen etu, jonka avulla voit luoda houkuttelevamman ja tehokkaamman kotisivun.

3. Tilava ensimmäinen näyttö

Ponnahdusvalikko luo ylimääräistä tilaa kotisivun ensimmäisellä näytöllä. Näin voit tuoda esiin yrityksen tärkeimmät edut suurempi fontti, houkuttelevampia ja luettavampia kuvakkeita varten tehokas vetovoima käyttäjän huomio. "kuin" aikakausi lisää tietoa, sitä parempi” on jo menneisyydessä. On tärkeää, että käyttäjä kulkee tasaisen polun, jonka päämäärä on onnistuneesti suoritettu kohdetoiminto. Lisää vapaata tilaa antaa suunnittelijoille mahdollisuuden toteuttaa omansa parhaita ideoita sivuston pääsivulle, mikä tekee tästä markkinointikanavasta ainutlaatuisen ja houkuttelevamman käyttäjille. Parhaat sivuston mallit sisältävät ensimmäisen näytön taustakuva täysleveä useilla pehmeillä väreillä. Navigointialueiden tulee olla käyttäjien helposti tunnistettavissa ja luettavissa.

4. Erityiset navigointialueet

Piilotetun valikon ja tilavan ensimmäisen näytön avulla voit suunnitella sivustosi siten, että se keskittää käyttäjien huomion muutamiin tärkeisiin navigointielementteihin, jotka auttavat heitä tekemään päätöksiä nopeammin ja helpommin. Tämä lähestymistapa rohkaisee käyttäjiä liikkumaan valikossa ja suorittamaan tarvitsemasi vaiheet tuhlaamatta aikaa etsimiseen haluttu painike. Tilavalla ensimmäisellä näytöllä voit korostaa keskeisiä elementtejä käyttämällä suurempia fontteja ja jättämällä enemmän tilaa niiden väliin, mikä korostaa hyödyllisimmän sisällön.

5. Verkkosivujen suunnittelu Material Design Lite -tyyliin

Materiaalisuunnittelu on tullut tärkeä jatke niin sanottuun litteään muotoiluun, joka on laajalti käytetty trendi viime vuosina. Android-design luotiin mobiililaitteiden käyttöliittymäksi, mutta nyt se on valloittanut täysin myös pöytäkoneet. Tämä visuaalinen lähestymistapa tekee käytettävyydestä koko suunnittelun keskeisen osan. Material Design Lite (MDL) on materiaalisuunnittelun seuraavan sukupolven. Se sisältää ohjeita, mallisarjoja ja yleinen rakenne työkaluilla, joiden avulla kuka tahansa suunnittelija voi nopeasti ja helposti luoda MDL-verkkosivuston käyttämällä kätevää palettivalikoimaa.

6. Suuret kuvakkeet

Ikonien suosio verkkosivujen suunnittelussa johtuu siitä, että henkilö muistaa 65% visuaalista tietoa kolmen päivän kuluttua ja vain 10-20% - kirjallisesti tai suullisesti. Siksi ihmisaivojen on helpompi käsitellä kuvia kuin tekstiä. On syytä huomata, että kuvakkeen on vastattava tekstiä, johon se liittyy, jotta käyttäjiä ei hämmennetä. Tylsät kuvat ihmisistä, joilla on liioiteltuja ja keinotekoisia ilmeitä, ovat vanhentuneita. Kuvakkeiden on myös oltava vektoreita, jotta ne näkyvät oikein kaikissa laitteissa. Voit katsoa esimerkkejä sivustomme suunnittelusta ja tutustua toimintaamme.

Tärkeimmät vaatimukset kuvakkeiden käyttämiselle web-suunnittelussa:

• Kuvakkeen on vastattava sisältöä;
• Sen on sisällettävä selkeä viesti;
• Sen on oltava vektori;
• Kuvakkeen tulee olla helppolukuinen, olipa se pieni tai suuri.

Jatketaan uusimmat trendit sivuston fonttien ja värien valinnassa.

7. Yksinkertaiset fontit ja pehmeä väripaletti

Myrkylliset värit verkkosuunnittelussa putosivat suosiosta noin viisitoista vuotta sitten. Nyt suunnittelijat ovat vaihtaneet hillittyihin pastellisävyihin, pehmeisiin, ei-räikeäviin väreihin. 60-30-10-järjestelmä ei menetä merkitystään: sisään moderni web-suunnittelu Vallitsevat neutraalit värit valkoisesta vaalean harmaaseen, 30 prosenttia tilasta käytetään kirkkaampiin sävyihin ja vain 10 prosenttia on maalattu täyteläisillä väreillä, mikä luo kehotuksen toimintaan.

Verkkokehitys on nyt siirtynyt yksinkertaisen kauneuden aikakauteen, jossa suuret ja yksinkertaiset fontit useilla pehmeillä sävyillä. Miten tämä suuntaus voidaan selittää? Tämä lähestymistapa on järkevä, koska se keskittää käyttäjien huomion yksinomaan eniten tärkeitä lohkoja tiedot.

Esittelimme peruslista uusia trendejä verkkosivujen suunnittelussa. Itse asiassa meitä on paljon enemmän, mikä tekee materiaalista liian laajan yhdelle artikkelille. Tulemme varmasti jatkossakin kertomaan blogissamme uusimmista suunnitteluratkaisuista verkkokehityksen alalla.

Tiimimme auttaa sinua mielellään luomaan responsiivisen verkkosivuston suunnittelun, joka sisältää tärkeimmät web-suunnittelutrendit ja tehokkaat teknologiat maksimaalinen optimointi. Kirjoita meille osoitteeseen ja autamme mielellämme!

” kirjoittanut John Moore Williams, Webflow:n sisältöstrategiajohtaja.

Kuluvan vuoden loppu on aivan nurkan takana, ja jokainen web-suunnittelija on kysynyt itseltään ainakin kerran tärkeä asia: Mikä määrittelee verkkosuunnittelun tulevana vuonna 2017? Päätin löytää vastauksen tähän kysymykseen ja kysyin WebFlow-suunnittelijoilta, mitkä trendit heidän mielestään hallitsevat seuraavat 365 päivää. Annoin myös oman kommenttini heidän ajatuksiinsa.

Ensinnäkin kysytään Webflow:n pääsuunnittelijan Sergie Magdalinin mielipide.

1. Sisältölähtöinen suunnittelu

"Suunnitteluelementtien järjestelyn tietyn rakenteen sisällä tulee olla sellainen, että lukija voi helposti ymmärtää pääidean ilman, että hänen normaali lukunopeus vähenee" -Hermann Zapf

Viime vuosina on tapahtunut dramaattinen muutos ajattelussa muotoilun roolista liiketoiminnassa. Aiemmin muotoilu nähtiin viimeisenä askeleena esineen luomisessa: suunnittelija-taikuri tulee lopussa ja ripottelee taikapölyä tuotteellemme tehdäkseen siitä kilpailijoita paremman.

Oli erittäin mielenkiintoista seurata kehitysprioriteettien metamorfoosia.

Ja kauneinta näissä muodonmuutoksissa oli siirtyminen malliin, jossa sisältö on jälleen pöydän kärjessä. Suunnittelijat ympäri maailmaa ovat ymmärtäneet, että käyttäjät vierailevat verkkosivustoilla ensisijaisesti sisällön vuoksi, olipa kyseessä sitten lyhyitä twiittejä, pitkiä erikoisartikkeleita tai uusimpia Internet-meemejä. Muotoilun perimmäinen rooli on esittää sisältö houkuttelevimmalla, ymmärrettävällä tavalla ja saada siitä parhaat tulokset.

Tämä on yksi syy siirtymiseen "skeuomorfisesta" suunnittelusta (kun elementit on kuvattu mahdollisimman samankaltaisina kuin niiden vastaavat todellista maailmaa) tasaiseen, minimalistiseen muotoiluun. Näistä näkökohdista Google loi materiaalisuunnittelun.

Tietysti, kuten Newtonin kolmas laki sanoo, jokaiseen toimintaan liittyy yhtä voimakas reaktio. Monet suunnittelijat uskovat, että litteän muotoilun muoti on "tappanut" muotoilun hengen. Odotamme tämän keskustelun jatkuvan ensi vuonna, mutta painopiste säilyy sisällössä - kaiken suunnittelutyön perustana.

2. Laadukas vuorovaikutus suunnittelijoiden ja kehittäjien välillä sekä suunnittelijat keskenään

Muotoilun merkitys liiketoiminnan muotoilussa kasvaa, joten yhä enemmän painotetaan muotoilijoiden yhteistyötä suunnittelijoiden ja kehittäjien kanssa.

Tämä huoli vuorovaikutuksesta suunnittelijoiden kanssa on noussut osittain esiin nykyään kehitettävien mobiili- ja verkkosovellusten valtavan määrän vuoksi. Sen lisäksi, että sellaiset suuryritykset kuten Google, Facebook, Twitter ja LinkedIn vaativat herkulelaista suunnittelutiimiä täysin eri puolilta, suunnittelijoiden on aina oltava samalla sivulla keskenään. Tämä tarkoittaa, että projektista ja tehokkaimmista tavoista on tiedotettava enemmän yhteistyötä.

Tämän tehtävän helpottamiseksi on luotu monia työkaluja Webflow's Teamin tiimimalleista ja tauluista graafinen editori Figma-rajapinnat näyttävät muutokset reaaliajassa. Olen varma, että vuonna 2017 näitä alustoja parannetaan ja täydennetään.

Jos puhumme suunnittelijoiden ja kehittäjien välisestä vuorovaikutuksesta, siihen kiinnitetään paljon huomiota tärkeä prosessi työn siirto. Esimerkiksi sen sijaan, että lähettäisivät raskaita ja tilaa vieviä staattisia kuvia, suunnittelijat voivat nyt jakaa livenä renderöityjä malleja InVisionin, Marvelin ja UXPinin kaltaisten työkalujen ansiosta.

Carson Miller painotti tätä äskettäisessä artikkelissaan "The Future of Front-End Design" TechCrunchissa:

”Ennemmin tai myöhemmin työkalut mallien ja kuvioiden luomiseen korvaavat täysin etupään kehitystyön. Voit helposti luoda korkealaatuisen pohjan mille tahansa kehyksellesi ilman, että sinun tarvitsee kirjoittaa koodia käsin."

3. Yksinkertaistettu suunnittelijalta kehittäjälle -prosessi

Yllä mainitut suunnittelu- ja prototyyppityökalut mahdollistavat visualisoinnin eri vaiheita yhteistyö visualisoinnin avulla – tämä voi vaihdella animoiduista Keynote-tiedostoista täysin toimiviin verkkosivustoihin. Tämä työmateriaalin jakamistapa lyhentää vasteaikaa projektin sisällä, mikä parantaa suunnittelun laatua, lisää kehitystiimin nopeutta ja vähentää pettymysten mahdollisuutta tulokseen. Se myös parantaa asiakasvuorovaikutusta. Esimerkiksi monille WebFlow-käyttäjille asiakastapaamisista on tullut täysimittaisia ​​työtapaamisia, joissa suunnittelijat voivat nopeasti toteuttaa ideoita ja jokainen voi testata ideoitaan lähes välittömästi.

Tulevan vuoden verkkosuunnittelutrendit tuotesuunnittelija Gadzhi Kharkharovin mukaan:

4. Suuri, äänekäs otsikko

Kun verkkosuunnittelun maailma alkaa keskittyä sisältöön, on yhä yleisempää nähdä verkkosivustoilla inspiroivia otsikoita, joiden fontit ovat yhtä suuria ja rohkeita kuin niiden sisältö.

#MadeInWebflow Heco Partners

Kuten esimerkeistä näkyy, "suuri" ja "lihavoitu" eivät tarkoita vain kirjasimen kuvausta. nopeammin, me puhumme että merkittävä osa aloitusnäytöstä on omistettu yksinkertaiselle, mutta vahvalle ja itsenäiselle lausunnolle tuotteesta tai palvelusta. Tällaisen otsikon tulee sisältää olemus ja sen tulee olla jokaisen vierailijan ymmärrettävissä välttäen turhaa mahtipontisuutta (okei, lause "Suunnittele mahdotonta" saattaa kuulostaa liian äänekkäältä).

Nykypäivän kiireisessä, informaatiotulvassa ympäristössä tällaiset lyhyet, voimakkaat lausunnot sopivat hyvin mille tahansa brändille.

5. Monimutkainen merkintä, joka tulee graafisen suunnittelun perusteista

Jos haluamme ennustaa web-suunnittelun kehitystä (by vähintään, sen visuaalinen puoli), meidän on käännyttävä graafisen suunnittelun kehityksen historiaan.

Viime vuosina verkkosivujen ulkoasu on ollut rajoitettua CSS-ominaisuudet, mutta uudet moduulit, kuten Flexbox ja CSS Grid (tulossa maaliskuussa 2017), antavat sinun toteuttaa villeimmät verkkomerkintäideosi.

Päätehtävämme on nyt ymmärtää, kuinka uuden lohkoruudukon asettelukyvyn tulisi toimia mukautuva muotoilu.

Tässä on joitain esimerkkejä siitä, mitä on odotettavissa (olettaen tietysti, että sinulla on CSS Gridiä tukeva selain, esim. Firefox Nightly, Safari Technical Preview tai Chrome Canary):

Kokeellinen ulkoasulaboratorio Jen Simmons

Kiinnitä huomiota päälohkon tyyliin - selkeä viittaus graafisen suunnittelun historiaan.

Ruudukko esimerkin mukaan

Voit nähdä lisää esimerkkejä verkkosivustolta.

6. Lisää SVG-tiedostoja

SVG:ssä (skaalautuva vektorigrafiikka) on lisää etuja web-suunnittelijoille ja kehittäjille kuin perinteiset kuvamuodot, kuten JPG, PNG tai GIF.

Perus SVG:n plussat kuvataan muodon nimessä - nämä ovat skaalautuvuus ja vektori. Toisin kuin rasteri- ja pikselipohjaiset muodot, SVG-kuvat koostuvat vektoreista – objektin muodon matemaattisista kuvauksista. Tämä tarkoittaa, että SVG on resoluutiosta riippumaton ja tässä muodossa olevat kuvat näyttävät hyvältä kaikilla näytöillä ja laitteilla. Sinun ei tarvitse huolehtia kuvien epäselvyydestä verkkokalvolla.

Mutta siinä ei vielä kaikki. SVG on myös kuuluisa siitä, että se ei vaadi HTTP-pyyntöjen lähettämistä. Jos olet joskus tarkistanut verkkosivustosi latausnopeuden, olet ehkä huomannut, että nämä HTTP-pyynnöt voivat todella hidastaa sivustoasi. SVG:ssä ei ole tällaista ongelmaa.

7. Sääntöpohjaisen reagoivan suunnittelun työkalut

Responsiivinen suunnittelu on muuttanut täysin tapaamme tarkastella verkkosovelluksia ja luoda niitä.

Mutta kummallista kyllä, suunnitteluohjelmien toimintaperiaate ei ole muuttunut ollenkaan. Useimmat näistä työkaluista toimivat näin: sinun on luotava samanlainen sivu yhä uudelleen ja uudelleen eri laitteille ja resoluutioille. Toimialalla, joka vaatii nopeaa ideoiden luomista, nopeaa kehitystä ja pika-aloitus, tällaista ajanhukkaa ei yksinkertaisesti voida hyväksyä.

Suunnittelutyökalujen uuden aallon (kuten Figma) odotetaan perustuvan "sääntöihin", jotka säätävät sivustojen ulkonäköä erilaisia ​​näyttöjä ja laitteet, mikä vähentää määrää toistuvia toimia suunnittelija. Tällaiset työkalut perustuvat elementtien tilasuhteisiin, ja kun muutamme näytön kokoa tai laitetta, ne pyrkivät ylläpitämään näitä suhteita muuttamalla elementtien kokoa ja niiden välistä pehmustetta.

Muuten, nykyään on olemassa samanlaisia ​​​​työkaluja verkkosivustojen asetteluun paitsi suunnittelijoille, myös tavallisille käyttäjille. Esimerkiksi TruVisibility.com - alusta mukauttaa luodun suunnittelun tarkasti tiettyjen sääntöjen mukaan, joiden mukaan elementtien asettelu ja koot sovitetaan näytön kokoon. Jäljelle jää vain tehdä muutama säätö varmistaaksesi, että verkkosivu näyttää laitteilla siltä miltä sen pitäisi. Käyttäjän ei tarvitse luoda versiota uudelleen mobiililaitteet ja tämä säästää häneltä paljon aikaa.

Suunnittelutrendit vuodelle 2017 vanhempi graafinen suunnittelija Ryan Morrison.

8. Lisää kirkkaita värejä

Kun minimalismin ja brutalismin aikakausi alkoi web-suunnittelussa vuonna 2016, suunnittelijat yrittivät lisätä työhönsä persoonallisuutta menemättä yli laidan. muotityylejä. Ja on ainakin muutamia tapauksia, joissa kirkkaita ja rohkeita värejä on käytetty erittäin menestyksekkäästi.

Tutustu uuteen Asana-sivustoon värikkäästi:

Uusi kuvake Instagram-sovellukset sai paljon kritiikkiä, mutta tämä uudistus epäilemättä virkisti brändin:

Kaikki Stripen tekemä ei vaadi erillistä näkymää:

Kuten näet, se ei ole vain kirkkaita ja rohkeita värejä. Myös liukuvärit ovat palanneet tyyliin sekoittaen ja sumentaen värejä keskipäivän taivasta tai liekeistä auringonlaskua muistuttaviin sävyihin. Se on eräänlaista naturalismin renessanssia kirkkaine väreineen ja rohkeine gradienteineen, ja henkilökohtaisesti odotan innolla näkeväni lisää tämän kaltaisia ​​töitä vuonna 2017.

Ehkä kuitenkin kannattaa pienentää kirkkautta hieman? Me tarkkailemme sinua, Asana.

9. Enemmän painoarvoa animaatiossa

Animoidut elementit ovat olleet avainroolissa verkkokäyttöliittymässä pitkään, ja tämä trendi jatkuu vuonna 2017. Itse asiassa niin kauan kuin suunnittelijoilla on käytettävissään työkaluja houkuttelevien animaatioiden kehittämiseen, näemme näiden tehosteiden muuttuvan näkyvämmiksi ja kehittyneemmiksi.

Tämä aihe on erityisen tärkeä, koska animaation luominen helpottuu päivä päivältä. Vuoden 2016 Design & Content Conferencessa animaatioguru Val Head korosti, että animoituja elementtejä suunniteltaessa suunnittelijoiden tulee pitää mielessä brändin tavoitteet ja tarpeet, jotta sisällöntuottajat odottavat vaikutusta. Jos tätä neuvoa noudatetaan, animaatio suorittaa tehtäviä, jotka ovat merkityksellisiä brändille, eikä vain aiheuta käyttäjälle migreeniä.

10. Epätavalliset merkit

Vuosi 2016 on muutaman edellisen vuoden tapaan kuuluisa loputtomista keskusteluista siitä, että web-suunnittelu joko kuolee tai menettää henkeään.

Ne, jotka yrittävät vakuuttaa kaikille, että web-suunnittelu on kuollut, liioittelevat selvästi. Monet etsivät edelleen tapoja esittää sisältöä käyttäjille uusilla tavoilla. Yksi houkuttelevimmista tavoista on katkaista järjestelmä ja jättää huomiotta tavallinen responsiivisen suunnittelun sääntöjen sanelema ruudukkoasettelu.

"Rikkoutuneen" merkintämenetelmään kuuluu elementtejä, jotka ylittävät huolellisesti kohdistetun ruudukon. Tällaiset tekniikat voivat joskus jopa tuntua epämiellyttävältä silmälle. Esimerkiksi:

Tekstit ja kuvat törmäävät toisiinsa:

Tekstit ja kuvat (näennäisesti) satunnaisesti hajallaan sivulla:

Tämä oli ensimmäinen osa artikkelin "18 web-suunnittelutrendiä vuonna 2017" käännöksestä. Oletko samaa mieltä Webflow-asiantuntijoiden mielipiteiden kanssa? Millainen web-suunnittelu on mielestäsi muodissa tulevana vuonna?

Artikkeli on jaettu kahteen pääalueeseen: grafiikka web-suunnittelussa ja itse kehittäminen, ja jokaisessa osiossa on omat osansa.

VERKKOSUUNNITTELUTRENDIT

Aloitetaan siis vuoden 2017 web-suunnittelutrendeistä ja siitä, mikä meitä odottaa vuonna 2018. Mitä muutoksia on tapahtunut grafiikassa, fonttien käytössä, animaatioissa ja videoissa ja niin edelleen.

Graafinen suunnittelu

Muodikkaaksi pidetty trendi on litteä muotoilu ( Tasainen muotoilu). Vektorigrafiikkaa käytetään lisättynä rasterigrafiikkaan korostamiseksi. Esimerkkejä tällaisista sivustoista on annettu alla. Minimalismi ja responsiivinen muotoilu, yksinkertainen ja ymmärrettävä sivuston käyttäjille.

Vektorikuvat

Vektorin käyttö verkkosivustoilla on lisääntymässä, mikä tarkoittaa, että lataus on nopeampaa. Koska vektoria voidaan venyttää ja pakata halutulla tavalla, grafiikkasi näyttää aina hyvältä minkä tahansa laitteen näytöllä millä tahansa resoluutiolla. varten vektorikuvat käytä SVG-muotoa (Scalable Vector Graphics). Suurin osa vektorieditorit voit tallentaa tässä muodossa, eikä erityisiä ohjelmistoja tarvita.

Värittömät haamupainikkeet

Siirtyminen kohti minimalismia vaikutti myös painikkeiden muotoiluun. Tällaisten painikkeiden käyttö verkkosivujen suunnittelussa lisääntyy. Tällaiset painikkeet eivät ylikuormita sivustoa ja näyttävät alkuperäisiltä. Sivustomme käyttää myös tällaisia ​​painikkeita artikkelilohkon alaosassa.

Klikkaa kuvaa suurentaaksesi sen

Tyylikäs 3D-grafiikka

Myös 3D-grafiikka saa vauhtia uuden vuoden aikana. 3D-sävellykset sopivat hyvin yhteen litteä muotoilu ja täydentämään sitä antamalla sille lisää syvyyttä ja korostaen nykyaikaisuutta.

Klikkaa kuvaa suurentaaksesi sen

Animaatio, video ja interaktiiviset objektit

Verkkosivustot ovat alkaneet käyttää live-kuvia ja taustoja, mikä herättää ehdottomasti huomiota ja antaa sivustolle dynamiikkaa. Myös videoiden ja kaikenlaisten animaatioiden käyttö käyttäjien vuorovaikutuksessa on lisääntynyt.

Monimutkaiset verkot

Vielä vuoden 2016 lopussa dynaamisia, monimutkaiset verkot ultramodernilla muotoilulla.

Geometria eri muodoissa

Geometristen muotojen käyttö eri tyyppejä tekstiä, informatiivisia korostettuja lohkoja ja taustoja varten. Suorakulmiot ja neliöt sopivat hyvin tärkeiden asioiden korostamiseen.

Klikkaa kuvaa suurentaaksesi sen

Muodikkaat värit

Täällä kuka pitää mistä ja mikä, määritelmän mukaan sopii jokaiseen projektiin. Ainoa asia, mitä voidaan sanoa, on, että värit ovat tulossa elävämmiksi. Yhdessä ja hyvässä kontrastissa käyttäjän on helpompi navigoida sivustolla ja havaita tietoa.

Ehdoton sopeutuminen

Nyt ei tarvitse sanoa, että sivustoista tulisi tehdä ystävällisiä mobiililaitteet. Sopeutuminen on nykyaikaisen verkkosivuston ehdoton tekijä. On erittäin tärkeää harkita suunnittelua mobiiliversio niin että kaikki tärkeitä elementtejä olivat käyttäjän ulottuvilla, ja hän ymmärsi intuitiivisesti sivuston navigoinnin.

Kiistat eivät laantu siitä, onko parempi laittaa kuvake vai kirjoitus. Testitulokset 240 000 mobiililaitteen käyttäjällä.

Mobiilivalikkovaihtoehdot

Jos sivustolla ei ole montaa osiota, on parempi käyttää välilehtiä valikona tai lisätä niiden loppuun painike avattavassa lisävalikossa.

Joustava dynaaminen valikko

Ratkaisu on valikossa, joka mukautuu näytön leveyteen, näyttää mahdollisimman monta välilehteä ja piilottaa sen, mikä ei sisälly "Lisää" -kohtaan.

VERKKOKEHITTYMISTEN TRENDIT

Harkittu suunnittelu

Kehittämisessä sivuston suunnittelun tulisi olla mukana paitsi Graafinen suunnittelija, sekä promootioasiantuntijat ja markkinoijat. Jokaisen elementin sijainnilla on oma tarkoituksensa, jotta käyttäjä viihtyy mukavasti.

Vähemmän tekstiä on parempi!

Sivuston tekstiosan tulee olla mahdollisimman ytimekäs ja paljastaa ehdotettu aihe. Mikäli mahdollista, täydennä sitä teknisillä tiedoilla, kuten hinnat, ominaisuudet jne.

CMS-luokitus

Voit aina nähdä uusimman arvion. Minkä tahansa vaihtoehdon valitsetkin, muista, että hakukoneiden virallisten lausuntojen mukaan ei perustavanlaatuinen ero mihin sivustosi perustuu? Mitä tahansa moottoria tai kehystä on muutettava, jotta projektisi toimisi parhaiten.