3 Essential Design Trends, joulukuu 2017
Kaikkien tämän kuun kolmen keskeisen suunnittelun trendit liittyvät typografiaan. Ja trendit esittelevät melko upeita tapoja käyttää kaunista tyyppiä luomaan käyttäjän sitoutumista ja tekemään hyvän ensivaikutelman.
Näiden mallien yhteinen teema on se, että kaikki typografiatyylit ovat hyvin luettavia. Jos aiot työskennellä trendikkäimmän tai tyylikkään tekstin elementin kanssa, valitse kirjasintyyppi, jota käyttäjät eivät tahdo lukita. Trendikäs tekniikka on temppua näiden mallien kanssa, ei itse kirjasintyyppiä.
Tässä on trendi suunnittelussa tässä kuussa:
1. Työnnä vain vierityspainiketta
Vaikka suuri kuva voi auttaa vetämään käyttäjät muotoiluun, joskus oikeat sanat ja tila ovat lippuja.
Avain tämän muotoilun kehityksen hyödyntämiseen on tarkentaa sanomaasi. Sanojen on oltava yksinkertaisia, sanoa jotain mielekästä ja luo arvoa käyttäjälle.
Niin miten teet sen?
- Aloita avainsana. Se voi olla sinun tehtäväsi tai arvoesitys käyttäjille. Kerro käyttäjille, mitä tuo taulukkoon ja miksi verkkosivustosi on heille tärkeä.
- Valitse yksinkertainen kirjasintyyppi, jolla on sama mieliala kuin viestin pitemmille kopiolohkoille.
- Jos tekstilohko on lyhyt, kuten esimerkiksi Tyyppityypit , harkitse funkier-tyyppistä vaihtoehtoa vetämään käyttäjät sisään.
- Hyödynnä tilaa. Huomaa, että jokaisessa alla olevista esimerkeistä tekstiä on runsaasti tilaa hengittää, mikä helpottaa lukemista yhdellä silmäyksellä. Tila voi myös auttaa piirtää silmän tekstiä ja tasapainottaa tekstin elementtejä, jos et halua keskittää niitä ruudulle, kuten Design Ups .
- Käytä väriä lisäämällä visuaalista kiinnostusta. Kirkkaat, trendikkäät sävyt voivat auttaa käyttäjiä suunnittelemaan. Väri voi myös auttaa asettamaan mielialan, joka korreloi viestintään.
Työskentelemällä tyypin raskaalla rakenteella, älä pakota sitä. Joskus tekstissä ei ole riittävästi täyttä koko näyttöä. Vähemmän + Lisää ja tyypin tyyppi käytä väripysähdystä luoda useita paneeleita, jotka on koottu täydellisesti tekstisisältöön.
2. Teksti valkoisissa laatikoissa
Niin paljon rohkeita visuaalisia elementtejä verkkosivujen suunnitteluprojekteissa - ja niin monet reagoivat raja-arvot, joilla käsitellään valkoisia ruutuja, ovat uudelleen esiin tekstin konttialuksena. Valkoisissa laatikoissa, joissa on tumma teksti, voi olla selkeää, kun kyse on viestien lähettämisestä valokuvien, videoiden tai kuvien päälle, joissa on värin vaihtelu.
Ja vaikka tämä trendi saattaa kuulostaa vähän, hyvin ... levoton tai laiska, se näyttää todella hyvältä, kun se on tehty hyvin.
Et voi vain lyödä laatikkoa missä tahansa kuvassa ja toivoa parasta. Valkoisia laatikoita on sijoitettava strategisesti, jotta ne eivät peitä tärkeitä osia kuvasta ja jotta käyttäjät siirtyisivät niihin suunnittelun aikana.
Valkoisten ruutujen on oltava riittävän suuria, jotta ne sisältävät kohtuullisen määrän tekstiä ja sinun pitäisi suunnitella tämä elementti pienemmillä näytöillä, kuten sallia kaiken tekstikenttään pudota pääkuvan alapuolelle. Älä yritä laittaa tekstilaatikkoa kuvan päälle pienemmillä näytöillä, koska pääset käsiksi sellaiseen tekstiruutuun, joka on liian pieni lukemiseen, tai laatikko kattaa suurimman osan kuvasta.
Jos olet potin valkoisen laatikon hoitoon, pidä hauskaa. Jokainen alla olevista esimerkeistä käyttää valkoisia laatikoita täysin eri tavoin.
Älä tilaa leikkaa valkoisen laatikon kuvan alaosaan niin, että suurin osa kuvasta on näkyvissä. Valkoinen laatikko vuotaa alla olevaan valkoiseen tilaan niin, että melkein näyttää siltä, että se tulee ulos paneelista. Tämä tekniikka auttaa yhdistämään pääliukusäätimen alla olevaan sisältöön (ja voi jopa kannustaa vierittämään).
Miten se käyttää pyöreitä möyhiä niin, että valkoiset tekstilaatikot paremmin vastaavat taustakuvan sävyä. Tämä hienovarainen muotomuoto, niin että laatikot näyttävät enemmän nestettä, auttavat liittämään elementit niin, että laatikot ja tausta ovat yhtenäisiä. Et halua, että valkoiset laatikot tekstille tuntuvat, että ne sattumanvaraisesti sijoitetaan taustalle. (Tämä ei toimi eikä auttaa luomaan yhteenkuuluvuutta tunteville käyttäjille.)
Macaulay Sinclair on enemmän tekstiä kuin muut esimerkit käyttämällä yhtä osaa kuvapaneelin verkosta pitämään tekstin elementti. Tässä valkoisen laatikon takana oleva kuva ei tarjoa mitään informaatioarvoa. Se on värillinen ja liikejärjestys, joka muistuttaa muita kuvia ja joka pääasiallisesti synnyttää yhteenkuuluvuutta tekstin elementin ja muun muotoilun välillä.
3. Typografiset leikkaukset
Kukaan ei koskaan sanonut, että tekstin on oltava joukko kiinteitä täytettyjä kirjaimia. Useammat suunnittelijat valitsevat typografiamuutoksia, joissa on värilohko kuvan päälle, niin että kuva tulee selkein kirjaimin.
Tämä tekniikka voi toimia kiinteästi tai liikkuvilla kuvilla ja koko näytön peitteillä niin, että vain pieni määrä tietoa tulee kirjainten kautta (melkein tekstuurin luomiseksi) tai enemmän block-over-image-tyyliä, jossa on enemmän taustakuvia näkyvissä.
Työn tekeminen on oikea kirjasintyyppi. Kirjeillä on oltava tarpeeksi paksuja lyöntejä niin, että tausta tai taustakuvio on näkyvissä. Et voi tehdä sitä ohuella tai tiivistetyllä kirjasimella, jolla on jokin johdonmukainen menestys.
Tämä tekniikka toimii parhaiten, jos sanojen ja kirjainten määrä on melko rajoitettu. Pidä kiinni yhdestä kolmeen sanasta 10 tai vähemmän kirjaimella tai käytä hyvin yleisiä sanoja, jotka käyttäjät tietävät yhdellä silmäyksellä.
Danbury käyttää kirkkaan tekstin leikkausta piirroksena, jotta käyttäjät voivat osallistua videopuheluun toimintaan. Koko oranssi laatikko on vain jättiläinen painike.
Fusion-viinitila käyttää viinitarhan taustamuotoa kirjoituksessa. Tämä muotoilu on hieno kolmikerroksinen vaikutus: videotausta valkoisen tekstinsyötön alapuolella tuotekuvan alapuolella.
Kaneko käyttää kirjaimen täyttöä kuvaamatonta kuvaa. Jos valitset tämän tyylin, pidä tämä tausta yksinkertaisena kuin tämä malli on tehty. Värin ja tekstuurin väri on vain silmänräpäyksessä, joka kiinnittää silmällä tekstiä kirkkaalla kankaalla.
johtopäätös
Mallisto antaa inspiraation niille projekteille, joilla ei ehkä ole suurta kuvaa tai videota, joten voit silti löytää keinon luoda jotain, jonka käyttäjät voivat vastata. Älä pelkää tekstin käyttämistä visuaalisena ja informatiivisena elementtinä tässä mallissa.
Mitä suuntauksia olet rakastat (tai vihaa) juuri nyt? Haluaisin nähdä joitakin verkkosivustoja, joista olet kiehtonut. Pudota linkki Twitterissä ; Haluaisin kuulla sinusta.