3 Essential Design Trends, marraskuu 2017
Jos olet fani tämän kuukausittaisen suunnittelutrendien sarjasta, on olemassa vahva mahdollisuus olet nähnyt trendin tai kaksi, jota et vain pitänyt. Ja se on OK.
Tässä kuussa jokainen kolmesta suuntauksesta pitäisi olla suunnittelukeskusteluja. Vaikka grafiikka näyttää hyvältä, ovatko ne luettavissa ja käyttökelpoisia? (Kysymykset, jotka jokainen verkkosivujen suunnittelija kysyy hankkeen toteuttamiselta.) Tutustu, mitä ajattelet näistä suuntauksista ja päättää itse.
Tässä on trendi suunnittelussa tässä kuussa:
1. Alleviivattu teksti ja elementit
Alleviivattu teksti on trendi, joka on melko odottamaton. Onneksi korostukset eivät ole standardin alleviivaus, joka saattaa näkyä tekstinkäsittelyohjelmassa olevasta hyperlinkin tai oletusasetuksesta.
Alleviivattu teksti- ja elementtisuuntaus käyttää värejä ja viivoja korostamaan tiettyjä tietoja ja tuo tarkennuksen tiettyyn sisältöalueeseen. Alleviivauksen taitavin käyttö yhdistää aivohalvauksen johonkin muuhun, joten se tuntuu saumattomalta osalta suunnittelulta.
Jotta korostus onnistuu, sen on näyttävä tahalliselta ilman, että hän pääsee matkalla. Alleviivaus voi olla monissa tapauksissa häiriötekijä ja jopa tekisi tekstistä liian kireän tai tungosta. Mutta käyttämällä osaa suunnittelusta runsaalla valkoisella tilalla voi lieventää tätä ongelmaa kiinnittäen samalla huomiota alleviivattuun tekstiin.
molemmat Simon Lee Galleria ja Hoohaa Design käytä yksinkertaista alleviivausta runsaalla tilalla vetää silmäsi tiettyyn tekstiin. Simon Lee Galleriassa alleviivaus auttaa käyttäjiä keskittymään muotoilun pienimmistä kirjaimista ja antaa taukopaikan, kun seuraava kuva liukusäätimessä latautuu. Hoohaa Designin kohdalla alleviivaus on osa tasapainotusasteikon elementtiä, jossa painotetaan sivuston nimeä.
Abel Design Group käyttää toista lähestymistapaa oranssilla viivalla, joka on itse asiassa enemmän keskilinja kuin korostaa, mutta palvelee samanlaista tarkoitusta - piirtää teksti tekstiin, joka liittyy aivohalvaukseen.
2. Estetty teksti
Suunnittelun esteettömän tai vaikeasti luettavan mallin katsominen ei ole jotain, jonka luultavasti odotat näkevänne tässä luettelossa, mutta suunnittelijat ovat tällä hetkellä mukana konseptissa.
Tämä voi olla vaikea tekniikka vetää pois ja monet suunnittelijat ovat epäonnistuneet (ja päätyivät muistoksi), koska kirjoitukset sanoivat jotain tahattomasti. Tekstin muotoilu estää tällaiset ongelmat. Tämä on todellinen huolenaihe reagoivien kehysten suhteen erilaisten katkosten ja tekstin tukkeutumisen vuoksi.
Esto voi olla elementti, joka kattaa tekstin tai kontrastin puutteen tekstin ja taustan välillä, jossa elementit melkein hajoavat toisiinsa.
Mutta kun se on tehty hyvin, se voi johtaa melko huomiota herättävään muotoiluun. (On vaikea lopettaa katsomalla Root Studio design. Kirkas väri ja hienovarainen kirahvi liikkuu kirjainten yli kiehtovaa.)
Jotta se toimisi, sinun täytyy tehdä muutamia asioita:
- Varmista, että sana on riittävän yhteinen ymmärrettäväksi, minkä vuoksi "ROOT" ei ole ongelma
- Ei peitä liikaa sanaa
- Ole tietoinen esteistä, jotka voivat johtaa ei-toivottuihin sanoihin
- Käytä super yksinkertaista kirjasintyyppiä, joten kirjoitustyyli ei kilpaile esteiden kanssa
- Pidä loppuosa erittäin yksinkertaisena, jotta käyttäjä voi keskittyä sanaan ja lukea sitä mahdollisimman helposti
3. Mustavalkoinen esteettinen
Joskus suunnittelun suuntaukset - varsinkin kun on kyse väristä - heijastavat tekijöiden tunnelmaa. Mustavalkoiset värimallit näyttävät tummemmilta, vähäisemmiltä ja vähemmän kirkkailta väreiltä kuin viime vuosina on ollut yleisiä. (Ovatko suunnittelijat tunne hieman synkempi näinä päivinä?)
Mustavalkoisen suunnittelun trendin nykyinen versio eroaa aikaisemmin tapahtuneesta tapahtumasta, koska värin puutetta ei käytetä vain valokuvauskampanjoille. Alla olevissa esimerkeissä on huonekalusuunnitteluyritys, verkkosivujen suunnittelutoimisto sekä tarinoita ja tietoa mielenterveydestä.
Heillä kaikilla on kuitenkin samanlainen tunnelma, koska väri puuttuu.
Kun työskentelet mustavalkoisena, tekstin sijoittelu ja luettavuus voivat olla huolestuneita sekä värin sisällyttämistä tiettyihin suunnittelun osiin. Suunnittelijat voivat kamppailla luomalla jotain, joka on kiehtovaa värin puutteesta huolimatta.
Yksi tekniikka, joka voi lämmittää mustan ja valkoisen muotoilun, on käyttää rikkaampaa värisekoitetta tummille sävyille. Runsaalla mustalla voi olla punainen, sininen, vihreä tai muu värimalli, joka auttaa luomaan hieman erilaisen tunnelman.
Rich musta muodostuu useista väreistä, kun tarkastellaan HEX-koodeja. Hex # 000000 ei ole lainkaan väriä. Todellinen rikas musta on # 004040. Kaikki muu on "rikkaampi" musta. Rikkaampi musta voi toimia siirtymänä mustan ja valkoisen ja värikkäimmän muotoilun välillä.
Esimerkiksi, Crafton , alla, käyttää rikasta mustaa muotoilua varten hienolla värillä aave-tyyppisen painikkeen ja muiden aksenttien ympärillä. Rikkaampi musta tuntuu lämpimämmäksi ja houkuttelevammaksi kuin muut mallit tämän värivaihtoehdon takia. Vaikka verkkosivustossa ei ole paljon värejä vierittimen vieressä, on olemassa värikkäitä jumaleita ja muotoilutekijöitä, jotka yhdistyvät melko saumattomasti alkuperäisen näytön mustan ja värillisen aksentin rikkauden vuoksi.
Toinen hyöty rikas musta tai rikkaampi musta on se, että se voi parantaa tekstin ja taustaelementtien välistä kontrastia, mikä tekee kaikesta hieman helpompaa lukea.
johtopäätös
Kaikki tämän kuukauden trendit tekevät tekstistä hieman vaikeampaa lukea kuin mitä useimmat meistä ovat tottuneet. Se on yksi niistä suunnittelukonsepteista, jotka voivat olla tehokkaita, kun niitä käytetään poikkeuksellisen hyvin ja vain tietyissä projekteissa. Mutta se voi olla vaikeaa saavuttaa.
Mitä suuntauksia olet rakastat (tai vihaa) juuri nyt? Haluaisin nähdä joitakin verkkosivustoja, joista olet kiehtonut. Pudota linkki Twitterissä ; Haluaisin kuulla sinusta.