Essential Design Trends, kesäkuu 2016
Suunnittelijat muuttavat verkkosuunnittelua koskevia sääntöjä luovan ongelmanratkaisun ansiosta. Auto-play-ääni, sekoitus todellisia ja kuvattuja kuvia ja jopa layering-logoja valokuvien päälle ovat joitain kuumimmista suunnittelutekniikoista juuri nyt ja kaikki kolme konseptia pidettiin tabuina niin vähän aikaa sitten.
Tässä on trendi suunnittelussa tässä kuussa:
1. Automaattinen toistoääni
Ei niin kauan sitten, sääntö ei sisältäisi ääntä verkkosivustollesi, ellei se ollut valinnainen. Ja et ehdottomasti halua mennä auto-play reitti.
Nämä taulukot ovat kääntyneet! Se, mikä on ollut kaistanleveyttä, houkutteleva suunnitteluominaisuus on tulossa varsin yleiseksi.
Ääniä käytetään etenkin muutamille eri verkkosivustojen tyypeille - mediaan liittyvään sisältöön, kuten musiikkiin, elokuvaan tai uutisiin sekä peli- tai tarinatyyppisuunnitelmiin. Äänen käyttämisen temppu on se, että siihen on sisällytettävä päälle / pois -painikkeita käyttäjiä, jotka haluavat vielä vuorovaikutuksessa verkkosivuston kanssa hiljaisuudessa.
Ääni on, että se ei saisi järkyttää käyttäjille. Monet sivustot, kuten Tämä oli Louisen puhelin , jotka käyttävät automaattisen toiston ääntä, käyttävät lajin puskuria osoittaakseen, että äänisisältö latautuu. Yhdistä tämä kuormitustoiminto vaihtokytkimellä ja käyttäjät voivat määrittää, onko heille ääntä vai ei ennen kuin sivusto antaa ensimmäisen melun.
Toinen temppu, kun on kyse äänen käytöstä, on aloittaa pehmeästi. Et halua käyttäjiä hyppäämään istuimiltaan, koska suunnittelusi avautuu raskasmetallikivellä. Kaikki äänet kasvavat lähes kuiskaiselta täyteen tilaan ensimmäisten sekuntien aikana.
Lopuksi on tärkeää, että ääni (varsinkin kun se soi automaattisesti) on olennainen osa sisältöä, joka vaikuttaa yleiseen käyttäjäkokemukseen. Älä käytä ääntä vain, koska haluat kokeilla jotain uutta; käytä sitä tarkoituksella. Pidä tämä mielessä - jopa äänen osana suunnittelua, monet käyttäjät pääsevät sisältöön ilman sitä. Suunnittele viisaasti.
2. Valokuvien ja kuvan sekoittaminen
Se voi olla kova tekniikka vetää pois, mutta rivi valokuvan ja kuvituksen on ylitetty. Todellisten ja käsin piirrettyjen elementtien sekoittaminen voi lisätä hämmästyttävän ilmeen projektiin, joka on sekä hauskaa että visuaalisesti kiehtovaa.
Tee se ilman, että juustolla on pysyviä vaikutuksia käyttäjiin. Seuraavassa on muutamia ehdotuksia:
- Käytä kuvakkeita ja painikkeita ja valokuvaa määräävässä visuaalisessa vaikutuksessa
- Luo visuaalinen kuvio, joka käyttää enimmäkseen kuvitusta, mutta lisää lyhyisiin video- tai kuva-alueisiin korostusta
- Lisää animoituja kuvitettuja elementtejä koskettamalla jotain erilaista valokuvaa lähellä
- Luo merkki tai logo, joka on kuvattu käytettäväksi brändikuvien kanssa tai pakkauksissa, jotka näkyvät tuotekuvakuvina
- Käytä kuvaa, jonka avulla voit ohjata käyttäjiä muiden visuaalisten kuvien kautta ja kertoa tarina
räätälöity on erinomainen esimerkki tästä sekoitus-ja-ottelusta valokuvaukseen ja kuvitukseen. Rahoitusalan suunnitteluyhtiö ei ole paikka, jossa saatat odottaa tämän tekniikan olevan toiminnassa, mutta se on tehokasta. Valokuvien taustalla olevat animoituvat kuvitukset kiinnittävät mielenkiintoa siihen, mikä muutoin olisi tylsää otsikkoa. Animoidut hover-tilastot tarttuvat käyttäjän huomioon ja rohkaisevat vieritystä. Sivustojen ikonografiassa käytetään vieläkin enemmän kuvia, jotka edistävät napsautuksia ja lisäävät visuaalista tunnetta tekstin raskaille suunnittelun osille.
3. Merkit sankarikuvien päälle
Merkit ovat kaikkialla, kun käännyt oikealle. Logon suunnittelusta vintage-retro-typografisiin tyyleihin, jotka voidaan kopioida hipsterin suosikkeihin, nämä yksinkertaiset elementit ovat muodostuneet minimaalisista muotoilutuotteista. Ne ovat myös yhteinen vaihtoehto malleille, jotka saattavat puuttua valokuvauksesta.
Tämä muuttuu kuitenkin, kun useammat suunnittelijat käyttävät sankarikuviin tähtien valokuvien merkkejä. Trendissä on esimerkki yksittäisestä sankakuvauksesta (tyypillisesti ei liukusäädintä), jonka yläpuolella on valkoinen tai puolijalkainen tunnus. Merkit ovat usein keskelle vaakatasossa ja pystysuorassa, vaikka sijoittelut voivat vaihdella.
Se on silmiinpistävä valokuva logo (tai teksti) kontrasti. Mikä tekee tästä työstä, että iso kuva vetää sisään käyttäjät. Rintanappi toimii keskipisteenä siitä, mikä on usein hieman heikko tai löysä kuva. (Tämä ei tarkoita, että tällaisessa tyylissä käytetyt kuvat ovat huonoja, mutta ne hyötyvät tunnuksesta.)
Tämä suuntaus on kehitystä jotain, jonka olemme nähneet jonkin aikaa sankarikuvan otsikoilla. Ylisuuret, rohkeat typografiset valinnat olivat villitys viime vuonna. Tämä on luonnollinen muutos, koska tunnusmerkit ovat tyylejä ja samankaltaisia, miten ylimitoitettua tyyppiä ja merkkejä käytetään.
- Molemmat ovat yleensä valkoisia tai kevyitä
- Molemmat kannattavat kotiin yksittäisen viestin käyttäjille
- Molemmat työskentelevät malleissa, joissa ei ole paljon kilpailevia grafiikoita
- Molemmat ovat rohkeita ja rohkeita, koska ne tarjoavat käyttäjille vain yhden todellisen pisteen
- Molemmat työskentelevät poikkeuksellisen hyvin stock photography
- Molemmissa tyyleissä on rohkea visuaalinen ratkaisu, kun sinulla ei ole paljon valokuvavaihtoehtoja
- Molemmat tyylit antavat animaation lisäämisen muissa paikoissa (kuten hover-tilassa) houkuttelemaan käyttäjiä, koska ei ole paljon muita liikkuvaa elementtiä, kuten videota tai kuvan liukusäädintä
Se, mikä on mukavaa erinomaisesta tunnuksesta, on se, että se voi palvella kaksoisvelvoitetta myös tuotemerkkisi merkkinä. (Tämä on erinomainen vaihtoehto pienyrityksille tai portfoliosivustoille.) Luo tunnuksen ajatus mielestäsi, että se on logomarkki. Suunnittele värillisiä ja valkoisia versioita sekoitettavaksi ja yhteensopivaksi käyttötarkoituksen mukaan. Tämä lisätoiminto on toinen syy, miksi merkit ovat niin suosittuja juuri nyt.
johtopäätös
Oletko tarpeeksi rohkea lisätä automaattisen musiikin musiikkia sivustosi suunnitteluun tai sekoittaa todellisia ja kuvitteellisia kuvia? Molemmilla suuntauksilla on riskin osa ja mahdollisuus voittoon. Jos et ole kovin valmis näihin suuntauksiin, sankarihahmolla varustetun tunnusmerkin avulla voidaan työskennellä melkein minkä tahansa muotoilun ääriviivoin. Voit myös tehdä tämän säädön lennossa ja käyttää sitä tarvittaessa.
Mitä suuntauksia olet rakastat (tai vihaa) juuri nyt? Haluaisin nähdä joitakin verkkosivustoja, joista olet kiehtonut. Pudota linkki Twitterissä ; Haluaisin kuulla sinusta.