Verkkokehityksen nykyaikaiset trendit. Geometriset muodot, viivat ja kuviot. Video on toiminnallinen elementti

Joka vuosi opimme jotain uutta muotoilusta, eikä 2016 ole poikkeus. Viime vuonna kirjoittamamme artikkeli oli niin menestys, että päätimme tehdä ennusteita vuodelle 2017, joten aloitetaan!

Muotoilutrendeihin vaikuttavat media, teknologia, muotiteollisuus ja viime aikoina myös käytettävyys. Trendi ilmestyy hitaasti, vähitellen, tunkeutuen kaikkiin suunnittelun alueisiin ja katoaa sitten täsmälleen samalla tavalla. Useimmat suunnittelutrendit kestävät enintään yhden tai kaksi vuotta. Muotoilu vuonna 2017 jatkaa vuonna 2016 alkaneita trendejä uusilla muutoksilla, tämä tunne on tuttu ja tuttu ja olet ehkä huomannut sen parin viime vuoden aikana. Päävaikutus jää Googlelle Materiaalisuunnittelu, pienin muutoksin.

Mitkä web-suunnittelun trendit odottavat meitä vuonna 2017

01. Puolitasainen muotoilu

Muutama viime vuosi tasainen design oli web-suunnittelumarkkinoiden suosituin, mutta nyt materiaalisuunnittelun vaikutuksesta siitä on tulossa yhä yksiulotteisempi. Tämä siirtymä alkaa vaaleilla varjoilla, mikä tekee siitä puolitasaisen mallin. Litteän muotoilun kehitys minimalistisesta tyylistä siirtyy uusiin kehittyvät teknologiat. Litteä muotoilu on edelleen olemassa, mutta siihen on tehty joitain parannuksia.

Tasainen varjostus lisää syvyyttä ja monimutkaisuutta pilaamatta tuntumaa litteä muotoilu. Tämä on uusi ominaisuus, joka on lisätty tasaiseen trendiin, ja sen kehitys jatkuu vuonna 2017.

Projekti: Resurssi | UI/UX-työkalu Webille Palvelut
Tekijät: Ruslan Latypov; LS Graphics; Anton Mishin; Valeri Gurkov

Projekti: Kuuntelijan soittolista

02. Liikkuvat valokuvat (Cinemagraphs)

Cinemagraphs eivät ole niitä GIF-animaatioita, joita näemme kaikkialla Internetissä. Elokuvakuvat ovat still-kuvia, joissa on pieniä liikeelementtejä. Tämä tekniikka tekee yksinkertaisesta valokuvasta realistisemman.

03. Lisää 3D

3D on ehdottomasti menossa meidän suuntaan ja näemme tämän vaikutuksen kaikilla suunnittelun osa-alueilla. Kun VR/AR-teknologiat kiihtyvät nopeasti, tämä ala kehittyy melko nopeasti.

Projekti: LUV.IT

Projekti: Avoimet vuosipalkinnot

Projekti: Air Max ’17

Projekti: NIKE FC | 3D kultaiset pallot todellisessa maailmassa

Projekti: Better You Brand

04. Animaatiot

Animaatio on yhä enemmän läsnä web-suunnittelussa, muoto voi olla mikä tahansa - WebGL CSS, GIF, SVG tai video. Animaatio on ollut yksi viime vuoden tärkeimmistä web-suunnittelutrendeistä, älä epäröi käyttää sitä.

Projekti: Nickelodeon Kids Valitse presidentti

Projekti: AR Virtual Fitness Coach -sovellus

Projekti: ZH OURO - Rio 2016

05. Yksisivuiset sivustot/aloitussivut

Vuonna 2017 näemme yksisivuisten sivustojen kasvun niiden markkinointimahdollisuuksien ja kyvyn kohdistaa kävijöitä paremmin.

Jos tarvitset aloitussivun, voit tilata sen minulta →

06. Geometriset muodot, kuviot, viivat ja ympyrät

Tämä trendi alkoi vuonna 2016 ja jatkuu varmasti vuonna 2017. Voit personoida sivustoasi yksinkertaisesti lisäämällä siihen joitain moderneja muotoja, joko tasaisia ​​tai pehmeitä varjoja.

Projekti:

Projekti: DRAP.agency Branding

Projekti: Pfizer - Aktiivinen ja 50+ varten Uusi York Times

07. Rohkeat värit

Käytä kirkkaita värejä erottuaksesi joukosta. Materiaali ja litteä muotoilu sopivat hyvin kirkkaiden värien kanssa. voit käyttää väripaletti, jonka Google tarjoaa, valitaksesi ja yhdistääksesi haluamasi värit.

Projekti: Edris — Logo Suunnitteli Milo

Projekti: Renderoitu – Adoben responsiivinen demosivusto

Projekti: b2mach

08. Innovatiivinen vieritys ja parallaksi

Tämä on loistava visuaalinen idea, joka lisää ainutlaatuisuutta mille tahansa verkkosivustolle. Monikerroksisesta parallaksista videoparallaksiin kaikki on mahdollista D.ex Multilayer Parallax -laajennuksella. Tämän tuotteen on kehittänyt kokonaan Milothemes-studio Loredana Pappin ja Mihai Baldeanin johdolla. Se on ostettavissa Envato Marketissa / codecanyon.net

Tämä WordPress-laajennus, jonka avulla voit tehdä kauniita Parallax-lohkoja useammalla kuin yhdellä kerroksella. Ole luova ja yhdistä kerroksia haluamallasi tavalla. Olemme tehneet laajennusoppaaseen 12 erilaista esimerkkiä helpottaaksemme ensimmäistä tutustumistasi parallaksin ihmeelliseen maailmaan. Leiki kerroksilla!

09. Värisiirtymät

Gradientit ovat yksi suurimmista trendeistä tällä hetkellä. Suuntaus alkoi saada suosiota vuonna 2016 ja kasvaa edelleen nopeasti sen jälkeen, kun suuret brändit, kuten Instagram, päättivät muuttaa logonsa ja kuvansa yhdestä väristä moniväriseen siirtymään (gradienttiin). Tämä trendi on kaikkialla logoista painikkeisiin tai peittokuviin.

10. Mobiiliselaus (responsiivinen suunnittelu)

Vuodet 2015 ja 2016 johtivat katselukertojen huomattavaan kasvuun mobiililaitteet. Tabletit ja älypuhelimet ovat nyt etusijalla verkkosivustojen selaamisessa, ne ovat ylivoimaisia pöytätietokoneet ja kannettavat tietokoneet - ja tämä suuntaus jatkuu. Mikä tahansa verkkosivusto, jolla ei ole responsiivinen web-suunnittelu pitää päivittää ASAP!

Projekti: Responsiivinen verkkosivustoanimaatio

11. Mukautetut grafiikat ja kuvitukset

Arkistokuvaus on edelleen melko suosittua, mutta uusi trendi vuonna 2016 ja jatkaa kasvuaan vuonna 2017: räätälöidyn grafiikan ja kuvituksen käyttö. Jos haluat ainutlaatuisen, kauniin verkkosivuston, jonka jokainen vierailija muistaa sinut, tee yhteistyötä digitaalisten suunnittelijoiden kanssa. Tämä tarkoittaa vähemmän kuvituskuvia ja enemmän alkuperäisiä, ainutlaatuisia kuvia.

12. Neutraalin tilan ja ruudukon luova käyttö

Viime vuosina web-suunnittelu on ollut taipuvaisempia järjestyneisiin, organisoituihin sarakkeisiin ja ruudukkoihin, mutta vuonna 2016 voimme nähdä merkittävän muutoksen kohti epäsäännöllisiä tasoja ja ultramoderneja malleja.

13. Kerro tarinoita (tarinoiden kertominen)

Verkkosivustot alkavat nyt kertoa tarinoita voittaakseen asiakkaan. Ihmiset muistavat tarinoita enemmän kuin lukevat yksinkertaista (kuivaa) tietoa.

Lisää videoita Business of Youthin tarinankerronnasta:

14. Sisällön asteittainen lataus (Lazy Loading)

Lazy Loading viivästyttää kuvien lataamista pitkillä verkkosivuilla, jolloin tiedot näkyvät tietyssä kohdassa vierittäessä alaspäin, mikä lyhentää sivun latausaikaa.

15. Jaa sisältö

Jaettu sisältö on nyt suosittu responsiivisessa web-suunnittelussa. Se jakaa näytön kahteen tai useampaan osaan. Tällainen sivuston jaettu näyttö näyttää katsojalle jokseenkin tasapuolisesti tärkeitä viestejä sivuston yhdessä lohkossa. Tämä trendi ilmestyi vuonna 2015, mutta vuonna 2017 se jatkaa kasvuaan ja todennäköisesti näet sen monilla sivustoilla.

16. Koko näytön lomakkeet

Lomakkeen täyttämistä varten ei tarvitse siirtyä toiselle sivulle, koska uudet sivustot käyttävät täysleveitä lomakkeita, jotka mukautuvat reagoivaan suunnitteluun.

17. Videot kaikkialla

Videosisältö on lisääntynyt viimeisen vuoden aikana ja ihmiset ovat vaativampia korkealaatuinen video. Verkkosivustolla oleva video voi olla lyhyt ja automaattisesti toistuva, ja se näyttää tuotteen tai laajan elokuvaprojektin, joka pitää katsojan mukana tarinassa.

Projekti: Mäki laulu

18. SEO on tärkeää! (SEO on tärkeä)

SEO on erittäin tärkeä verkkosivustolle, joten kaunis verkkosivusto ilman hyvä SEO jää ulkopuoliseksi.

19. Piilotettu navigointi

Hampurilaismenut herättävät paljon keskustelua puolesta ja vastaan, kuinka vaikeaa käyttäjien on löytää ruokalista, mutta yksi asia on varma - tämä trendi on tullut jäädäkseen ja ihmiset tottuvat lopulta sellaisiin menuihin.

20. Pienet suunnittelun yksityiskohdat

Yksityiskohtiin keskittyminen on tänä vuonna erittäin tärkeää. Pienet yksityiskohdat, kuten navigointipisteet jne. Pieniin yksityiskohtiin keskittyminen tekee työstä täydellisen.

Projekti: Barometa - Uuden sukupolven työpaikka

21. Logosuunnittelutrendit

21.1. Minimalismi

Kaikki suuria merkkejä ovat siirtymässä kohti yksinkertaisempia, minimalistisia malleja, ja tämä trendi on tullut jäädäkseen.

21.2. Käsin piirretty

Tämä trendi on ollut valokeilassa jo pitkään Viime vuosina, tämä tyyli sopii erinomaisesti "hipsteri"-yritykselle. Sitä käytetään kampaamoissa (parturit), kahviloissa, ravintoloissa, taide- ja askartelutuotteissa.

21.3. Negatiivinen tila

Tämä on vanha trendi, mutta olemme nähneet sen nousevan viime vuosina ja kasvavat edelleen vuonna 2017, joten sitä kannattaa ehdottomasti tarkastella lähemmin.

21.4. Rajaus

Se ei muutu minimalistisemmaksi kuin tämä trendi. Se näyttää vain sen, mikä riittää logossa ilmoittamaan yrityksen tunnistamiseksi, eikä mitään muuta.

21.5. Geometria

Tämä trendi on vanhaa koulua, mutta se on yksi niistä tyyleistä, jotka eivät koskaan kuole.

21.6. Viivakuva

Tämä trendi on suosittu uuden sukupolven yritysten keskuudessa

Tekijät: Sam Healy; Andrea Schlaffer; Jacek Janiczak

21.7. Kuviot

Mallit ovat uusi trendi ja tämä toisto on epätavallisella tavalla tehdäksesi yrityksestäsi ikimuistoisen ja erottaaksesi sen kilpailijoistaan. Tätä alkuperäistä suuntaa voidaan käyttää myös logojen esittämisessä.

Tekijät: Nick Edlin; Stanislav Aleynikov; Lucas Gil-Turner

21.8. Animoidut logot

Liikesuunnittelu on suosittu trendi nykyään, ja se näkyy kaikilla suunnittelun osa-alueilla.

Tekijät: Javier Miranda Nieto; The Work Co

21.9. Vintage

Vintage-tyyli on edelleen pelissä. Vaikka tämä trendi on ollut suosittu jo pitkään, sillä on silti jotain sanottavaa.

Tekijät: Roman Dodonov; Mingo Ideas Up; Yritetään edelleen

21.10. Värisiirtymät

Gradientteja on kaikkialla tänä vuonna – eivätkä logot ole poikkeus.

21.11. Kuvitukset logoissa

Kuvitukset - hyvä tapa tee yrityksellesi ainutlaatuinen ja yksilöllinen logo. Niiden suosio kasvaa tänä vuonna.

Tekijät: Bodea Daniel; Jacek Janiczak

21.12. Valokuvaus logoissa

Kuvien ja typografian yhdistelmä on nyt erittäin suosittu. Ne toimivat erittäin hyvin yhdessä ja se luo kontrastin niiden välille.

22. Typografian trendit

22.1. Suuri, rohkea ja kaunis typografia

Typografia voi olla eniten tärkeä elementti upeiden kuvioiden luomisessa. Tänä vuonna typografia on lihavoitu (lihavoitu) ja suuri, ja siinä näkyvät otsikot.

Kirjoittaja: Alexander Laguta

Kirjailija: Quim Marin

Projekti: Baugasm-sarja - pakkaus 4

22.2. Gradientit/värimuutokset typografiassa

Gradientit ovat epäilemättä trendi nykyään, ja löydät niitä myös typografiassa.

22.3. Visuaalinen hierarkia

Typografian hierarkia on tärkeä kaikissa suunnittelusuunnissa. Fontin koko ja leveys voivat helposti osoittaa, mitkä sanat tai otsikot ovat etusijalla, joten käytä tätä tekijää tekstiä luodessasi. Sinun on myös muistettava, että voit saavuttaa ymmärrettävän visuaalinen hierarkia käyttämällä tekstin sijoittelua ja värejä.

22.4. Pieni typografia

Hyvin pientä tekstiä ympäröi yleensä vastakkainen väriavaruus, mutta voit luoda visuaalisen eron värin tai kuvan välille, jotta teksti erottuu. Voit myös käyttää animaatioita auttamaan tekstiäsi erottumaan muista.

Tekijät: Slava Oleinik; Bahaa Samir; Witty Digital

Projekti: Baugasm-sarja - pakkaus 4

22.5. Animoitu typografia

Animaatiota käytetään nykyään kaikkialla, eikä typografia ole poikkeus. Jos käytät liikeohjelmistoa, et voi mennä pieleen tänä vuonna.

Projekti: Gotham Pro Animated Typeface Free

22.6. Typografia kohtaa valokuvauksen

Tekstin ja valokuvan yhdistelmä voi antaa erinomainen tulos. Katso nämä upeat esimerkit.

22.7. Geometriset muodot ja typografia

Geometriset muodot voivat toimia hyvin typografian kanssa kauniin kuvion luomiseksi.

22.8. Fonttipariliitos

Käytä kahta tai useampaa kirjasinta yhdessä. Tämä on edelleen trendikästä vuonna 2017.

———————————

Joka vuosi sivustojen määrä, jotka yllättävät ja ilahduttavat uusilla suunnitteluominaisuuksilla, kasvavat. Kaksi vuotta sitten julkaisimme käännöksen web-suunnittelun trendeistä 2015. Mikä on muuttunut sen jälkeen? Edelleen painotetaan korkealaatuista grafiikkaa ja minimalismia, suuria fontteja ja interaktiivisia elementtejä (esimerkiksi piilotettu valikko). Tekniikka ei kuitenkaan pysähdy, ja web-suunnittelijat kokeilevat dynamiikkaa, animaatioita ja objektien järjestelyä näytöllä vaarantamatta sivuston suorituskykyä. Tuomme huomionne yleiskatsauksen trendeistä, joita länsimaiset kollegamme ovat perinteisesti luoneet.

1. Mobiili ensin -periaate

Periaatteen nimi puhuu puolestaan: suunnittelua kehitetään ennen kaikkea mobiililaitteiden näytöiltä katsomisen helppous huomioon ottaen. Tämä periaate ei ole uusi, mutta koska yli 60 % käyttäjistä käyttää Internetiä älypuhelimilla, siitä on tullut tänä vuonna ratkaiseva. Koska mobiililaitteiden näytöt ovat pieniä, suunnittelijat tarjoavat informatiivisimman mutta samalla tehokkaan sisällön näyttämisen. Sama koskee tekstejä - vedellä ja tyhjillä lauseilla ei ole sijaa "mobiili-ensin"-konseptissa.

2. Vapaakätiset kuvitukset

Tämä on loistava tapa välittää idea tai tunnelma omaperäisellä tavalla. Käsin piirretyt kuvat ovat ainutlaatuisia, lisäävät vaihtelua ja ripauksen epämuodollisuutta käyttäjän vuorovaikutukseen sivuston kanssa tehden suunnittelusta lämpimän ja ystävällisen.

Esimerkkikuva osoitteesta dropbox.com

Lahjakkaat kuvittajat voivat luoda kuvia paras tapa vastaa brändiä ja yritystyyliä, joiden avulla voit saavuttaa syvän personoinnin.

3. Animaatio

Suunnittelijat ovat vähitellen luopumassa pelkästään staattisten kuvien käytöstä ja etsivät uusia tapoja sitouttaa yleisöä erottumaan muista. Brändit tarvitsevat personointia, ja animaatiolla on tässä tärkeä rooli, suurelta osin HTML5:n, CSS:n ja jQueryn kehityksen ansiosta.

Animaatio voidaan toteuttaa eri tavoin: epätavallisesta latauksen tilapalkista, joka piristää odotusta, kohteen ulkonäön muuttamiseen kohdistinta liikutettaessa. Mukana on myös koko näytön animaatio, joka on keskeinen elementti, joka kiinnittää käyttäjän huomion.

Animaatiota tulee kuitenkin käyttää tasapainoisesti käyttäjän vuorovaikutuksen syventämiseksi sivuston kanssa eikä pelotella häntä. Loppujen lopuksi kukaan ei halua odottaa pääsisällön katsomista naurettavien ja hyödyttömien animaatioiden lataamisen aikana - kaiken pitäisi näyttää luonnolliselta, sopivalta eikä häiritsevalta.

4. Rohkeat värit

Viime aikoihin asti asiantuntijat suosittelivat käyttämään suunnittelussa vain "web-yhteensopivia" värejä - sellaisia, jotka eivät aiheuta ärsytystä eivätkä rasita näköä. Nykyään kaikki muuttuu – oikein käytettynä rohkeat värit tekevät ihmeitä ja tekevät tavallisista verkkosivustoista kirkkaita, täyteläisiä ja mieleenpainuvia.

Esimerkki rohkeiden värien käytöstä spotify.comissa

Kirkkaat värit ovat tapa personoida globaalilla tavalla muotoilun minimalismiin. On todennäköistä, että suunnittelijat jatkavat palettien kokeilua ja luovat ainutlaatuisia kaltevuksia ja värisävyjä.

5. Epätavallinen vieritys ja parallaksi

Aiemmin suunnittelijat yrittivät parhaansa tärkeää tietoa aseta se sivun siihen osaan, jonka käyttäjä näkee heti sivustolle siirtymisen jälkeen. Nykyään on vaikea määrittää, mikä sivun osa on "näkyvä", koska siirtymät tehdään laitteista, joilla on erilainen näyttöresoluutio. Siksi tarvitaan erilaista lähestymistapaa.

Suunnittelijat käyttävät nyt luovasti vierittämistä, jota alun perin tarvittiin sivun ylös- ja alaspäin liikkumiseen. Taitavasti toteutettuna siitä tulee universaali työkalu sisällön esittämiseen. Siten voit automaattisesti määrittää videon tai animaation näyttämisen ja pysäytyksen vierityksen aikana, tekstin ja kuvien ulkoasun jne.

6. Epäsymmetriset kuviot

Vuoteen 2016 vaikuttivat verkkokuviot, ja vuonna 2017 oli suuntaus kohti epäsymmetristen ja "revittyjen" kuvioiden käyttöä. Huolimatta siitä, että valtaosa brändeistä suosii perinteisiä ja selkeitä korttikäyttöliittymämalleja (ne ovat loppujen lopuksi loogisia ja helppokäyttöisiä), jotkut aloittavat edelleen kokeiluja erottuakseen joukosta ja erottautuakseen kilpailijoista.

Esimerkki epäsymmetrisestä suunnittelusta (isaidicanshout.com)

Taitavien käsien luoma epäsymmetrinen muotoilu sopii erinomaisesti huomion kiinnittämiseen tiettyjä osia sivuja. Erilaisten kirjasinkokojen ja elementtien järjestelyn ansiosta voit sijoittaa aksentteja sivulle oikein ja ohjata käyttäjää oikeaan suuntaan.

7. Varjot

Varjot itsessään ovat kaukana innovaatiosta web-suunnittelussa. Kerran ne olivat suosittuja, sitten ne unohdettiin. Mikä sitten on trendi? Käytettäessä valtavia, joskus jopa liioiteltuja varjoja, joita kuvat luovat kohdistinta liikutettaessa.

Syvät varjot vietäessä hiiri kuvien päälle (abduzeedo.com)

Tämä lähestymistapa mahdollistaa tasaisen mallin keskittymisen aktiivinen elementti ja olla vuorovaikutuksessa. Tämä luo syvyyden vaikutelman - on mukavaa siirtää kohdistinta tällaisten kuvien päälle.

8. Suuret ja lihavoitu fontit

Typografia on toinen tapa personoida. Laitteiden jakelu korkea resoluutio näytöt tekevät fonteista luettavia ja selkeästi erotettavissa, joten suunnittelijat kokeilevat niitä yhä enemmän.

Käyttöesimerkki iso fontti(bigyouth.fr)

9. Ultraminimalismi

Minimalismi on pitkään ollut web-suunnittelun määräävä trendi. Mutta jotkut menevät pidemmälle ja poistavat sivustoilta kaikki sisustusvihjeet ja jättävät vain käyttäjille tärkeimmät elementit.

Absoluuttinen minimalismi (mathieuboulet.com)

Annetussa esimerkissä on vain merkintä "Scroll", linkki "Tietoja minusta" -osioon ja linkkejä sosiaalisten verkostojen profiileihin. Seuraavaksi vierittäessäsi on suunnittelijan portfolio.

10. Sekoita vaaka- ja pystysuuntaista tekstiä

Muuttaa tavallista vaakasuora järjestely teksti "virkistää" sivuston ja motivoi sinua lukemaan, mitä siellä on kirjoitettu.

Esimerkki epätavallisesta tekstin suunnasta (takewhatyoucancarry.com)

Huomaa, että sekoitus on tehty hyvin - siinä ei ole tarpeettomia hämmentäviä elementtejä. Sana "ottaa" on kirjoitettu pystysuoraan - tämä riittää sisällön brändättyyn esittelyyn.

11. "Modulaatio"

Tässä tapauksessa tekstin tulee olla ristiriidassa taustakuvia jotta ne eivät sulautuisi.

13. Kaksivärinen

Sivuston suunnittelu perustuu kahteen perusväriin. Se näyttää tyylikkäältä ja modernilta. Esimerkiksi Australian Design Radio -verkkosivusto on suunniteltu juuri tähän tyyliin:

14. Geometriset kirjasimet

Tässä tapauksessa fontit yhdistetään erilaisiin geometrisiin muotoihin. Fontit kuten Futura, ITC Avant Garde ja Proxima Nova sopivat tähän tarkoitukseen.

Esimerkki "geometristen" fonttien käytöstä (hugeinc.com)

Voit lisätä ilmaisukykyä, itsevarmuutta ja jopa aggressiivisuutta sivustoosi käyttämällä hyvin lihavoitu fontteja edellä mainitut perheet.

Tehdään se yhteenveto

Vuonna 2017 suunnittelijat yrittävät lisätä yksilöllisyyttä tavanomaiseen minimalismiin. Jotkut tekevät tämän väreillä, jotkut fonteilla ja jotkut epätavallisella lohkosijoittelulla.

Suunnittelua kehitettäessä ja hyväksyttäessä älä unohda pääsääntöä - sen on oltava käyttäjäystävällinen ja motivoiva kohdetoimintaan. Oletko varma resurssi tehokkuudesta? "Palvelun" suorittaman paikantarkastuksen raportti voi kertoa sinulle tästä. Henkilökohtainen johtaja”SeoPult. Suunnittelu- ja käytettävyystarkastuksen lisäksi saat yksityiskohtaisen analyysin teknisestä komponentista, semantiikasta, asemasta kilpailijoihin nähden jne. Kaikki tämä auttaa sinua parantamaan verkkosivustoasi ja lisäämään sen tehokkuutta myyntityökaluna.

Ottaen huomioon aktiivista kehitystä tekniikan avulla kommunikaatiomme tietokoneen kanssa on tulossa yhä luonnollisemmaksi ja mahdollisuus interaktiiviseen viestintään puheella tulee näkyviin. Siksi tulevaisuus on ääniavustajat, mutta tämä on seuraavan sukupolven sovelluksia.

Toimintakehotuspainikkeen pitäisi olla avainelementti millä tahansa sivulla. Nykyään käytetään usein liian kirkkaita ja ärsyttäviä värejä. Mutta CTA-painikkeen korostamiseksi vuonna 2017 sitä käytetään yhä enemmän yksinkertainen animaatio, se ei ole niin ärsyttävää, mutta se suorittaa täydellisesti tehtävänsä herättää huomiota.

Muista, että tärkeintä ei ole liioitella! Käytä animaatiossa pehmeitä liikkeitä muutaman sekunnin kuluttua, ne herättävät huomion olematta liian ärsyttäviä. Suosittelemme lisäämään toimintakehotuspainikkeen verkkosivustosi otsikkoon parempi vaikutus. Eikä vain verkkosivustolla, vaan lisää tällaisia ​​painikkeita myös sähköpostiisi!

Suuret valokuvat ja erityisesti videot herättävät aina huomion. Lisäksi itse videojuoni voi todella kiinnostaa kävijää.

Jos tämä taustavideo, sinulla on kaksi yhdessä - se on sekä valokuva että video. Koska videoita käytetään vielä suhteellisen harvoin taustana, ne herättävät heti kiinnostuksen.

Pyri luomaan VAKUUTTAvia videoita. Oikeita ihmisiä Videosi tulee luoda aitouden, vilpittömyyden ja aitouden tunne. Muista käyttää erilaisia ​​taktiikoita: asiakasarvioita, perusteltuja vastauksia mahdollisiin vastalauseisiin ja tuote-esittelyjä.

Tällaisten videoiden avulla voit voittaa asiakkaidesi epäilykset paljon nopeammin ja tehdä kaupan.

Trend nro 4 verkkosivujen suunnittelussa vuonna 2017 – vieritys navigoinnin päätyyppinä

Vuonna 201 rullaaminen oli jo yleistynyt. Hän teki tiedosta merkityksellisemmän. Nyt käyttäjät rullaavat mielellään pitkiä tekstejä, sen sijaan, että seuraat linkkejä ja odotat sivujen uudelleenlatautumista.

Sivuston otsikossa on tärkeitä tietoja, kuten päänavigointivalikko, puhelinnumero tai painike soita takaisin on kiinteä ja aina käytettävissä ilman lisätoimenpiteitä.

Rullaus auttaa tarinaa sujumaan sujuvasti mielenkiintoinen tarina, näytä paljon valokuvia ja voi siten käyttäjien epäilykset ja kannustaa muuntamiseen.

Hyvin suunniteltu aloitussivu vie asiakkaat huolellisesti suunnitellulle matkalle, joka johtaa tulokseen pakottamatta heitä miettimään kahdesti polun valintaa.

Tarjoa vastaavia ja vastaavia tuotteita sekä kannattavia kampanjoita tilausprosessin aikana keskimääräisen tarkastuksen lisäämiseksi. Verkkokaupan liittyvät tuotteet muodostavat 10–30 prosenttia tuloista. Muista, että myyminen uudelle asiakkaalle on kymmenen kertaa vaikeampaa kuin myyminen jollekin, joka on jo valmis maksamaan.

Ponnahdusikkunan avulla voit pitää asiakkaan, kun hän on poistumassa sivustolta. Mutta suhteellisuudentaju on tässä erittäin tärkeä, koska monet käyttäjät alkoivat vihata heitä.

Mutta jos lähestyt luovasti tällaisten ilmoitusten luomista etkä vaadi mitään vastineeksi, esimerkiksi tarjoa ilmainen toimitus, kirjoita kuponkikoodi muistiin tai lataa ilmainen kokeiluversio, tämä lähestymistapa aiheuttaa ärsytystä.

Vuonna 2016 ilmestyi monia mielenkiintoisia sivustoja, joissa moderneja suuntauksia. 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, sosiaalisen median painikkeet, toimintakehotukset, rekisteröintilomakkeet... Kaikki tämä on tietysti erittäin tarpeellista, mutta sen seurauksena sivustot olivat ylikuormitettuja toiminnallisilla elementeillä, jotka veivät paljon tilaa ja häiritsivät käyttäjiä. huomio tärkeimmästä asiasta - sisällöstä.

Joten vuonna 2017 saatamme nähdä hitaan siirtymisen takaisin perusasioihin, kuten suunnittelijat tekevät pääpaino sisällön suhteen. Jotkut 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 kauniita nappeja Toimintakehotukset tai ilmoittautumislomakkeet – nykyään ihmiset välittävät vain sisällöstä, ja suunnittelijoiden on toimitettava se tavalla, joka ei aiheuta tarpeettomia esteitä sivuston vierailijoille sisällöstä.

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ämiseen ei ole jollain tapaa 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ä muotoilu riistää verkkosivustoilta heidän identiteettinsä, joten suunnittelijat etsivät tapoja ratkaista tämä ongelma ja erilaiset epätyypilliset elementit auttavat heitä ulkomuoto verkkosivut ovat ainutlaatuisia ja tunnistettavia.

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 kaltevuuteen, 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 tulisi tehdä, tai yksinkertaisesti välittää pääidea nopeammin. Aiemmin käyttäjät käsittelivät tavallisia GIF-kuvia, mutta nyt vauhtiin on tulossa trendi, jossa animaatio tehdään käyttämällä SVG-ominaisuudet ja CSS. 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 tasaisesti 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ää voidaan käyttää 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 sovelluksen kanssa tehokkaasti, voit käyttää mikrovuorovaikutuksia kannustaaksesi ihmisiä katsomaan sisältöä. Tärkeintä on jatkuvasti kiinnittää käyttäjän huomio tarjoamalla hänelle käteviä vaihtoehtoja katseleminen 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ä kysyttyjä. Tämä ei koske vain kuvia - se näkyy hyvin usein suunnittelussa. käsin kirjoitetut fontit, alkuperäinen grafiikka, ei-standardi painikkeet tai kuvakkeita. Pienet muutokset tuttujen elementtien suunnittelussa voit antaa sivustolle yksilöllisyyttä, 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 erilaisia ​​tyyppejä sisältöä, on erittäin tärkeää tarjota heille tarvittavat tiedot. Tästä syystä aloitussivujen merkitys kasvaa vuonna 2017. Design kotisivu Huomiota tulee edelleen paljon, mutta joskus sivustolla on niin paljon sisältöä, että se on yksinkertaisesti sijoitettava tiiviisti aloitussivuille. Markkinoijat ovat antaneet merkittävän panoksen tämän trendin kehitykseen, ja heidän on ohjattava liikenne omistautuneisiin kohteisiin aloitussivut jotta käyttäjät löytävät tarvitsemansa nopeasti.

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 web-suunnittelun pysähtyneen kehityksen, näin ei todellakaan ole. Joten ensi vuonna voimme kaikki odottaa näkevämme paljon kauniita verkkosivustoja epätavallisilla malleilla.

Joka vuosi opimme jotain uutta muotoilusta, eikä 2016 ole poikkeus. Viime vuonna kirjoittamamme artikkeli oli niin menestys, että päätimme tehdä ennusteita vuodelle 2017, joten aloitetaan!

Muotoilutrendeihin vaikuttavat media, teknologia, muotiteollisuus ja viime aikoina myös käytettävyys. Trendi ilmestyy hitaasti, vähitellen, tunkeutuen kaikkiin suunnittelun alueisiin ja katoaa sitten täsmälleen samalla tavalla. Useimmat suunnittelutrendit kestävät enintään yhden tai kaksi vuotta. Muotoilu vuonna 2017 jatkaa vuonna 2016 alkaneita trendejä uusilla muutoksilla, tämä tunne on tuttu ja tuttu ja olet ehkä huomannut sen parin viime vuoden aikana. Päävaikuttaja on edelleen Googlen materiaalisuunnittelu pienin muutoksin.

Mitkä web-suunnittelun trendit odottavat meitä vuonna 2017

01. Puolitasainen muotoilu

Viime vuosina litteä suunnittelu on ollut suosituin web-suunnittelumarkkinoilla, mutta nyt siitä on Material Designin vaikutuksesta tulossa yhä enemmän yksiulotteisempaa. Tämä siirtymä alkaa vaaleilla varjoilla, mikä tekee siitä puolitasaisen mallin. Litteän suunnittelun kehitys minimalistisesta tyylistä on siirtymässä uusiin kehittyviin teknologioihin. Litteä muotoilu on edelleen olemassa, mutta siihen on tehty joitain parannuksia.

Tasainen varjostus lisää syvyyttä ja monimutkaisuutta pilaamatta tasaisen muotoilun tuntua. Tämä on uusi ominaisuus, joka on lisätty tasaiseen trendiin, ja sen kehitys jatkuu vuonna 2017.

Projekti: Resurssi | UI/UX-työkalu verkkopalveluille
Tekijät: Ruslan Latypov; LS Graphics; Anton Mishin; Valeri Gurkov

Projekti: Kuuntelijan soittolista

02. Liikkuvat valokuvat (Cinemagraphs)

Cinemagraphs eivät ole niitä GIF-animaatioita, joita näemme kaikkialla Internetissä. Elokuvakuvat ovat still-kuvia, joissa on pieniä liikeelementtejä. Tämä tekniikka tekee yksinkertaisesta valokuvasta realistisemman.

03. Lisää 3D

3D on ehdottomasti menossa meidän suuntaan ja näemme tämän vaikutuksen kaikilla suunnittelun osa-alueilla. Kun VR/AR-teknologiat kiihtyvät nopeasti, tämä ala kehittyy melko nopeasti.

Projekti: LUV.IT

Projekti: Avoimet vuosipalkinnot

Projekti: Air Max '17

Projekti: NIKE FC | 3D kultaiset pallot todellisessa maailmassa

Projekti: Better You Brand

04. Animaatiot

Animaatio on yhä enemmän läsnä web-suunnittelussa, muoto voi olla mikä tahansa - WebGL CSS, GIF, SVG tai video. Animaatio on ollut yksi viime vuoden tärkeimmistä web-suunnittelutrendeistä, älä epäröi käyttää sitä.

Projekti: Nickelodeon Kids Valitse presidentti

Projekti: AR Virtual Fitness Coach -sovellus

Projekti: ZH OURO - Rio 2016

05. Yksisivuiset sivustot/aloitussivut

Vuonna 2017 näemme yksisivuisten sivustojen kasvun niiden markkinointimahdollisuuksien ja kyvyn kohdistaa kävijöitä paremmin.

Jos tarvitset aloitussivun, voit tilata sen minulta →

06. Geometriset muodot, kuviot, viivat ja ympyrät

Tämä trendi alkoi vuonna 2016 ja jatkuu varmasti vuonna 2017. Voit personoida sivustoasi yksinkertaisesti lisäämällä siihen joitain moderneja muotoja, joko tasaisia ​​tai pehmeitä varjoja.

Projekti:

Projekti: DRAP.agency Branding

Projekti: Pfizer - Aktiivinen ja 50+ The New York Timesille

07. Rohkeat värit

Käytä kirkkaita värejä erottuaksesi joukosta. Materiaali ja litteä muotoilu sopivat hyvin kirkkaiden värien kanssa. Voit valita ja yhdistää haluamasi värit Googlen tarjoaman väripaletin avulla.

Projekti: Edris — Logo Suunnitteli Milo

Projekti: Renderoitu – Adoben responsiivinen demosivusto

Projekti: b2mach

08. Innovatiivinen vieritys ja parallaksi

Tämä on loistava visuaalinen idea, joka lisää ainutlaatuisuutta mille tahansa verkkosivustolle. Monikerroksisesta parallaksista videoparallaksiin kaikki on mahdollista D.ex Multilayer Parallax -laajennuksella. Tämän tuotteen on kehittänyt kokonaan Milothemes-studio Loredana Pappin ja Mihai Baldeanin johdolla. Se on ostettavissa Envato Marketissa / codecanyon.net

Tämä on WordPress-laajennus, jonka avulla voit tehdä kauniita Parallax-lohkoja useammalla kuin yhdellä kerroksella. Ole luova ja yhdistä kerroksia haluamallasi tavalla. Olemme tehneet laajennusoppaaseen 12 erilaista esimerkkiä helpottaaksemme ensimmäistä tutustumistasi parallaksin ihmeelliseen maailmaan. Leiki kerroksilla!

09. Värisiirtymät

Gradientit ovat yksi suurimmista trendeistä tällä hetkellä. Suuntaus alkoi saada suosiota vuonna 2016 ja kasvaa edelleen nopeasti sen jälkeen, kun suuret brändit, kuten Instagram, päättivät muuttaa logonsa ja kuvansa yhdestä väristä moniväriseen siirtymään (gradienttiin). Tämä trendi on kaikkialla logoista painikkeisiin tai peittokuviin.

10. Mobiiliselaus (responsiivinen suunnittelu)

Vuosina 2015 ja 2016 katselukerrat mobiililaitteilla lisääntyivät merkittävästi. Tabletit ja älypuhelimet ovat nyt suosituin vaihtoehto verkon selaamiseen, ohittaen pöytätietokoneet ja kannettavat tietokoneet – ja trendi jatkuu. Kaikki verkkosivustot, joilla ei ole responsiivista web-suunnittelua, on päivitettävä ASAP!

Projekti: Responsiivinen verkkosivustoanimaatio

11. Mukautetut grafiikat ja kuvitukset

Arkistovalokuvaus on edelleen melko suosittua, mutta vuonna 2016 on noussut esiin uusi trendi, joka jatkaa kasvuaan vuonna 2017: räätälöidyn grafiikan ja kuvituksen käyttö. Jos haluat ainutlaatuisen, kauniin verkkosivuston, jonka jokainen vierailija muistaa sinut, tee yhteistyötä digitaalisten suunnittelijoiden kanssa. Tämä tarkoittaa vähemmän kuvituskuvia ja enemmän alkuperäisiä, ainutlaatuisia kuvia.

12. Neutraalin tilan ja ruudukon luova käyttö

Viime vuosina web-suunnittelu on ollut taipuvaisempia järjestyneisiin, organisoituihin sarakkeisiin ja ruudukkoihin, mutta vuonna 2016 voimme nähdä merkittävän muutoksen kohti epäsäännöllisiä tasoja ja ultramoderneja malleja.

13. Kerro tarinoita (tarinoiden kertominen)

Verkkosivustot alkavat nyt kertoa tarinoita voittaakseen asiakkaan. Ihmiset muistavat tarinoita enemmän kuin lukevat yksinkertaista (kuivaa) tietoa.

Lisää videoita Business of Youthin tarinankerronnasta:

14. Sisällön asteittainen lataus (Lazy Loading)

Lazy Loading viivästyttää kuvien lataamista pitkillä verkkosivuilla, jolloin tiedot näkyvät tietyssä kohdassa vierittäessä alaspäin, mikä lyhentää sivun latausaikaa.

15. Jaa sisältö

Jaettu sisältö on nyt suosittu responsiivisessa web-suunnittelussa. Se jakaa näytön kahteen tai useampaan osaan. Tällainen sivuston jaettu näyttö näyttää katsojalle useita yhtä tärkeitä viestejä yhdessä sivustolohkossa. Tämä trendi ilmestyi vuonna 2015, mutta vuonna 2017 se jatkaa kasvuaan ja todennäköisesti näet sen monilla sivustoilla.

16. Koko näytön lomakkeet

Lomakkeen täyttämistä varten ei tarvitse siirtyä toiselle sivulle, koska uudet sivustot käyttävät täysleveitä lomakkeita, jotka mukautuvat reagoivaan suunnitteluun.

17. Videot kaikkialla

Videosisältö on lisääntynyt viimeisen vuoden aikana, ja ihmiset ovat vaatineet korkealaatuisia videoita. Verkkosivustolla oleva video voi olla lyhyt ja automaattisesti toistuva, ja se näyttää tuotteen tai laajan elokuvaprojektin, joka pitää katsojan mukana tarinassa.

Projekti: Mäki laulu

18. SEO on tärkeää! (SEO on tärkeä)

SEO on erittäin tärkeä verkkosivustolle, joten kaunis verkkosivusto ilman hyvää hakukoneoptimointia jää ulkopuoliseksi.

19. Piilotettu navigointi

Hampurilaismenut herättävät paljon keskustelua puolesta ja vastaan, kuinka vaikeaa käyttäjien on löytää ruokalista, mutta yksi asia on varma - tämä trendi on tullut jäädäkseen ja ihmiset tottuvat lopulta sellaisiin menuihin.

20. Pienet suunnittelun yksityiskohdat

Yksityiskohtiin keskittyminen on tänä vuonna erittäin tärkeää. Pienet yksityiskohdat, kuten navigointipisteet jne. Pieniin yksityiskohtiin keskittyminen tekee työstä täydellisen.

Projekti: Barometa - Uuden sukupolven työpaikka

21. Logosuunnittelutrendit

21.1. Minimalismi

Kaikki suuret tuotemerkit ovat siirtymässä kohti yksinkertaisempia, minimalistisia malleja, ja tämä trendi on tullut jäädäkseen.

21.2. Käsin piirretty

Tämä trendi on ollut valokeilassa muutaman viime vuoden ajan ja tämä tyyli sopii erinomaisesti hipsteriyrityksille. Sitä käytetään kampaamoissa (parturit), kahviloissa, ravintoloissa, taide- ja askartelutuotteissa.

21.3. Negatiivinen tila

Tämä on vanha trendi, mutta olemme nähneet sen nousevan viime vuosina ja kasvavat edelleen vuonna 2017, joten sitä kannattaa ehdottomasti tarkastella lähemmin.

21.4. Rajaus

Se ei muutu minimalistisemmaksi kuin tämä trendi. Se näyttää vain sen, mikä riittää logossa ilmoittamaan yrityksen tunnistamiseksi, eikä mitään muuta.

21.5. Geometria

Tämä trendi on vanhaa koulua, mutta se on yksi niistä tyyleistä, jotka eivät koskaan kuole.

21.6. Viivakuva

Tämä trendi on suosittu uuden sukupolven yritysten keskuudessa

Tekijät: Sam Healy; Andrea Schlaffer; Jacek Janiczak

21.7. Kuviot

Mallit ovat uusi trendi, ja tämä toisto on epätavallinen tapa tehdä yrityksestä mieleenpainuva ja erottaa se kilpailijoistaan. Tätä alkuperäistä suuntaa voidaan käyttää myös logojen esittämisessä.

Tekijät: Nick Edlin; Stanislav Aleynikov; Lucas Gil-Turner

21.8. Animoidut logot

Liikesuunnittelu on suosittu trendi nykyään, ja se näkyy kaikilla suunnittelun osa-alueilla.

Tekijät: Javier Miranda Nieto; The Work Co

21.9. Vintage

Vintage-tyyli on edelleen pelissä. Vaikka tämä trendi on ollut suosittu jo pitkään, sillä on silti jotain sanottavaa.

Tekijät: Roman Dodonov; Mingo Ideas Up; Yritetään edelleen

21.10. Värisiirtymät

Gradientteja on kaikkialla tänä vuonna – eivätkä logot ole poikkeus.

21.11. Kuvitukset logoissa

Kuvitukset ovat hyvä tapa luoda ainutlaatuinen ja persoonallinen logo yrityksellesi. Niiden suosio kasvaa tänä vuonna.

Tekijät: Bodea Daniel; Jacek Janiczak

21.12. Valokuvaus logoissa

Kuvien ja typografian yhdistelmä on nyt erittäin suosittu. Ne toimivat erittäin hyvin yhdessä ja se luo kontrastin niiden välille.

22. Typografian trendit

22.1. Suuri, rohkea ja kaunis typografia

Typografia voi olla tärkein elementti upean suunnittelun luomisessa. Tänä vuonna typografia on lihavoitu (lihavoitu) ja suuri, ja siinä näkyvät otsikot.

Kirjoittaja: Alexander Laguta

Kirjailija: Quim Marin

Projekti: Baugasm-sarja - pakkaus 4

22.2. Gradientit/värimuutokset typografiassa

Gradientit ovat epäilemättä trendi nykyään, ja löydät niitä myös typografiassa.

22.3. Visuaalinen hierarkia

Typografian hierarkia on tärkeä kaikissa suunnittelusuunnissa. Fontin koko ja leveys voivat helposti osoittaa, mitkä sanat tai otsikot ovat etusijalla, joten käytä tätä tekijää tekstiä luodessasi. Muista myös, että voit saavuttaa selkeän visuaalisen hierarkian tekstin sijoittelun ja värin avulla.

22.4. Pieni typografia

Hyvin pientä tekstiä ympäröi yleensä vastakkainen väriavaruus, mutta voit luoda visuaalisen eron värin tai kuvan välille, jotta teksti erottuu. Voit myös käyttää animaatioita auttamaan tekstiäsi erottumaan muista.

Tekijät: Slava Oleinik; Bahaa Samir; Witty Digital

Projekti: Baugasm-sarja - pakkaus 4

22.5. Animoitu typografia

Animaatiota käytetään nykyään kaikkialla, eikä typografia ole poikkeus. Jos käytät liikeohjelmistoa, et voi mennä pieleen tänä vuonna.

Projekti: Gotham Pro Animated Typeface Free

22.6. Typografia kohtaa valokuvauksen

Tekstin ja valokuvan yhdistäminen voi tuottaa erinomaisia ​​tuloksia. Katso nämä upeat esimerkit.

22.7. Geometriset muodot ja typografia

Geometriset muodot voivat toimia hyvin typografian kanssa kauniin kuvion luomiseksi.

22.8. Fonttipariliitos

Käytä kahta tai useampaa kirjasinta yhdessä. Tämä on edelleen trendikästä vuonna 2017.

———————————