Verkkosivujen rakentamisen trendit. Lomake seuraa toimintoa

Chris Lake, Empirical Proofin toimitusjohtaja, kokosi vuoden 2016 web-suunnittelutrendit yhteen artikkeliin.

Homogenisointi

Chris Laken mukaan "dribbling" -suunnittelutrendi on korvattu standardoinnilla. Kaikki sivustot vuonna 2016 ovat yhä samankaltaisempia toistensa kanssa.

Kuvioita sivujen sijaan

Nykyaikaiset suunnittelutiimit ovat jo siirtyneet uuteen toimintaperiaatteeseen - ensin kehitetään käyttöliittymäkomponentit ja sitten niiden pohjalta sivuston tai palvelun sivut. Vuonna 2016 suurin osa tiimeistä ympäri maailmaa siirtyy tähän työskentelyperiaatteeseen.

Animaatio

Laken mukaan CSS, HTML5 ja jQuery mahdollistavat jo täysimittaiset animaatiot, jotka ovat yhtä hyviä kuin Flashissa. Toistaiseksi kaikki suunnittelijat eivät ole oppineet käyttämään animaatiota käyttöliittymissä - jotta se ei häiritse käyttökokemusta.
Vuonna 2016 kuitenkin tulee lisää menestyneitä esimerkkejä animaatioefektien käytössä.

Rikkaat värit ja paletit

Tyydytetyt värit ja neonpaletit ovat vuoden 2016 trendi. Esimerkki on Bloombergin verkkosivusto.

Toinen esimerkki on palvelutiimin vuonna 2015 esittämä Medium-logon uudelleensuunnittelu. Suunnittelijat käyttivät kirkkaan vihreää palettia.

Toinen esimerkki on Spotify.

Kuvan hämärtyminen

Facebookin insinöörit käyttävät sumennus- ja zoomaustehostetta ladattaessa sivukuvia. Siten käyttäjä näkee kuvan jo ennen kuin se on ladattu kokonaan tietokoneelle. Facebookin kehittäjien mukaan tämä nopeuttaa sivun latausaikaa 30%.

Ladataan sivun rakennetta

Facebook käyttää toista temppua lataaessaan sivustoa - näyttää sivun rakenteen jo ennen sisällön ilmestymistä. Sivun latautuessa vierailijat tuntevat resurssin suunnittelun sen sijaan, että katsoisivat valkoista näyttöä tai jonkinlaista AJAX-ilmaisinta.

Tämä tekniikka yleistyy vuonna 2016.

scrolljacking

Scrolljacking on tekniikka, jossa sisältö muuttuu hiiren liikkuessa. Esimerkiksi tätä mekaniikkaa käytetään Applen verkkosivustolla:

Monien suunnittelijoiden mukaan tämä tekniikka ei kuitenkaan ole aina kätevä käyttäjille, koska sisältö muuttuu epätahdissa hiiren rullan liikkeen kanssa. Tämän vuoksi käyttöliittymän käyttö voi olla epämukavaa.
Lake huomauttaa myös, että vuonna 2016 tulee olemaan yhä enemmän sivuja, joilla on runsaasti tehosteita ja animaatioita - tällaisilla sivustoilla käyttäjien on yhä vaikeampaa olla vuorovaikutuksessa käyttöliittymän kanssa.

Passiivis-aggressiiviset ponnahdusikkunat

Suunnittelijoiden ja UX-asiantuntijoiden tyytymättömyydestä huolimatta ponnahdusikkunat täyttivät jälleen Internetin - sähköpostin tilauslomakkeet, tarjoukset tilata yrityksen sosiaaliset verkostot, alennukset ja paljon muuta.
Vuonna 2016 tilanne ei Laken mukaan parane – markkinoijat käyttävät edelleen usein tätä tekniikkaa omiin tarkoituksiinsa.

Hampurilaisista luopuminen

Vuonna 2016 suunnittelijat alkavat siirtyä pois hampurilaiskuvakkeesta, jonka taakse valikon kohdat piilotetaan "näkyvien" elementtien hyväksi.
Esimerkiksi Youtube on jo siirtynyt "hampurilaisesta" vaakasuoraan valikkoon "välilehdillä".

Raskaat sivut tulevat raskaammiksi

Vuonna 2010 yhden sivun keskikoko oli 702 kt, vuonna 2015 - 2219 kt. Kasvua yli kolme kertaa. Ja näyttää siltä, ettei kukaan ajattele tämän kasvun rajoittamista. Esimerkiksi The Daily Mailin pääsivu on 8,8 Mt.
Tällä, kuten Lake kirjoittaa, on huono vaikutus mobiilikäyttäjiin - mobiilin Internetin nopeus ei aina salli näin "raskaita" sivustoja.

Kuka voi unohtaa GIF-kuvia 90-luvulta tai nykyaikaisempia löytöjä, kuten Flat design?

Olemme nähneet responsiivisen web-suunnittelun suosion nousevan viime aikoina, kun yhä useammat sivustot liittyvät yleiseen trendiin tulla "mobiiliystävällisiksi", mikä on tullut entistä tärkeämmäksi Googlen mobiiliympäristön päivityksen seurauksena. Katsotaanpa joitain tämän ja tulevan vuoden suosituimpia trendejä.

1. Käyttöliittymämallien jakelu

Yksi responsiivisen suunnittelun sivuvaikutuksista on saanut monet sivustot näyttämään samanlaisilta. Se ei kuitenkaan ole vain reagoiva suunnittelu, joka on syyllinen. WordPress-sivustojen suosion kasvulla ja teeman kukoistavilla markkinoilla on jotain tekemistä sen kanssa.

Ja jotkut ihmiset, kuten Matthew Monbre, on jo saatu kiinni ja syyllistyneet muiden sivustojen matkimiseen.

Mutta samanlainen ulkonäkö ei välttämättä ole huono asia. Tämä johtuu siitä, että käyttäytymisemme Internetiä kohtaan on muuttunut, mikä on johtanut yleisiin käyttöliittymäsuunnittelumalleihin. Suunnittelumallit ovat kehittyneet, joten käyttöliittymämalleissa täällä ei juurikaan löydy innovaatioita. Toisin sanoen tilaukset pysyvät tilauksina ja niiden on toimittava sellaisina. Sama koskee malleja kirjautumisen luomiseen. Tässä ei ole todellista syytä keksiä pyörää uudelleen. Käyttöliittymämallien pitäisi helpottaa käyttäjien elämää.

Tässä on muutamia malleja, jotka sinun pitäisi tuntea:

Hampurilaisvalikko: Vaikka jotkut kritisoivat tämän mallin käyttöä, ei ole epäilystäkään siitä, että sen laaja käyttö tekee ominaisuuden helposti tunnistettavissa käyttäjien keskuudessa.
Tilin rekisteröinti: Löydät tämän mallin, kun yrität rekisteröityä verkkosivustolle. Se voi olla täytettävän lomakkeen tai painikkeen muodossa, jonka avulla voit rekisteröityä sosiaalisen tilin avulla. Monivaiheiset lomakevelhot ovat myös tehokkaita, koska ne leikkaavat tietyn osan pakollisista kentistä, mikä vähentää epäselvyyttä ja antaa käyttäjien käydä läpi prosessin.
Pitkä vieritys: Kaikkien tärkeiden elementtien sijoittaminen yläosaan on tällä hetkellä tunnettu myytti. Lisäksi lähes kaikki ovat tottuneet pitkään vieritykseen mobiililaitteiden ansiosta. Tämä työkalu toimii erityisen hyvin sivustoilla, jotka haluavat houkutella käyttäjiä erilaisilla tarinoilla, ja voit silti jäljitellä monisivuista sivustoa katkaisemalla vierityksen.
Korttiasettelut: Pinterest esitteli ensimmäisenä. Näitä kortteja on nyt kaikkialla Internetissä, koska ne jakavat tiedot paloina, jotka sopivat täydellisesti skannaukseen. Jokainen kortti edustaa yhtä yhtenäistä käsitettä. Koska ne toimivat "sisältösäiliöinä", niiden suorakulmainen muoto helpottaa niiden sijoittelua vaihdettaessa eri laitteisiin.
Hero Images: Koska visuaalisella kokemuksella on voimakkain vaikutus ihmiseen, HD-sankarikuvat ovat yksi nopeimmista tavoista kiinnittää käyttäjän huomio. Kaistanleveyden ja tiedonpakkauksen edistymisen ansiosta käyttäjät eivät myöskään kärsi hitaista latauksista. Yksi yleinen asettelu on vierityspalkin yläpuolella oleva sankarikuva, jota seuraa joko siksak- tai karttamainen osa.

Lisää käyttöliittymämalleja ja tekniikoita löydät ilmaisesta e-kirjasta Web Design Trends 2015 and 2016.

2. Kirkkaat animaatiot

Animaatioita käytetään yhä enemmän sivuston tiheyden lisäämiseen, mikä tekee vuorovaikutuksesta interaktiivisempaa ja mielenkiintoisempaa.

Et kuitenkaan voi vain sijoittaa animaatiota mihinkään. Mieti tarkkaan, tuovatko ne lisäarvoa sivustollesi ja sen muodolle. Animaatioita voidaan tarkastella kahteen ryhmään:

Laajamittaiset animaatiot. Näitä käytetään pääasiallisena vuorovaikutustyökaluna, niillä on suuri vaikutus käyttäjiin, ja ne sisältävät tehosteita, kuten parallaksivierityksen ja paahtoleipäilmoitukset.
Pienimuotoiset animaatiot. Näitä ovat laskurit, hover-työkalut ja lataustyökalut, eivätkä vaadi käyttäjän syötteitä.

Kuvaamme 7 suosituinta animaatiotyyppiä:

Käynnistysanimaatiot

Niitä käytetään viihdyttämään käyttäjiä ja ilahduttamaan heitä ikävän työn aikana. Käynnistysanimaatiot ovat yleensä suosittuja litteässä suunnittelussa, minimalismissa, portfoliossa ja yksisivuisilla verkkosivuilla.

Pidä animaatio yksinkertaisena äläkä lisää ääntä. Niiden tulee vastata sivustosi teemaa ja väripalettia.

Navigointi ja valikot (ei vierittämistä)

Piilotetut navigointivalikot ovat tulossa yhä suositummiksi, varsinkin kun niitä voidaan käyttää näytön tilan säästämiseen. Kuten näet alla olevasta yhteistyöprototyyppityökalusta UXPin, animaatiota käytetään tässä valikon paljastamiseen, kun tiettyä painiketta napsautetaan, ja estää äkillisen siirtymisen (muistuttaa hampurilaiskuvakkeen taakse piilotettua navigointityökalua).

Vihjaileva animaatio

Osoitintehosteet määrittelevät sivuston logiikan, kun käyttäjät pitävät hiiren osoitinta sisällön päällä. Ihmiset eivät ole varmoja siitä, että sivuston toimivuus on riittävä ilman osoittimien käyttöä.

Galleriat ja diaesitykset

Galleriat ja diaesitykset ovat tehokas tapa esitellä useita kuvia ilman ylikuormitusta käyttäjiä. Ne sopivat erinomaisesti valokuvaussivustoille, tuote-esittelyihin ja portfolioihin.

"Eläviä" animaatioita

Silmämme kiinnittävät luonnollisesti huomiota liikkeisiin, joten se on täydellinen työkalu käyttäjän huomion vangitsemiseen. Liike voi myös auttaa visuaalisen hierarkian kanssa. Se voi auttaa lisäämään lomakkeiden, toimintakehotusten ja valikkokohtien mielenkiintoa ja juonittelua.

vierittää

Tasainen vieritys riippuu animaatiosta ja antaa käyttäjälle lisähallinnan, joka voi määrittää animaation etenemisnopeuden.

Taustaanimaatio / video

Yksinkertainen animoitu tausta voi lisätä sivuston näkyvyyttä, mutta sitä tulee käyttää kohtuudella tai se voi häiritä käyttäjää hyvin. Tärkeintä on työskennellä yksittäisten osien parissa tai luoda tasainen liike koko kuvasta.

3. Mikrovuorovaikutukset

Mikrovuorovaikutuksia tapahtuu kaikkialla, matkapuhelimen herätyskellon sammuttamisesta kissakuvan napsautukseen Facebookissa.

Jokainen tehdään sekunneissa. On todennäköistä, että aloitit päiväsi mikrovuorovaikutuksella. Kytkemällä hälytyksen pois päältä matkapuhelimellasi olet samalla hetkellä mukana käyttöliittymässä. Ja yhä enemmän niitä leivotaan käyttämiimme ohjelmiin ja laitteisiin.

Mikrovuorovaikutuksilla on taipumus tehdä tai auttaa sinua tekemään useita eri asioita:

Määritä tila tai pyydä palautetta
Katso toiminnon tulos
Auta käyttäjää manipuloimaan jotain

Mikrovuorovaikutukset ovat olennainen osa kaikkia sovelluksia.

Kuten Web Design Trends 2015 ja 2016 -julkaisuissa suositellaan, haluat varmistaa, että nämä vuorovaikutukset tapahtuvat lähes huomaamattomasti. Älä vaikeuta asiaa liikaa – pidä se yksinkertaisena. Harkitse jokaista yksityiskohtaa huolellisesti ja tee jokainen vuorovaikutus inhimilliseltä. Tämä tekee tekstistä lähellä kaikkia eikä robotin kaltaista.

Mikrovuorovaikutukset ovat tärkeä osa lähes jokaista digitaalista suunnitteluprojektia. Sinun on vaikea luoda verkkosivusto tai mobiilisovellus, joka ei sisällä jotakin elementtiä tai hetkeä, jonka kanssa käyttäjän on oltava vuorovaikutuksessa.

Jokainen näistä vuorovaikutustyypeistä johtaa käyttäjät kohti ihmiskeskeisempää suunnittelua. Laitteiden tekeminen ihmiskeskeisemmiksi on avain tämän laitteen käyttöönotossa ja käytössä.

4. Materiaalisuunnittelu: rikas vaihtoehto tasaiselle suunnittelulle

Google lanseerasi viime vuonna uuden tyylisuuntauksen – materiaalisuunnittelun. Se käyttää varjoefektejä sekä liikkeen ja syvyyden käsitettä luodakseen käyttäjälle realistisempia malleja.

Material Designin tavoitteena on luoda puhdasta, modernistista designia, joka keskittyy käyttökokemukseen. Vaikka Googlen suunnittelun estetiikalla on halveksijia, sitä on enimmäkseen kehuttu "pelin vaihtajana".

Minimalistisen ilmeensä ansiosta Material Designilla on paljon yhteistä toisen kasvavan trendin, flat designin tai Flat Designin kanssa. Material Design kuitenkin käyttää syvyyttä ja varjoja näyttääkseen realistisemmalta kuin puhdas litteä muotoilu.

Tähän mennessä olemme nähneet useimmat materiaalisuunnitteluprojektit, jotka rajoittuvat sovellussuunnitteluun. Google ilmoitti kuitenkin julkaisevansa heinäkuussa Material Design Liten, joka sopii paremmin verkkosivustoille. Material Designin tarkoituksena oli kuitenkin tarjota hyvä käyttökokemus ja UX useilla eri laitteilla. Lite käyttää vanilja-CSS:ää, HTML:ää ja JavaScriptiä, ja se on suunniteltu helpottamaan materiaalisuunnittelun soveltamista verkkosivustojen ulkoasuun ja joihinkin sisäisiin elementteihin.

Material Design Lite ei tukeudu mihinkään tiettyyn kehykseen, ja siksi suunnittelijat voivat käyttää laajaa valikoimaa käyttöliittymätyökaluja sivustojensa luomiseen. Tällainen muotoilu on myös helppo käsitellä koodin suhteen.

5. Responsiivinen suunnittelu

Responsiivinen web-suunnittelu on tullut uskomattoman suosituksi viime vuosina mobiili-internetin käytön lisääntymisen ansiosta.

On turvallista sanoa, että responsiivinen suunnittelu ei katoa minnekään lähiaikoina, sillä se tarjoaa sivustojen omistajille suhteellisen yksinkertaisen ja edullisen tavan rakentaa täysin toimiva, mobiiliystävällinen verkkosivusto. Responsiivinen web-suunnittelu voi kuitenkin johtaa joihinkin ongelmiin, jos sitä ei tehdä kunnolla – olemisen tärkein ominaisuus.

Guy's Podin mukaan suunnittelijoiden tulee ymmärtää, että responsiivinen suunnittelu on huipussaan:

Älä lataa JavaScript- ja CSS-tiedostoja käyttämällä display:none-tunnistetta. Se lataa kuvia laitteille ja lisää sivulle tarpeetonta painoa.
Käytä responsiivisia kuvia, jotka on määritelty prosenttiosuuksilla.
Käytä JavaScriptille ehdollista latausta, koska monia JavaScriptin työpöydällä käyttämistä komponenteista ei käytetä pienemmissä laitteissa. Kiinnitä erityistä huomiota kolmansien osapuolien komentosarjoihin, kuten sosiaaliseen jakamiseen käytettyihin skripteihin, koska tämä usein vaikuttaa negatiivisesti ja heikentää suorituskykyä.
Käytä RESS - Responsive and Server Side
Mittaa ja optimoi jokainen sivusto tehokkaasti suorituskyvyn testaamisen avulla.

Suorituskyky on erittäin tärkeä UX:n lisäksi myös Googlelle huhtikuussa 2015 julkaistun mobiiliympäristöpäivityksen vuoksi. Responsiivinen web-suunnittelu on myös täysin yhteensopiva minimalismin kanssa, koska sivun paino on pidettävä alareunassa. Olisi myös hienoa työskennellä karttojen ja responsiivisen suunnittelun kanssa, koska ne voidaan helposti järjestää uudelleen sopimaan mihin tahansa laitteeseen tai näytön kokoon (kuten suorakaiteen muotoisten sisältösäiliöiden järjestäminen uudelleen).

Responsiivisesta web-suunnittelusta on tulossa vähemmän trendi ja enemmän välttämättömyys. Ja suunnittelijat ovat keksineet älykkäitä tapoja kiertää kaikki ongelmat mahdollisimman nopeasti.

Ei ole epäilystäkään siitä, että responsiivinen suunnittelu on erittäin hyödyllinen ja monipuolinen, mutta sen on myös oltava salamannopea tarjotakseen erinomaisen käyttökokemuksen.

6. Flat Design ei ole vielä poistumassa

Litteä muotoilu on ollut suosittu jo jonkin aikaa ja kilpailee edelleen muiden trendien, kuten minimalismin, responsiivisen web-suunnittelun ja materiaalisuunnittelun, kanssa.

Tulevaisuudessa on todennäköistä, että näemme edelleen Flat Design -trendejä, jotka saattavat nousta esiin.

Pitkät varjot. Ne tuovat lisää syvyyttä Flat Designiin.
Elävät väriteemat Suositut käyttöliittymäkehykset ja -mallit ovat saaneet monet käyttämään kirkkaampia värejä projekteissaan.
Yksinkertainen fontti. Yksinkertaiset fontit auttavat pitämään tekstin luettavana ja luettavana litteässä muodossa.
Haamupainikkeet. Niiden avulla voit toimia ilman, että UX häiritse sinua. Ne ovat usein klikattavia linkkejä, jotka muuttuvat, kun viet hiiren niiden päälle.
Minimalismi.Yrittää vähentää elementtien määrää luodakseen uuden, tiiviin käyttöliittymän.

Älä seuraa trendiä vain siksi, että se on "tyylillä" ja koska kaikki muut tekevät niin. Trendit ovat suosittuja työkaluja syystä, mutta varmista, että ne ovat parhaita käyttäjillesi. Esimerkiksi kaupallinen sivusto ei varmasti hyötyisi yhden sivun sivustosta, jossa on loputon vieritys.

Trendit ovat vain lisätyökaluja suunnittelijasi työkalupakissa. Valitse aina oikeat työkalut työhön.

Jos haluat saada tarkempaa konsultaatiota 10 tärkeimmästä web-suunnittelutrendistä, lue ilmainen e-kirja Web Design Trends 2015 and 2016. Opit parhaiten analysoimalla 166 tapaustutkimusta yrityksistä, kuten Google, Apple, Reebok, BMW, Intercom, Adidas, Dropbox ja monet muut.

Korkeat konversiot!

Online-liiketoiminnan menestys on toimiva verkkosivusto ja promootio. Nykyään kaikille on selvää, että verkkosivustot ovat tehokkain tapa edistää liiketoimintaa 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än poistaminen sosiaalisista verkostoista on yhtä helppoa kuin ryhmän perustaminen. Lisäksi suurissa projekteissa on usein useita kloonattuja ryhmiä, joten oma sivusto on eräänlainen luottamuksen merkki. Ja paljon riippuu suoraan itse sivuston tasosta.

Yksi tärkeimmistä rooleista on resurssien kehittämisen tasolla. Voidaan 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. Responsiivinen suunnittelu on loistava vaihtoehto teknisen toteutuksen kannalta, 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 turhia koriste-elementtejä, koska tämä lisää liikennettä. Laatu kasvaa määrän sijaan. Siksi sivustomalleissa käytettävien kuvien on oltava hyvälaatuisia. 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öllä 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.

Kirjailijalta: Hei kaikki! Tänään pidämme tauon monimutkaisista teknisistä aiheista ja teemme pienen yleiskatsauksen kuluvan vuoden trendeistä. Tähän artikkeliin olen koonnut vuoden 2016 TOP-verkkosuunnittelutrendit. Tuleeko niistä "bestsellereitä", arvioimme loppuvuodesta, mutta toistaiseksi pohditaan, mikä todella ansaitsee huomiomme ja mikä voidaan lähettää uuniin ilman ongelmia.

Mikä vaikuttaa web-suunnittelun trendeihin?

Nykyaikainen web-sivustosuunnittelu on ehdottoman ei-staattinen toimiala, sen kehitys on niin nopeaa, ettei aina ole mahdollista seurata kaikkea, mitä tapahtuu. Kokeneet suunnittelijat yrittävät aina ennustaa tärkeimmät osa-alueet, koska vain näin pääset etulyöntiasemaan kilpailijoihin nähden, erottua joukosta.

Suunnittelun pääinspiraation lähteenä on perinteisesti edelleen verkkotila ja kaikki sitä ympäröivä. Vain vähän rohkeutta, ja sinä omien projektiesi mestarina pystyt pian laajentamaan helposti ihmisen mielikuvituksen ulottuvuutta, leikkiä mielikuvituksella maailmanlaajuisesti. Muuten, monet web-suunnittelukurssit opettavat tätä.

Ennen kuin siirrymme ennusteisiin, pohditaan, miksi trendit muuttuvat ja uusia trendejä ilmaantuu web-suunnitteluun.

1. Tekniikka. Käytettävissä olevat työvälineet ja teknologian innovaatiot yksinkertaistavat layoutien luomista huomattavasti, jolloin luovuudelle ja luovuudelle jää enemmän aikaa.

2. Käyttäjien palaute. Verkkosivuston vierailijat vaikuttavat suunnittelijoihin monin tavoin ja pakottavat heidät mukauttamaan toimialaa tarpeisiinsa ja toiveisiinsa. Periaatteessa tämä yhteys syntyy intuitiivisesti, harvoin ajattelemme toimintaamme Internet-resursseja selatessamme. Mutta hyvän suunnittelijan tehtävä on saada nämä signaalit kiinni. Se ei ole helppoa, mutta se on yleensä mahdollista.

3. Globaalit luovat alueet. Vaikuttaa siltä, kuinka korkea muoti tai graafinen suunnittelu voi vaikuttaa verkkoon? Mutta luovuutta ei ole ilman ideoiden vertaamista tai vastakohtaa, mielenkiintoisimmat ratkaisut syntyvät tunteissa. Sillä ei ole väliä, aiheuttiko jokin ehdottomasti rakastamasi asia voimakkaan negatiivisen reaktion ... buumi! Ja tässä on sinulle uusi kierros innovaatioita.

4. Elokuva ja televisio. Nykyaikainen elokuvateatteri on kaukana romanttisista tarinoista, muistelmista tai sankarillisista kirjatarinoista. Elokuvateatteri on jo pitkään siirtynyt pätevien kaupallisten hankkeiden kategoriaan, joille rahaa kohdistetaan yhteen tarkoitukseen - saada takaisin investoinnit ja tehdä voittoa. Jokainen näytöllä oleva tarina on hyvin harkittu PR-kampanja, jossa on tunnistettavat hahmot, tuotemerkki, trendi ja muita maallikoiden hyvin havaittavia siruja.

Kuten ymmärrät, web-suunnittelun trendit 2016 ovat riippuvainen arvo, se ei ole olemassa yksinään. Ja mitä mielenkiintoisempaa on keskustella tästä aiheesta. Joten mennään asian ytimeen.

Trendi #1: Poistu laatikosta

Nykyaikaiset verkkosivustojen suunnittelijat haluavat kovasti näyttää, kuinka ylittää rajoja ja yleisesti hyväksyttyjä normeja. Tietyissä piireissä, ja taiteilijat ymmärtävät minua, sitä kutsutaan "Piirrä kehys ja todista sitten, että pystyt rikkomaan sen." Päärajoitus, niin sanotusti, suunnittelijan pääkehys on näytön muoto, suorakulmio. Pyöreitä näyttöjä ei ole vielä keksitty, samoin kuin kolmion muotoisia älypuhelimia.

Tämän pahamaineisen suorakulmion ansiosta kaikki HTML-sivun elementit pelkistetään kulmikkaan muotoon. On olemassa kolme strategiaa visuaalisten rajoitusten voittamiseksi:

Kokoa asettelu eri vaihtoehdoista - ympyrät, rombit, kuusikulmiot jne.

Ja ehkäpä web-suunnittelun muodikkain trendi vuonna 2015, joka epäilemättä siirtyy vuoteen 2016, on ääretön avaruus, lennon vaikutus sivuja selattaessa. Suunnittelijat, jotka voivat kertoa vakuuttavan tarinan ja upottaa vieraat syvälle sivuston sisältöön, saavat sivun helposti vierimään alatunnisteeseen asti, olipa se kuinka pitkä tahansa.

Trendi #2: Litteä muotoilu syntyy uudelleen

Litteä muotoilu on palannut raiteilleen. Monet hyvämaineiset web-suunnittelijat ovat aina pitäneet litteitä grafiikoita välttämättöminä pienissä yksityiskohdissa - valikoissa, kuvakkeissa, kuvissa. Sen lisäksi, että nämä elementit ovat esittelykykyisiä, ne ovat myös helposti skaalautuvia ja niitä käsitellään saumattomasti hahmon fonttitekniikan avulla.

Litteä muotoilu on palannut laajaan käyttöön suhteellisen hiljattain. Rehellisesti sanottuna se ei ole niin tasainen. Suunnittelijat ovat vain oppineet käyttämään gradientti-, rakenne- ja muita vempaimia niin hienovaraisesti, että erikoistehosteet eivät näy ammattitaidottomalla silmällä ollenkaan, mutta ne ovat.

Vuonna 2016 minimalismi on varmasti kysyntää, sen avulla voit keskittyä tärkeisiin elementteihin. Flat 2.0:n uudestisyntynyt filosofia tulee ajankohtaiseksi, ja se heijastaa materiaalia valon, varjon ja liikkeen leikissä. Flat 2.0 ei kestä edes pyöristettyjä muotoja, kaltevuksia, tekstuureja.

Trendi #3: Vintage 80-luvulta

Tilavien ja kulmikas "gadgetien" aikakausi viime vuosisadan 80-90-luvuilta on jatkuva inspiraation lähde suunnittelijoille ympäri maailmaa. Web-suunnittelu 2016 ei ole poikkeus. Vintage-tyylin kehitys muuttuu pikselöityiksi ikoneiksi, galaktisiksi taustoiksi, interaktiivisiksi karkeamuotoisiksi esineiksi. Trendi ei varmasti jää huomaamatta.

Trendi #4: Ainutlaatuinen grafiikka

Nykyaikaiset tekniset innovaatiot saavat suunnittelijat pohtimaan uusien kuvitusmuotojen löytämistä. Esimerkiksi .jpg- ja .png-muodossa olevat kuvat Retina-näytöillä pilaavat visuaalisesti sivuston estetiikan. Ongelma ratkaistiin SVG (Scalable Vector Graphics) -formaatilla, joka puolestaan synnytti mittaamattoman määrän kirkkaita värikkäitä ratkaisuja, tyylikkäitä fontteja ja ainutlaatuisia kuvituksia. Odotamme uusia tuotteita ja rohkeita kokeiluja.

Päätelmän sijaan

Modernit trendit ja trendit web-suunnittelussa vuonna 2016 eivät voi enää fyysisesti olla olemassa ilman toisiaan. Kaikkien luovuuden ja luovuuden muotojen integroiminen Internet-avaruuteen ja päinvastoin suunnittelun asettelujen poistuminen vakiintuneiden puitteiden ulkopuolella synnyttävät uuden illusorisen ja käytännöllisen maailman.

Ota inspiraatiota kaikkialta, usko minua, mikään ei tapahdu sattumalta - ei väriä, ei ääntä, ei assosiaatioita ... ei mitään. Joidenkin ilmiöiden ilmiöt, jotka eivät ole meille selitettävissä, ovat melko alttiita yksinkertaiselle analyysille, opettele käyttämään sitä.
Toivottavasti pidit artikkelista, haluaisin mielelläni kuulla mielipiteesi. Mitkä web-suunnittelutrendit ovat mielestäsi tärkeitä vuonna 2016? Mitä innovaatioita voimme odottaa vuonna 2017? Kunnes tapaamme jälleen, ystävät! Hei hei!

Nykyaikaiset trendit ja lähestymistavat verkkokehitykseen

Opi nopean kasvun algoritmi alusta alkaen verkkosivustojen rakentamisessa

Sivustoa avattaessa ihminen havaitsee sen ensin visuaalisesti ja vasta sen jälkeen alkaa tutkia tietosisältöä. Mikä tahansa verkkokehityskurssi vakuuttaa sinut siitä, että se, mikä erottaa hyvän verkkokehittäjän keskinkertaisesta, ei ole vain kyky kirjoittaa tehokasta ja joustavaa koodia, vaan myös halu seurata suunnittelutrendejä.

Ymmärrät kuinka tärkeää muoti on verkkosivujen suunnittelun kehittämisessä: katso kahden tai kolmen vuoden takaisia resursseja. Suuri osa siitä, mikä näytti tänään oikealta, voi aiheuttaa alentuvan hymyn tai hämmennyksen.

Trendit

Ensinnäkin haamupainikkeet, kaakeloidut kuviot sekä taustakuvat ja videot ovat edelleen tärkeitä. Myöskään kiinnostus kirjailijan typografiaa, vaikuttavaa elokuvagrafiikkaa ja litteää muotoilua kohtaan ei katoa mihinkään. Toisin sanoen - mahdollisimman vähän visuaalista ruuhkaa ja maksimi emotionaalinen komponentti ja tietosisältö. Käyttäjät haluavat silti olla vaikuttuneita, mutta he eivät halua käyttää aikaa ymmärtääkseen, kuinka he ovat vuorovaikutuksessa sivuston kanssa.

Yksilöllisyys

Jokaisen itseään kunnioittavan resurssin pakollinen hankinta on lahjakkaiden kirjailijoiden luomia ainutlaatuisia valokuvia, piirroksia ja ikoneja. Ilmaisista tai maksullisista (ei väliä) valokuvapankeista poimitut mallielementit ovat jo melko väsyneitä sekä web-suunnittelijoihin itseensä että käyttäjiin. Yksilöllinen tyyli erottaa hyvän sivuston keskinkertaisista lyhyellä aikavälillä.

mehukas sisältö

Näyttää siltä, että vuonna 2016 alkaa uusi aikakausi - digitaalisen tarinankerrontamisen aikakausi. Vielä enemmän osallistumista, vielä enemmän tunteita ja vuorovaikutusta. Mielenkiintoinen, syvä, ei ylikuormitettu tarina, johon liittyy voimakas visuaalinen osa, auttaa paitsi paljastamaan aiheen, myös uppoamaan käyttäjän kirjaimellisesti tietokontekstiin.

Ambient-videot, valokuvaukset, infografiat, kuvitukset auttavat sisällöstä tulemaan paitsi temaattiseksi, myös "mehukkaaksi", "makuherkkääksi", niin että haluat palata sivustolle saadaksesi osan seuraavista vaikutelmista ja tiedosta.

Ystävällisyys

Tämä ei tarkoita sitä, että responsiivinen tai responsiivinen verkkosivustojen suunnittelu olisi jotain uutta. Se on ollut trendissä ennenkin. Kuitenkin sen jälkeen, kun Google päivitti hakualgoritmit (huhtikuu 2015) kutsuen aloitetta mobilegeddoniksi (mobilegeddon), tämän suunnittelun merkitys on kasvanut merkittävästi. Vuonna 2016 mobiiliystävällisten sivustojen määrä vain lisääntyy. Toisin sanoen web-suunnittelija ohjelmoija, joka osaa kirjoittaa nopeasti hienoja mukautettuja resursseja, voittaa epäilemättä, sillä on kysyntää ja korkeasti palkattu.

UX-suunnittelu

Yksi viimeaikaisista ja lupaavista web-suunnittelun trendeistä on UX:n (user experience) tai ainutlaatuisen käyttökokemuksen lisääntyvä käyttö. Muutama vuosi sitten suosittu suosittujen mallien pohjalta luotujen sivustojen standardointi on johtanut useimpien resurssien kasvottomuuteen. Tämän seurauksena jopa tiedolliset, mutta tyypilliset sivustot eivät ole kiinnostaneet. Ainutlaatuisen käyttökokemuksen onnistunut käyttöönotto antaa sinun korostaa resurssia joukosta, jotta se vierailijat muistavat sen.

Tehokas vieritys

Pitkä vieritys on yksi tärkeimmistä trendeistä, joka liittyy läheisesti mobiililaitteiden nousuun. Käyttäjät käyttävät niitä yhä enemmän vieraillakseen verkkosivustoilla. Siksi tietoja pitäisi olla kätevää tarkastella vierittämällä sivua yhdellä sormella. Tämä sisältää myös web-suunnittelun trendin, kuten yksittäisten sivuelementtien näyttämisen kysynnän mukaan.

Mitä tahansa trendejä tahansa, älä seuraa niitä sokeasti. Yksilöllisyys, mallien välttäminen, kirjoittajan näkemys suunnittelusta ovat avaimia ainutlaatuisen, tehokkaan ja kiinnostavan verkkoresurssin luomiseen käyttäjille.

Puhutaanpa web-suunnittelusta tarkemmin: ammatti "".