3 Essential Design Trends, kesäkuu 2017
Joskus yksinkertainen muokkaus voi siirtää sivustosi suunnittelua tavallisesta trendikkääseen. Jokainen tämän kuun trendi on tällainen tekniikka, pienestä typografiasta geometrisiin ominaisuuksiin näön hämärtyneisiin kuvioihin. Jokainen näistä tekniikoista voi työskennellä uudessa suunnitteluprojektissa tai nykyisen mallin mukaisena.
Tässä on trendi suunnittelussa tässä kuussa:
1. "Pieni" teksti
Näyttää siltä, että ylimitoitettu typografia on menneisyyden asia? Pienempi, melkein "pienikokoinen" teksti on alkanut korvata suuret lihavoitetut otsikot, jotka ovat olleet verkkosivustojen suunnittelun nitoja jo jonkin aikaa. Pienemmistä otsikoista tekstiin, joka tuntuu harvoilta, on tyypillinen typografian aleneminen.
Vaikka pienten tekstinkokojen, varsinkin kehon tekstin, osalta saattaa olla joitain huolenaiheita, pienemmät fontit eivät ole huono asia. Ylisuuret typografiat olivat melkein aloittaneet trendejä kohti karkeaa kokoa ja kirjainta, joka oli melkein liian suuri lukemaan helposti.
Pienemmät kirjasimet tuntuvat hieman pehmeältä ja antavat mallille enemmän tilaa silmän muita elementtejä varten. Pieni tyyppinen tehokkuus on pitää kirjoitus mahdollisimman pienenä. Ilman paljon lukea, tämä suuntaus voi olla tehokas ja mielenkiintoinen. Toisaalta suuret pienet tyyppiset lohkot menetetään ja voivat estää käyttäjän kykyä lukea helposti ja skannata tehokkaasti.
Tasapaino on myös huolenaihe. Kaikki kirjasimet on laskettava jonkin verran luodakseen mukavan harmonian tunnetta. Moonfarmer käyttää logotyyppisen käsittelyn ja pienen toissijaisen kopion linjaa. Tyypilliset elementit vaihtelevat hienosti ja valotyyppinen hoito näyttää soveltuvan kuvan tunnelmaan.
HTML Burger ottaa melkein päinvastaisen lähestymistavan lihavalla otsakkeella ja pienillä toissijaisilla tekstirivillä. Kevyet kuvailevat sanat toimivat pieninä, koska ne ovat tavallisia sanoja - HTML, CSS, sähköinen kaupankäynti - ja kontrasti huomattavasti vielä ylimitoitetun otsikon kanssa.
Mountain Dewin NBA-suunnittelu työntää kaiken pieneen mittakaavaan. Tämä on yksi pienimmistä otsikkokäsittelyistä, joita todennäköisesti löydät, mutta yhdistettynä liian lihavaan X-peittokuvaan ja videotaustaan, käyttäjät vievät edelleen pieneen tekstiin.
2. Geometrinen kerrostaminen
Uudet kerrosten elementit ovat kasvaneet jatkuvasti suosiollisesti. Ensinnäkin Googlen Material Design -idean valtavirran ja modernin suunnittelustekniikan ansiosta geometrinen kerrostus on erilainen tapa lisätä visuaalista kiinnostusta kuvioihin, jotka saattavat jättää jotain toivomisen varaa.
Jokainen alla olevista esimerkeistä käyttää vartaloa, jossa on rohkeita muotoja, jotka tuovat uutta elämää kuvioihin, jotka ovat hieman tavallisia - rakennuksia, kokouskuvaa, ihmisten kuvia. Lisäämällä hauskoja muotoja, leikkauksia ja värejä antaa käyttäjälle lähtökohdan päästäkseen suunnitteluun. Huomaa, kuinka jokainen malli käyttää geometrista, jotta käyttäjä siirrettäisiin tehokkaasti muodolta kaikkein relevanttiin sisältöön, kuten otsikkoon tai brändiin.
Geometriaa voidaan käyttää monilla eri tavoilla, jotka yhdistyvät muun muotoilun kanssa:
- leikata kuvia tuoda keskittyä tärkeisiin testiaineistoihin, kuten Suolahankkeet ;
- käytä odottamatonta kirkkaan raja-elementin luodaksesi tasapainoisen pistepisteen, joka johtaa käyttäjiä koko näytön, kuten Bailey ja ranska ;
- laittaa kuvia epätavallisiin muotoihin lisäämällä keskittyä uusiin kuviin, kuten Alchemy Digital .
Paras osa geometrisen kerrostuksen käyttämistä on se, että se on helppoa ja toimii melko paljon minkä tahansa sisällön kanssa. Käyttäjät ovat tottuneet ympyränmuotoisiin painikkeisiin ja muihin elementteihin, jotka asetetaan päällekkäin monitasoisen, enemmän kosketuksellisen vuorovaikutteisen tunnelman kanssa.
Geometristen elementtien kulmat ja käyrät voivat auttaa käyttäjiä kohdistamaan yhdestä elementistä seuraavaan, ja kun niitä käytetään tehokkaasti, ne ovat hyvä suuntaava työkalu. Aseta kulmat siten, että ne "osoittavat" sisältöä, jonka haluat käyttäjien näkevän ja käyttämään piirejä sisältöä varten, joka on ensin katsottava.
3. Epätarkat kuvat
Epätarkat kuvat ovat tekniikka, joka ei ole uusi. Mutta näyttää siltä, että saamme uutta elämää useammilla malleilla, joissa on täysin tai osittain hämärät kuvat tai videot.
Epätarkat kuvat voivat luoda erillisen tunnelman verkkosivustolle, jossa on mysteeri tai auttaa painottamaan painopistettä pois kuvasta muuhun muotoon. Jokainen seuraavista esimerkeistä käyttää epäselvyyksiä eri syistä:
- Digitalux ottaa mitä olisi tylsä bändi toimistossa työskentelevistä videomiehistä - ja käyttää sinistä lisätä hieman liikkumista pääviestin takana ja soittaa toimintaan;
- Playkot käyttää hämärtyvää taustaa korostamaan hauskaa luonnetta ja mielenkiintoista typografiakäsittelyä etualalla, lisäämällä todellisuuden elementin tähän virtuaaliseen kaupunkitunneliseen seikkailuun;
- ESPN: n "Me fanit" on hämmentävä stadiontaustainen tausta, joka olisi melkein jalkapallo-areena missä tahansa esitellä esikatselua televisio-dokumentille; hämärtynyt tausta auttaa keskittymään enemmän fun-tyyppiseen hoitoon, joka on sarjan tärkein tuotemerkki.
johtopäätös
Joskus suurimmat trendejä ovat askeleet muiden suuntausten kehittymiseen. Se voi olla mielenkiintoista nähdä pienimuotoisen edistyksen melkein sen tapahtuessa. Sitä tavataan yleensä, kun tarkastellaan trendejä, joita voidaan soveltaa lähes mihin tahansa hankkeeseen, kuten kolme trendejä esitelty täällä.
Näiden ajatusten mukava asia on se, että ne soveltuvat melkein missä tahansa mittakaavassa. Voit esimerkiksi lisätä pienen tekstin vain kotisivulle ja nähdä, miten muutos vaikuttaa käyttäjiin ennen sen laajentamista. Testaus ja testaus tälle tasolle auttavat ennakoimaan, onko tällainen trendi pysyvällä teholla tai häviää nopeasti.
Mitä suuntauksia olet rakastat (tai vihaa) juuri nyt? Haluaisin nähdä joitakin verkkosivustoja, joista olet kiehtonut. Pudota linkki Twitterissä ; Haluaisin kuulla sinusta.