3 Essential Design Trends, heinäkuu 2017
Tässä kuussa painopiste on design-elementeissä. Monissa viimeaikaisissa trendeissä on esiintynyt käyttäjäkuvioita, värejä tai typografioita, mutta täällä on kyse hienovaraisista tekniikoista. Merkittäviä trendejä, joihin on syytä ottaa huomioon, ovat alasivun navigointi, laatikot design elementtinä ja runsaasti pystysuoria viivoja ja liikkeitä.
Tässä on trendi suunnittelussa tässä kuussa:
1. Alasivun navigointi
Suunnittelijat näyttävät olevan varsin kokeellisen vaiheen ollessa navigoinnissa näinä päivinä. Pystysuuntaisista sivunavigointivaihtoehdoista pop-out-tyyliin alasvetojen tyyliin valikkokohteet ovat eräänlaisia koko paikan.
Vaikka alasivun navigointi oli erilainen ei-ei, se voi kasvaa sinuun. Ja kun useammat suunnittelijat valitsevat tämän käyttäjäkuvion, se tulee yleisemmäksi. Tässä on varoittava sana: Jos valitset alasvetojen navigoinnin, pidä silmällä verkkosivustosi analyysia, jotta kävijät ymmärtävät kuvion ja jatkavat napsauttamista. Tämä tekniikka ei välttämättä toimi kaikille yleisöille.
Niin miten teet sen toimimaan?
- Parhaat alasivun navigointityypit ovat yksinkertaisia, malleja. Kotisivua ilman vieritystä ja vain kourallinen sivua on paras.
- Alasivun navigointielementtien on oltava suurella puolella, jotta käyttäjät eivät unohda niitä.
- Tarroja tarvitaan, jos sivussa on pidempi vieritys.
- Harkitse kotisivujen alasvetovalikoimaa tuoretta vaihtoehtoa varten, mutta palaa entistä perinteisempään malliin sisätiloilla.
- Käytä sitä minimaalisella kehyksellä. Alasivun navigointi voi menettää helposti suunnittelussa, joka on monimutkainen tai jolla on paljon elementtejä, jotka kilpailevat käyttäjän huomion kesken.
- Sisällytä ylimääräinen elementti, jonka avulla käyttäjät voivat siirtyä navigointiin. Tämä voi sisältää kaiken rohkean värin valinnasta suunnattuun visuaalisuuteen, joka auttaa ohjaamaan silmää kohti navigointia perinteisessä paikassa.
2. Laatikot suunnitteluelementteinä
Tämä saattaa olla yksi kauneimpia ja monipuolisimpia suuntauksia 2017-boxed elementtejä puhdasta esteettisiä tarkoituksia varten.
Laatikot ovat erinomainen kontti - kuten olemme nähneet kortin kehityksestä - mutta suunnittelijat laativat laatikoita korostamaan sisältöä, esittelemään kuvia ja vetämään silmän tiettyyn osaan kankaasta. Ja se toimii kauniisti.
Kiva asia tästä suuntauksesta on, että se on niin monipuolinen. Sinun ei tarvitse harkita koko mallia uudelleen käyttääksesi laatikoita. Ne voivat toimia puhtaina kuvina tai linkinä muuhun sisältöön. Laatikko voi sisältää melkein mitä tahansa, upeasta kuvasta toimintaan.
Joitakin vinkkejä, joiden avulla voit hyödyntää parhaiten boxed-mallia:
- Voit luoda syvyyttä tai tarkennusta käyttämällä laatikkoa, kuten Cedrick Lachot , alla. Musta taustakuva on yksinkertainen ja ylhäällä oleva valkoinen teksti korostaa suorakulmion muotoa ja muita napsautettavia laatikoita kotisivulla ja koko suunnittelussa.
- Käytä laatikkoa kerroselementteihin. Feudi Di San Gregorio , alla, käyttää laatikkoa vetämään silmästä hyvin tarkkaan osaan sisältöä kerroksellisella tekniikalla, joka tekee siitä tuntuvan osana kuvaa. Katso tarkasti käsissä suhteessa laatikkoon. Tätä samaa konseptia käytetään useisiin kuviin horisontaalisessa rullaimessa ja lisää ylimääräistä kaunista monimutkaista kerrosta yksinkertaiseen muotoiluun.
- Luo virtaus laatikon avulla. Beoplay , alla, käyttää kerroksia, joissa on kuvia, jotta luodaan polku suunnittelun kautta. Jokainen laatikko on animoinut useista pienistä laatikoista, jotta käyttäjä sitoutuu ja rohkaistaan vierittämään.
- Käytä laatikkoa luomaan toimiva elementti, kuten ponnahdusikkuna toimintaan, mallin yläpuolella.
- Käytä laatikoita luomaan mallia, jossa on kortteja Material Design -tyylissä. Vaikka tämä suuntaus on ollut jo jonkin aikaa, se on edelleen suosittu vaihtoehto, erityisesti mobiilipohjaisissa malleissa.
3. Pystyviivat
Et aina ajattele rainaa pystysuoraan tilaan, mutta useammat suunnittelijat käyttävät hyvin vertikaalisia elementtejä malleihin.
Ohuista linjoista virtauksen luomiseksi valokuville, joilla on selkeät ylös- ja alaselementit, pystyelementit voivat auttaa käyttäjiä suunnittelemaan, kannustamaan vieritystä ja kiinnittämään huomiota myös tiettyihin elementteihin. Lisäbonuksena pystysuorat elementit ovat visuaalisesti mielenkiintoisia yksinkertaisia, koska ne eivät ole yhtä yleisiä kuin vaaka-, neliö- tai ympyräelementit.
Jotkut haluavat ajatella enemmän vertikaalisesti voi alkaa käsissänne. Vaikka useimmat työpöydän verkkosivustot asuvat tavallisessa 16: 9-tilassa, puhelinten ja tablettien verkkosivustojen käyttö usein käännetään sivulle, jossa on pystysuuntaisempi suunta. (Monien matkapuhelinten tapauksessa tämä suuntaus on selvästi pystysuora.)
Tämä tekee vertikaalisista aksentteista ja käyttäjäkuvista yleisempiä ja hyväksyttyjä verkkosivustojen kävijöille. He eivät haittaa suunnittelua tai ihmettelevät, miten vuorovaikutuksessa sen kanssa. Pystysuuntainen suuntautuminen on varsin valtavirtaa.
On paljon tapoja sisällyttää vertikaalinen tunne muotoiluun.
- Kokeile taustaa hienovaraisilla pystysuorilla viivoilla tekstuurin luomiseksi.
- Luo kollaasi pystysuorista kuvista.
- Käytä pystysuoria viivoja pääkuvan päälle määrittääksesi elementtien tasojen, kuten valokuvien tai videoiden ja tekstin, syvyyden.
- Käytä pystysuuntaisesti animoituja pyyhkäisyä erillisten elementtien erottamiseen kuvan liukusäätimessä.
- Suunnittele pystysuuntaisia kuvia.
- Harkitse halkaistun muotoilun niin, että kummallakin puolella on pystysuuntaisempi sivusuhde.
- Käytä pystysuorassa kohdistuksessa pieniä esineitä.
- Pinoa kuvakkeita tai elementtejä sen sijaan, että ne avustaisivat ne näytön yli.
johtopäätös
Aina kun harkitset kehityshankkeen käyttämistä, on mukana riskin elementti. Kuinka kauan trendi on suosittu? Tekeekö se muotoilultaan päivälliseksi?
Sen sijaan, että valitsisit täyden valikoiman trendikkäitä verkkosivustojen vaihtoehtoja, pidä trendikästä elementtiä, kuten edellä. Näitä elementtejä voi olla helpompi sisällyttää suunnitteluun (ja yhtä helppoa poistaa, jos et pidä niistä myöhemmin). Temppu modernin tyylin ylläpitämiseen on yksityiskohdissa; se ei vaadi uutta muotoa kuuden kuukauden välein.
Mitä suuntauksia olet rakastat (tai vihaa) juuri nyt? Haluaisin nähdä joitakin verkkosivustoja, joista olet kiehtonut. Pudota linkki Twitterissä ; Haluaisin kuulla sinusta.