Essential Design Trends, helmikuu 2017
Mielenkiintoinen visuaalinen läsnäolo vierittämällä on ensimmäinen vaikutelma, jonka käyttäjä saa verkkosivustolta. Riippumatta siitä, näkyykö käyttäjä edelleen napsautuksella, se voi riippua monista asioista, kuten kuvasta, luettavuudesta ja sisällön yleisestä kiinnostuksesta.
Tässä kuussa tarkastelemme kolmea suuntausta, jotka tekevät erillisistä ensimmäisistä vaikutelmasta tummia värikuoreja kuvia, brutalismia ja onttoja kirjoitusstylejä. Tässä on trendi suunnittelussa tässä kuussa:
1) Tumma peittokuva kuvissa
Sillä ei ole merkitystä, onko sankakuva vielä liikkeellä vai tummalla väripinnoilla voi auttaa jopa värejä tavalla, joka helpottaa tekstin ja muiden elementtien lisäämistä kuvan päälle. Vaikka tämä saattaa kuulostaa pikakuvakkeelta aluksi, tässä tekniikassa on paljon hyötyä.
Ensisijainen syy valita väripäällyste on parantaa luettavuutta. Useimmissa kuvissa on vaaleita ja tummia värisävyjä, minkä vuoksi on haaste lisätä kirjaimia, jotka ovat luettavissa kaikissa laitteissa. Vaikka työpöydän laajakuvissa on täydellinen sijoitus, sama kuva ja tekstiyhdistelmä saattavat olla salakoodaamattomia mobiililaitteella.
Siinä värisävy auttaa. Värin puoliläpäisevä pyykki kuvan tai videokuvan yli suurentaa kontrastia. Sitten valkoisella tai vaalealla merkillä on paikka ja pysyvät luettavissa.
Tummien värisävyt ovat visuaalisesti mielenkiintoisia myös muista syistä. Älä jätä kiinni siihen, että pimeä tarkoittaa musta tai harmaa. Tumma päällys voi olla mikä tahansa väri, kuten Internetin käyttämä vihreä, alla. Hauska tai epätavallinen väri valinta voi auttaa käyttäjiä suunnittelemaan.
Tumma peitto voi tehdä vielä yhden asian: se voi auttaa naamioimaan kuvaa tai videota, jota et halua olla suunnittelun kärjessä. Tämä voi johtua siitä, että kuva on vähän vanha, hieman pehmeä koostumuksen kannalta tai vain yksi, joka laskee hieman tasaiseksi. Väripeitteellä voi muuttaa kuvan mielialaa, tehdä siitä hieman vähemmän huomiota ja auttaa suunnittelun painopistettä enemmän muuhun sisältöön, kuten tekstiin, puheluihin toimintopainikkeisiin tai muihin graafisiin elementteihin.
Peitot voivat olla todella pimeitä, kuten Digital Werk tai ne voivat tarjota hienovaraisen pimeyden Lytton Living -tapauksessa. Tiedät, että sinulla on oikea tasapaino, kun pystyt näkemään kuvan ja kaikki kerrostetut elementit on helppo lukea.
2. Brutalismi
Ruma. Karkea. Terävä. Kiireinen.
Nämä ovat vain muutamia sanoista, joita jotkut ovat käyttäneet kuvaamaan brutalismin verkkosivujen suunnittelun kehitystä. Mutta vain siksi, että suunnittelija kokeilee brutalismin ei tarkoita sitä, että malli on kuuma sotku. Se on päinvastoin.
Tämä tyyli käyttää eri tyyliä ja herkkyyttä, joka sisältää asioita, joita näet ja mitä et voi. Ben McNicholl kuvasi sitä tällä tavalla postitse Envato : "Brutalismi" tulee ranskan sanasta "raaka", joten pidä tämä mielessä, kun kirjoitat koodisi.
"Verkkosivuston ei tarvitse olla kauhuesitys järjestämättömistä kuvista ja ristiriidasta fontin väreistä; miten koodi on kirjoitettu on myös symbolinen tyyli. Sulautettu CSS, vapaasti käyttämättömät koodit, HTML-taulukot, luettelo jatkuu. "
On olemassa runsaasti esimerkkejä brutalismista, että on olemassa kokonaisuus verkkosivujen galleria omistettu näille malleille. Johdannossa verkkosivusto viittaa brutalismiin tällä tavoin: "Särmikkyydessään ja huolimattomuudestaan näyttää mukavalta tai helpolta, brutalismi voidaan nähdä nuoremman sukupolven reaktioksi tämän päivän web-suunnittelun keveyttä, optimismia ja turhauttavuutta kohtaan. ”
Erityisen mielenkiintoinen brutalismiin on se, että malli näyttää niin erilaiselta kuin kaikki tasainen ja minimaaliset tyylejä, jotka ovat olleet niin yleisiä. Jos kohtaat yhden näistä malleista, et voi auttaa pysähtymään, katsomaan ja tutkimaan. Olitpa sitä mieltä, että se on kaunista tai rumaa tai jotain, se on kaikkien verkkosivujen suunnittelun perimmäinen tavoite.
3. Hollow kirjaimet
Kiinnostavat täynnä olevat kirjeet alkavat ponnahtaa koko paikkaan. Mielenkiintoinen tämä suuntaus on, että sillä on kaksi selvästi erilainen ulkoasu:
- Hollow-leimaus kuvan tai värillisen taustan, kuten C & C -kahvin.
- Kirjoittaminen on täynnä kuvaa tavallisella taustalla, kuten The London Loom, jossa on vaihtoehtoinen versio, jossa voit melkein nähdä kuvan, jossa on tausta hienovaraisella läpinäkyvyydellä, kuten My Mother Before Me.
Vaikka tämä trendi on paljon visuaalisia vaikutuksia ja on hauskaa, sitä voi olla jonkin verran vaikea toteuttaa.
Kun on kyse siitä, että kuvio on ontotettu, ei aina ole olemassa monia kirjasintyyppisiä vaihtoehtoja ja suunnittelijat voivat jumissa käyttää samoja kirjasimia. Tämä ei ole ihanteellinen tilanne webhankkeille lainkaan. Ei-verkkoprojekteja on joustavampi, jos sinun ei tarvitse huolehtia fonttien integroinnista ja renderoinnista.
Kun on kyse täynnä kirjain, temppu tehdä se toimii, että kuvat sisällä kirjaimia on havaittavissa. Jos käyttäjät eivät pysty selvittämään, mitä kuva on, niin malli ei ole tehokas. Apua varten useimmat suunnittelijat valitsevat paksuja kirjaimia, joten siellä on enemmän tilaa kuvien esittämiselle. Kuvat ovat usein abstrakteja tai tekstiilejä tai maisemia, koska ihmisen aivot pyrkivät täyttämään kuvan aihiot ja silti toimii heille. On paljon vaikeampaa käyttää kuvia, joissa on kasvot tai esineet, jotka sinun täytyy nähdä tietyllä tavalla, koska ne on sijoitettava täydellisesti merkkeihin.
Vaikka jotkut haastavatkin, molemmat kirjoitustyylit voivat olla visuaalisesti mielenkiintoisia ja hauskoja luoda.
johtopäätös
Toisin kuin jotkut muut trendit, joilla voit toteuttaa pieniä muutoksia, nämä kolme vaihtoehtoa ovat yleisempiä tyylisuunnittelua. Näetkö itsesi käyttämästä jotain näistä tulevissa projekteissa?
Mitä suuntauksia olet rakastat (tai vihaa) juuri nyt? Haluaisin nähdä joitakin verkkosivustoja, joista olet kiehtonut. Pudota minulle linkki Twitterissä; Haluaisin kuulla sinusta.