Dizaina tendence: fotoattēli, kas dzīvi
Dzīva fotogrāfija. Kinogrāfs. Kustīgi attēli. Joprojām kustības. Tīmekļa dizaina tendencē ir tik daudz vārdu, ko identificē varoņa attēls, kurš, šķiet, atdzīvojas smalkā veidā.
Tas nav gluži foto, bet ne gluži arī video. Kustība bieži tiek ierobežota ar vienu darbību attēlā, lai palīdzētu piesaistīt lietotāja uzmanību un pievērst viņu attēlam. Neatkarīgi no tā, kā jūs to saucat, šī tendence rada ietekmi un visur parādās web dizainā kā dalāmie gifi un sociālajos medijos.
Tendences attīstība
Grūti pateikt, no kurienes sākās ideja par “dzīviem” fotoattēliem, taču jūs varētu apgalvot, ka Apple palīdzēja to padarīt populārāku. Uzņēmums iepazīstināja ar fotogrāfiju, kas ietvēra kustību pieskārienus ar iPhone 6S. Šis mazais papildu sajūsmas mirklis ir tāds pats jēdziens, kā dzīvot fotoattēliem vietnēs. Zvaigžņu attēlā ir kaut kas papildus, kas ļauj to aplūkot tikai mazliet ilgāk.
Tā pati kustīgo attēlu koncepcija ir sākusi parādīties vairākās vietās. Šķietami joprojām kadru reklāmās digitālajos stendos ir kāds, kurš pēc tam mirgo vai mirgo. Pat svētdienas nakts futbola izlases sastāvā ir spēlētāju austiņas, kas mirgo pēc sekundes, parādot, ka tā faktiski ir tiešraide.
Kāpēc izmantot šo paņēmienu? Tas ilgāk piesaista lietotāju uzmanību un nodrošina interesantāku vizuālās atsauces punktu. Flixel, uzņēmums, kas klientiem ražo kinofilmu attēlus, saka, ka vidējais kustīgais fotoattēls saglabā lietotāju uzmanību 9 sekundes, salīdzinot ar vidējo nekustīgā attēla sekundi.
Fotoattēli vai ilustrācijas
Dzīvi attēli vai kinofilmas var darboties ar fotogrāfijām vai ilustrācijām. Nav noteikumu, kas paredz, ka jāizmanto viena veida attēli. Aplūkojot divus attēlus iepriekš, var redzēt, ka jebkurš stils var būt diezgan efektīvs.
Vēl viens apsvērums ir tas, ka kustībai nav jānotiek vienmērīgi. Hillmann Living, iepriekš, izgaismo produktus mājas lapā, kad tie tiek ielādēti. Tas ir vienīgais kustība, un tad foto ir tikai tas, nekustīgs foto. Patīkams efekts šeit ir tas, ka tas liek jums skatīties tieši uz krēsliem, kurus uzņēmums uzreiz pārdod. Šis paņēmiens lietotājiem parāda, kas lappusē ir svarīgs un uz ko viņiem vajadzētu koncentrēties smalkā un interesantā veidā.
Bārs Z Vīni izmanto citu pieeju. Ilustrētā mājaslapa sākumā šķiet diezgan vienkārša, bet neliela plakne lido pa ekrāna augšējo centru pa cilpu. Kustība palīdz lietotājam pieskatīt svarīgus vārdus ekrānā: “Mūsu vīni ir nefiltrēti.” Lietotājs nekavējoties kaut ko zina par ziņojumiem šajā vietnē, jo, pateicoties kustībai ekrānā, tie tiek piesaistīti vissvarīgākajai valodai.
Veiksmes padomi
Šis paņēmiens var darboties vairākos veidos un dažādiem dizaina pielietojumiem. Daži no labākajiem piemēriem ir vienkāršas ainas vai ainavas, kur izejas punkts ir skaista fotogrāfija.
Zāle var pārvietoties vējā vai ainavā. Persona var mirgot, kad tiek parādīta un ir palielināta augšējā kadra skaņa. Produkts var noliekt, pagriezt vai pabeigt darbību, kas tam paredzēta.
Vissvarīgākais, domājot par šo tendenci, ir vienkāršība. Ja ir pārāk daudz kustību, jums, iespējams, vajadzētu izvēlēties videoklipu. Pārsteiguma elements ir tas, kas liek tam darboties; lietotāji sagaida nekustīgu attēlu, bet tad tas atdzīvojas.
- Pieturieties pie vienas lietas un izmantojiet to vienā vietnē.
- Tam ir jāizskatās reāli.
- Kustībai ir jāievēro fizikas likumi.
- Kustībai jābūt smalkai, bet pamanāmai.
- Nepārspīlējiet, pievienojot skaņu vai daudz klikšķu darbību.
- Apsveriet smalku lietotāja kontroli, piemēram, kustības, kas notiek ar peles kustībām.
- Izstrādājiet kustīgu attēlu, ko var izmantot vairākās kampaņās, ne tikai savā vietnē.
Kā tu to dari?
Šādu efektu var radīt daudzos veidos. Metode jūsu prasmju līmenī patiešām nosaka to, kā plānojat izmantot dzīvos attēlus un budžetu.
Dažas no izsmalcinātas kustības radīšanas iespējām ir šādas:
- Izveidojiet gif.
- Izmantojiet tiešsaistes rīku (ir pieejams skaits ar atšķirīgām izmaksām.
- Izveidojiet attēlu kā video ar ierobežotu kustību.
- Izmantojiet lietotni vai pat savu iPhone.
- Savietojiet nekustīgus attēlus video formātā.
Izmēģiniet šo YouTube apmācību, lai palīdzētu plānot un izveidot dzīvu attēlu.
Lielisks piemērs
Vienkrāsainas Parīzes vietne ir lielisks šīs tendences piemērs. Mājas lapa ir šķietami vienkāršs ieraksta attēls, taču stingrais elements gandrīz izskatās izkusis un uzņemas auduma kustības, kas pārvietojas vējā. Efekts ir saistošs, piesaista un piesaista lietotājus dizainā.
Efekts palīdz smalki radīt interesi. Iedomātais vizuālais attēls izskatās nedaudz reālāks kustības dēļ. Ritiniet lapu uz leju, un citi kustīgi elementi sveic lietotāju, ieskaitot parasto skatu uz ierakstu griešanos.
Šī vietne ir lielisks piemērs, kā efektīvi izmantot šo tendenci. Dodieties pāri un noklikšķiniet apkārt, lai palīdzētu iedvesmot.
Secinājums
Neatkarīgi no tā, kā jūs to saucat, dzīvie attēli ir viena no tām tendencēm, kas, iespējams, paliks apkārt. Tas ir vēl viens veids, kā dizainam pievienot animāciju, bez vajadzības radīt faktisku video. Tas ir efektīvs un var būt daudz lētāks nekā video producēšana.
Šīs tendences triks ir pārliecināties, ka tā izskatās tīša un reāla. Iekļaujot muļķīgu mazliet kustību, tas noteikti nedos vēlamo efektu. Atgriezieties un patiešām apskatiet iepriekš minētos piemērus, dodieties uz vietnēm un noklikšķiniet apkārt. Skatiet, pie kā šī animācija jūs ved. Katrā no piemēriem kustība palīdz lietotājam nokļūt pie noteikta elementa vai veikt noteiktu darbību. Šī apzināta un mērķtiecīga kustības izmantošana ir efektīva kinogrāfa dizaina atslēga.
