Hägused pildid veebidisainis: kuidas neid toimima panna
See on vaieldamatu fakt: häguste piltide kasutamine on 2015. aastal trendikas veebikujunduse tehnika. Näib, nagu igal pool, kus vaadata, on mingi hägususe element.
Kuid see ei ole lahendus mõnele teie fotoprobleemile. See on selge tehnika, mille harjutamiseks on vaja täiuslikkust ja tähelepanu pööramisele detailidele, et see õigesti jõuaks. Nii et enne suundumuse kallale asumist mõelge häguste piltide kasutamise võimaluste üle, et otsustada, kas see sobib teile ja kuidas saaksite seda tehnikat oma projektides kõige paremini kasutada.
Hägused fotod on trendikad
Võiksime häguseid pilte kasutades veebisaitide arvule pühendada terved lehed. Suundumus on praegu suur asi.
See on esimene asi, mida peate arvestama, kui liikuda edasi ideega, mis hõlmab häguseid pilte.
- Kas soovite olla osa trendist?
- Kas saate seda trendi kasutada viisil, mis on pisut erinev teistest seal asuvatest veebisaitidest?
- Kas see on teie stiil või on teie maitse jaoks pisut liiga üle kasutatud?
- Kas teil on pärast saidi kujundamist kõik korras? Või vajate ümberkujundust?
Midagi trendika loomisel pole absoluutselt midagi viga. Kuid see on otsus, mida peaksite algusest peale kaaluma. Hägusate piltidega veebisaidi loomine - sõltuvalt teie eelistatud stiilist ja kasutusviisist - võib olla aeganõudev ettevõtmine ja kui teil pole fototöötlustarkvara kogemusi, võib see vajada täiendavat koolitust.
Hägusus on tehnika, mida saab kasutada koos heade piltidega
See võib olla kõige olulisem lause, mida loete piltide hägususe peale mõeldes. See töötab ainult siis, kui teil on alustamiseks häid pilte. Hägusus pole viis halva pildi “parandamiseks”.
Et seda teisiti öelda. Kui teile tehakse udune foto ja öeldakse, et teeksite sellest veebisaidi, pole see trendikas. See on halb foto. Kui see on teie olukord, pole see teie jaoks tehnika. (Võiksite hakata mõtlema tüpograafiaga kunstielemendi loomisele või põhipiltide otsimisele.)
Kuid kui teil on kena pilt, mida soovite veel mõni miil välja saada või uut moodi kasutada, on hägune tehnika võimalus. Hägustamiseks on mitu viisi (keskendume igale allpool), kuid esimene samm on mõista, kuidas hägusust tegelikult luua. Adobe'il on Photoshopis alustamiseks päris kena õpetus.
Hägustage kogu pilt
Üks asju, mis on hägustatud pildisuundumusele kaasa aidanud, on veel üks suundumus: kangelaste päiste kasutamine. Disainerid panevad tehnikad kokku, et luua täisekraani stiilis hägusaid pilte kui domineerivat visuaali veebisaitide sihtlehtedel.
Trellis Farmi veebisait kasutab ikooni pilti talust, et anda teile aimu selle veebisaidi kohta. Täiendava huvi huvides on foto mustvalge - et seda vanaaegset tunnet edasi anda - ja kihistatud suurepärase kirjastiiliga, et teie tähelepanu haarata. Kerimine jätkab seda tunnet, lisades segule värvi. Hägusus on kena, kuna teate, mis pildil on, ja see aitab kasutajal keskenduda tekstile ja järgmistele ekraanil tehtavatele toimingutele.
Miks see töötab:
- Hägune taust võib tuua fookuse pildi peal olevatele kihtidele, näiteks tekstile. Valige lihtsalt mõjukas kirjatüüp.
- See võib tekitada uut huvi pildi abil, mida kasutate regulaarselt, näiteks tavaline brändifoto.
- Universaalse atraktiivsuse huvides saab seda kasutada peaaegu igat tüüpi sisuga peaaegu igas värviskeemis.
Taustad ja kihilised pildid
Hägusus pole ainult täispildi tehnika. Kujutise teatud osi võib löögi jaoks hägustada. Ehkki tavalisem on näha terava esiplaaniga teravdatud taustaid, on mõned disainerid vastupidisele lähenemisele uue valiku korral, millel on fookuses olev taust hägune esiplaan.
Anchouri agentuur kasutab oma sihtlehel olevatel fotodel hägusust. Kujutises kasutatav tehnika võib olla osa tegelikust fotograafiast või saate sama efekti luua ka fototöötlustarkvaras. Sellise hägususstiili loomisel on siin trikk see, et te ei saa öelda, et see on loodud ja see peaks välja nägema loomulik, nagu oleks foto tehtud sel viisil. (Fototöötlustarkvaras saate seda teha Gaussi hägususe tööriista abil väikeste, astmeliste muudatustega.)
Miks see töötab:
- Hägusus loob visuaalse kontrasti ja vähendab pildi hõivatud tunnet.
- See muudab pildi vaatenurka ja kasutaja vaadet visuaale.
- See lisab mõõtmele pildi, mis võib muidu peaaegu 3D-renderdusel tunduda tasane.
Dramaatiline hägusus abstraktse kunsti jaoks
Kui vajate oma veebisaidi jaoks taustpilti, kuid leiate mustri või värvi, mis trikitab, võib dramaatilise hägususega foto olla ideaalne lahendus. Pidage dramaatiliseks häguks kõike, mis muudab fotosisu lühidalt silmaga eristamatuks ja see võib muuta foto täiesti tundmatuks.
See on populaarne valik veebisaitidel, mis käivitavad või reklaamivad digitaalset projekti, mille toote taustal on abstraktselt hägune fototaust. Piction kasutab sama pilti taustal ja telefonis erineva suumi ja hägususega, et saada pilkupüüdev disain.
Miks see töötab:
- Paneb keskenduma esiletoodud tootele.
- Loob kohandatud tausta, selle asemel, et kasutada mustrit, mis võib olla teistel veebisaitidel.
- Annab disainerile kontrolli värvi üle ja tunne, kuidas abstraktne hägusus toimib teravusest pehmete värvide ja kujunditeni taustpildi loetavuseni ja kaubamärgiga ühenduse loomiseks.
Mis tahes pildi peen hägusus
Väike hägususaste võib töötada ka paljudes teistes fotodes ja seda ei pea kasutama ainult täisekraanipildi jaoks. Kujutajad, kes vajavad vähest esiplaanile keskendumist, võivad disainerid lisada hägususe vihje, mis aitaks kasutajatel pildi õigeid osi vaadata, logo stiliseerida või lihtsalt keerukama visuaali luua.
Zeo logo kasutab ümaras kujunduses peent, kuid kena hägusust. Hägusus sunnib logo tähelepanelikumalt vaatama, kuna logo ühel küljel on huvitav kuju ja serv on võrreldes teise külje teravusega. Seda tehnikat rõhutatakse veelgi, kuna veebisaidi kujundus tervikuna kasutab hägusust teistes kohtades, näiteks sihtlehel domineeriva pildi taustal.
Miks see töötab:
- Väikesed hägusused võivad tekitada üllatuse elemendi.
- See juhib tähelepanu visuaalse fookusega foto kindlatele osadele. (Tutvuge mõnega Zeo saidi reklaamidest, mis käsitlevad väiksema hägususe kasutamist fotofookuse jaoks.)
- See võib anda teile pildi koguse muude elementide, näiteks teksti kihiks paraja kontrastsuse, näiteks täisekraani hägusus koos kangelase päisega.
Kasutage seda ka video jaoks
Hägususe suundumuse saate siduda ka teise kuuma kujunduselemendiga - videoga. Saate seda kasutada nagu iga teise pilditehnika puhul. See töötab samal viisil (kuigi redigeerimisriistad ja protsess on pisut erinevad).
2. taseme kujundus kasutab sinist ja ekraanitüüpi efekti, et lisada huvilised täisekraanil kuvatavale videole. (Värskendage brauserit hägusate videote jaoks.) Efekt on lõbus ja värske ning töötab videoga, mis peaks olema vana kooli tunne. Kiirvideosilmused on hästi loetavad ja tähelepanu köidavad.
Järeldus
Hägususe efektiivseks kasutamiseks veebidisaini projektides on palju võimalusi. Saladus - kui seda tõesti on - on häguse efekti loomine, mis sulandub sujuvalt ülejäänud kujundusesse. Ja saate seda teha peaaegu mõeldes äärmuste hägususele.
Suure löögi ja abstraktse tunde saamiseks kasutage palju hägusust. Kasutage minimaalset hägust, et luua peent kontrasti ja seada fookus. Nagu iga disainilahendus, katsetage seda enne turuletoomist mõne kasutaja peal ja vaadake, mida nad arvavad. Kas nad märkavad hägust? (Enamik disainereid ei mõtle sellele tegelikult.)
