Kun ostat sivustollamme olevien linkkien kautta, voimme ansaita kumppanipalkkion. Näin se toimii.
Kuten kaikki muutkin suunnittelun alat, web-suunnittelutrendit tulevat ja menevät ajan myötä. Toisin kuin monilla muilla aloilla, web-suunnittelussa on kuitenkin säälimätön muutostekijä: tekniikka. Koska alustan perusta muuttuu jatkuvasti, jotkin verkkosuunnittelun trendit ovat seurausta parannuksista, jotka ovat mahdollisia, ja heijastavat muuttuvaa makua.
Vuosi 2015 on ollut mielenkiintoinen vuosi web-suunnittelun kannalta. Verkkosuunnittelijoiden visuaalinen maisema on pysynyt suurelta osin ennallaan vuonna 2014, ja viime vuosina suosituksi tullut minimalistinen lähestymistapa on vain jalostettu. Sivujen esteettisen käsittelyn alla verkko on kuitenkin edennyt hiljaa.
Teknologiset alustat, jotka tukevat suurta osaa tuotannosta, ovat kehittyneet. Osa tästä on ollut itse web-selaimien parannuksia ja periaatteena siirtymistä työpöytäselauksesta mobiililaitteisiin. kulutustapoja, mutta myös eräät suosituimmista kirjastoista ja kehyksistä, jotka löytyvät suurimmasta osasta verkkoa, ovat saavuttaneet perustavanlaatuisen täysi-ikäisyyden. kohteet.
Esimerkiksi Modernizrin kaltaiset ovat saaneet päätökseen evoluution olemassaolonsa seuraavaan vaiheeseen ja astuneet tehokkaasti takaisin ja keksiä itsensä uudelleen pysyäkseen hyödyllisinä ja merkityksellisinä verkkosuunnittelijoille ja -kehittäjille selaimien kehittyessä ja kehittää.
Opi suunnittelemaan sovelluksia kaikille Applen uusille näyttökokoille
Kaikki tämä tarkoittaa, että verkko on nyt enemmän kuin koskaan ennen suunnittelijoiden leikkikenttä, jossa he voivat työntää rajoja mahdollista, kokeilemalla uusia käyttöliittymiä ja hyödyntämällä kaikkia mahdollisuuksia luovassa, jännittävässä tavoilla.
Joten suosittelemme verkkosuunnittelun tärkeimpiä trendejä vuonna 2016. Oletko samaa mieltä? Olemmeko menettäneet tulevia muotia tai teknologiaa? Kerro meille mielipiteesi alla olevissa kommenteissa!
01. CSS3 vaikuttaa lopulta asetteluihin
Selaintuki CSS3:lle on kasvanut parin viime vuoden aikana, ja olemme vihdoin saavuttamassa vaihetta, jossa joitain upeista uusista CSS3-asettelumoduuleista voidaan turvallisesti käyttää luonnossa. Tietenkin siellä on vielä tilaa monitäytteille ja varaosille, mutta CSS3 Flexboxin (Flexible Box Layout) kaltaiset versiot voidaan käsitellä kaikkien suosittujen selaimien uusimmilla julkaisuilla.
On turvallista sanoa, että Flexboxin kaltaiset eivät tapa mullistaa asettelun estetiikkaa missään dramaattisessa mielessä – Flexbox tarjoaa helpomman ratkaisun asetteluparadigmaan, joka on ollut käytössä Webissä jo pitkään – mutta se tekee sivuista nopeammin renderöidyiksi, joita on helpompi ylläpitää, ja paljon vähemmän hakkereita, joten on täysin mahdollista, että näemme asettelussa enemmän luovuutta. tulos.
Trendissä: Asettelut eivät välttämättä muutu olennaisesti (vaikka katso trendi 05!), mutta niiden taustalla oleva koodi tulee yksinkertaisempaa ja luotettavampaa
02. Materiaalisuunnittelu tulee hallitsemaan
Viimeisten kahdentoista kuukauden aikana on tapahtunut pieni vallankumous, kun Googlen materiaalisuunnittelu on otettu käyttöön käyttöliittymän esittelyn ja kehittämisen perustana. Tämä suuntaus heijastaa siirtymistä kohti älypuhelimia periaatteena ja ensimmäisenä laitteena, jota käytetään Internetiin pääsyyn pöytätietokoneen tai kannettavan tietokoneen yläpuolella. Vaikka se ei ole enää "uusi", Material Design on tulossa täysi-ikäiseksi laajalle levinneen käyttöönoton myötä ja lukuisia laajennuksia ja sarjoja on tulossa.
Trendissä: Odota näkevän merkkejä materiaalista käyttöliittymäsuunnittelussa kaikkialla verkossa, aivan kuten tapahtui Bootstrapin kanssa aiemmin.
03. Elokuvateatterit tulevat täysi-ikäisiksi
Elokuvakuvat eivät ole mitään uutta; ne ovat olleet olemassa useita vuosia nykyisessä muodossaan, mutta vuoden 2015 aikana on tapahtunut pari tapahtumaa, jotka ovat nostaneet ne suunnittelijoiden mielissä ja kuluttajien ruokahalussa. Pääasia, mitä on tapahtunut, on "elävien kuvien" saapuminen Applen uusimpiin iPhone-malleihin. Nämä Harry-Potter-tyyliset kuvat tallentavat valokuvaan hieman liikettä, joten katsottuna staattinen valokuva näyttää heräävän eloon. Cinemagraphs tarjoaa samanlaisen visuaalisen tehosteen, joten kun sosiaalinen media alkaa tulvii kotitekoista liveä valokuvat, joten mainostajat ja sisällöntuottajat ovat alkaneet tunnistaa tällaisten kuvien pysäyttävän voiman voi olla.
Toinen uutta kiinnostusta helpottanut muutos on, että vaikutuksen taustalla oleva tekniikka on parantunut. Koska HTML5 Canvas on nyt käytettävissä luonnossa, tehosteita voidaan renderöidä reaaliajassa ilman perinteisten animoitujen GIF-tiedostojen lataamiseen liittyviä valtavia ylimääräisiä tai värirajoituksia. Nyt on todellakin saatavilla useita kaupallisia työkaluja, jotka on tarkoitettu tarkalleen elokuvakuvien tuottamiseen, kuten käteviä flixel.com.
Trendissä: Odota näkeväsi paljon kuvia, joissa on liikettä, samalla kun ne tarjoavat edelleen staattisen kuvan edut.
04. Vähemmän kuvia, enemmän kuvia
Olemme lähestymässä ajanjakson loppua, jolloin suurella osalla verkkosivustoista on kuvaotsikko, joka ulottuu näkymän poikki. Tämä saattaa näyttää olevan suorassa ristiriidassa ennustetun trendin #3 kanssa, mutta nämä kaksi asiaa heijastavat itse asiassa samaa eteneminen kiiltävästä, kiillotetusta mutta saavuttamattomasta utopiasta kohti mielikuvia, jotka sitovat käyttäjän henkilökohtaisempaan, yhdistetty tapa.
Odotamme tämän olevan kuvituksen muodossa valokuvauksen sijaan, koska kuvituksella se on usein helpompaa sijoittaa itsesi kohtaukseen kuin se voisi olla, kun valokuvassa on hirvittävän hyvin pukeutunut, täydellisesti hoidettu mallit. Kuulen sinun protestoivan, että elämäsi on juuri sellaista, mutta suurimmalle osalle ihmisille se on valhe, joka ei ole sopusoinnussa heidän omien kokemustensa kanssa, ja he ovat viisaita eroja!
Trendissä: Valokuvat korvataan suhteellisemmilla kuvilla, jotka yhdistävät katsojaan henkilökohtaisemmalla tavalla. Verkkosivustojen ulkoasu voidaan palauttaa kiinteäleveyteen samaan aikaan.
05. Värit ja typografia muuttuvat rohkeammiksi
Värien käyttö brändäysvälineenä on tärkeä markkinointiväline, kuten myös typografian tehokas käyttö arvojen vahvistamiseen ja tärkeiden viestien välittämiseen. Jokainen suunnittelija tietää tämän, mutta valintoja on usein rajoittanut se, mikä on teknisesti mahdollista (kirjasinten ja typografisen asettelun tapauksessa) ja se, mikä on yrityksen kannalta "turvallista". Odotamme tähän muutosta!
Parin viime vuoden aikana on tapahtunut täydellinen muutos online-typografisessa maisemassa, kuten verkkokirjasimet ovat tehneet tulee kaikkien saataville, ja sen seurauksena olemme jo nähneet dramaattisen muutoksen tavassa, jolla tyyppi hahmonnetaan verkossa. Värit ovat pysyneet kaiken kaikkiaan vaimeina, ja suunnittelijoiden ja merkkien yhdistelmä on muuttunut rohkeammaksi, sekä kirjasimia ja Hyvän typografian arvostuksen lisääntyminen saa meidät päättelemään, että vuosi 2016 tulee olemaan täynnä värejä ja paljon tyyppi!
Trendissä: Varo luovia typografisia käsittelyjä kaikkialla verkossa, ei vain satunnaisissa otsikoissa, ja suuria, rohkeita ja räikeitä värejä!
Sanat: Sam Hampton-Smith
Sam Hampton-Smith on freelance-kirjailija ja etupään suunnittelija/kehittäjä, joka sijaitsee Skotlannissa.
Piditkö tästä? Lue nämä!
- Adobe julkistaa suuria päivityksiä Creative Cloudiin
- Miksi Illustrator-laajennuksilla on edelleen rooli?
- 15 parhaat Adobe Illustrator -laajennukset
