Essential Design Trends, toukokuu 2017
Hyvän ensivaikutelman tekeminen on tärkeä osa sivuston suunnittelua. Kotisivu on usein ensimmäinen kokemus, jolla käyttäjällä on yritystä tai organisaatiota, ja silmiinpistävä muotoilu voi auttaa luomaan kiinnostusta. Tämän kuukauden trendit keskittyvät aina kotisivujen suunnitteluelementteihin, jotka ovat vain hieman erilaiset kuin mitä käyttäjät näkevät.
Matalan sankarin otsikoista ja diagonaalisista kulmakuvioista puhtaasti esteettiseltä trendiltä käyttäjän vuorovaikutussuuntauksiin tässä tai siinä, että toiminta vaatii, on paljon mielenkiintoisia tapoja kiinnittää käyttäjien huomion.
Tässä on trendi suunnittelussa tässä kuussa:
1. Liukka Hero Headers
Sankarikuvien trendi on pitkään aikaan ollut suuria, rohkeita kuvia ja videoita, jotka täyttävät näytön usein kotisivun yläosasta oikealle siitä, missä vieritys alkaa. Lisää malleja alkaa poiketa tästä ylisuuresta kuvamuutoksesta matalammille sankarikuvalle.
Suuri osa suunnittelusta on edelleen sama. Hero-otsikoissa on edelleen mukavia kuvia tai tekstiä, joiden kokoonpano on tehty katsomaan. Kuitenkin kuvat ovat noin puolet syvästä.
Mikä on mukavaa tästä käsitteestä, se auttaa muuttamaan muita tietoja näytöllä. Kehon kopio ja toimintapyynnöt, jotka eivät ole sankari -kuvassa, näyttävät korkeammalle suunnittelussa, antavat käyttäjille jotain tekemistä tai klikkaamalla heti. Se voi auttaa estämään häirintää itse kuvassa, mikä voi olla melko tärkeä, jos kuva on kiireinen tai vaikea yhdistää tekstiin tehokkaasti.
Tämä muotoilu voi myös lisätä lisää välilyöntiä yleiseen muotoiluun, jolloin se tuntuu kevyeltä ja helpommin liikuteltavalta. Pienemmillä tyylisuuksilla, jotka ovat edelleen suosittuja, tämä käsite voi olla yksi tekijöistä, jotka ajavat tätä suunnittelupäätöstä.
Vaikein osa käyttää matalampaa sankarikuvaa on leikattava. Se on yksi niistä asioista, jotka haluat ajatella suunnitteluprosessin varhaisessa vaiheessa, aina takaisin kun puhut valokuvaajalle kuvista. Koska muoto ei ole vakio, saatat joutua selittämään, miten aiot käyttää kuvaa saadaksesi valokuvan tai videon, joka näyttää hyvältä kyseisen kuvasuhteen suhteen.
2. Diagonal Corner Layouts
Jotkut trendit ovat aivan liian hauskaa jättää huomiotta. Diagonaaliset kulmaukset ovat yksi näistä käsitteistä.
Näitä malleja ovat esimerkiksi elementit, jotka on ryhmitelty yhden näytön nurkkaan - usein oikein alhaalta - ja tuuletetaan muulle kankaalle. Elementit ovat usein sijoitettu näyttämään siltä, että ne hajoavat muotoiluun.
Diagonaaliset kulmakiinnikkeet tarjoavat käyttäjille erilaisen silmän seurantakuvion luomalla polttopisteen mallin alareunassa eikä ylhäältä vasemmalle tai keskelle ja luodaan syvyys elementteihin, jotka näyttävät "räjähtävät" koko näytön yli. (Jos haluat tehdä ylimääräisen potkun suunnittelusta, harkitse elementtien animointia parantaaksesi kyseistä räjähdysvaikutusta liikkeen kanssa, kun käyttäjä rullaa tai leijuu tietyistä elementeistä.)
Useimmat näistä elementeistä hyödyntävät monia malleja "piilottaa" enemmän elementtejä vierityksen vieressä lisätäkseen tämän todellisuuden lisäelementin niin, että suunnittelun osat, joita et näe, tuntuvat kosketeltavalta ja ovat olemassa vieritysruudussa.
Vaikka tällainen suunnittelukuvio ei toimi kaikentyyppisten sisältöjen kanssa, se voi olla hyvä idea sellaisille malleille, joilla ei ole paljon muuta taidetta ja jotka käyttävät paljon käyttöliittymän elementtejä kiinnittää huomiota. Se voi myös toimia salkun tyyliin suunnitelluissa malleissa tai toimia monien pienempien visuaalisten elementtien järjestämiseksi yhdeksi yksiköksi.
3. Tämä tai se, joka vaatii toimia
Lähes jokaisella sivuston suunnittelulla on jonkinlainen toimintapyyntö. Riippumatta siitä, onko lomake täytettävä, linkki klikkaukseen tai suuntaan pitää vierittää enemmän sisältöä, käyttäjää kehotetaan tekemään jotain. (Ja he saavat usein jotain muuta palkkana kyseisestä työstä.)
Lisää malleja alkaa ponnahtaa peilaamalla puhelut toimintoihin, joiden avulla käyttäjät voivat tehdä valinnan etusivulta, kun he päättävät, mitä seuraavaksi. Suunnittelu saattaa näyttää monelta tavalta, kuten suoraa huijaisitko vai ei Sanat satuttavat kahden paneelin vaihtoehtoon Stoli napsauttamalla -vaihtoehtoa Hi Pointe ajaa sisään .
Tämä muotoilutyyli antaa käyttäjille mahdollisuuden hallita mitä he haluavat tehdä ja nähdä, mikä voi olla kiinnostava sisällön ja valintojen oikea sekoitus. Kaikki kolme alla olevaa esimerkkiä tekevät suuren työn siitä, mitä käyttäjä voi tehdä ja mitä tapahtuu. (On myös outoja, jos käyttäjä tekee väärän valinnan ja tarvitsee palata.)
Haasteena tässä on se, että tarvitset vain sopivan sisällön, jotta tämä mallisuunnittelu toimisi. Jotkut käyttäjät voivat olla ylivoimaisia useilla valinnoilla ja haluavat vain yhden toiminnon puhelun yhdellä valinnalla - suorita toiminta tai ei. Tässä käyttäjillä on kaksi kertaa niin monta vaihtoehtoa, että niitä voidaan harkita. Suurin osa valinnoista edellyttää, että sisällön on oltava täysin sitoutuva.
johtopäätös
Toisin kuin muutamia muita trendejä, jotka olemme tutkineet äskettäin, tämän kuukauden trendit ovat puhtaita visuaalisia elementtejä, joita voit lisätä nykyiseen muotoiluun. (Vaikka saatat tulla lähelle, jos olet onnekas.)
Nämä suunnitteluohjelmat luottavat hieman enemmän sisällön suunnitteluun ja suunnittelun yhteensopivuuteen tietäen, että sinulla on tietty konsepti mielessä. Se tekee esiohjelmoinnin ja joissakin tapauksissa jopa vaatii pienen HTML- tai CSS-taikaa vetää ne kaikki yhteen.
Mitä suuntauksia olet rakastat (tai vihaa) juuri nyt? Haluaisin nähdä joitakin verkkosivustoja, joista olet kiehtonut. Pudota linkki Twitterissä ; Haluaisin kuulla sinusta.