Symudiad

Mae symudiad meddylgar yn ychwanegu eglurder, personoliaeth a mireinio i'n profiadau digidol. Mae'r safonau hyn yn sicrhau bod animeiddiadau'n teimlo'n bwrpasol, yn gwella defnyddioldeb ac na fyddant byth yn tynnu sylw oddi wrth y cynnwys.

Egwyddorion Symudiad

Curiad y Galon

Mae rhoi bywyd i'n harwydd plws, ei ddefnyddio i roi hwb, i ddarparu pŵer ychwanegol neu fel dyfais drawsnewid yn atgyfnerthu ein cynnig cyffredinol o 'fwy o bŵer'. Dylai hyn fod yn gyflym bob amser, heb i'r sgrin aros ar arwydd plws unigol heb gael ei ddatrys gyda P+S yn unol â'r animeiddiadau cyflwyno/diweddglo.

Esmwytho

Rydym yn defnyddio dau brif gromlin esmwytho; cyflwyniad egni uchel a chyflwyniad/diweddglo esmwyth i gyflawni symudiad cyson trwy ein holl gyfathrebiadau. Cyflwyniad egni uchel ar gyfer symudiad 'pop in' gyda arafiad graddol i'r diwedd, a chyflwyniad/diweddglo esmwyth ar gyfer canol cyflym wedi'i steilio sy'n cael ei esmwytho i mewn ac allan.

Tempo

Mae angen inni sicrhau ein bod yn cynnal cysondeb ac na fyddwn byth yn blino'r gwyliwr wrth animeiddio elfennau i mewn ac allan. Dylai hyd yr animeiddiad cyflwyno fod yn fyr, yn sydyn ac nid yn ddiflas.

节奏

Mae angen inni sicrhau ein bod yn cynnal cysondeb ac na fyddwn byth yn blino'r gwyliwr wrth animeiddio elfennau i mewn ac allan. Dylai hyd yr animeiddiad cyflwyno fod yn fyr, yn sydyn ac nid yn ddiflas.

Symudiad Teipograffeg

Teipograffeg

Ein teipograffeg yw ein ffordd o siarad yn graffigol. Rhaid inni sicrhau bod ein naws yn cael ei gyfleu drwy gyfathrebu'n glir, heb dynnu sylw na bod yn rhy ffansi. Rydym wedi gosod ychydig o reolau sylfaenol i gyflawni hyn.

Penawdau byr

Dylai penawdau neu ddatganiadau byr ddefnyddio animeiddiad gair wrth air, gan gadw'r symudiad yn finimalaidd ac yn sydyn.

Penawdau hir

Dylai datganiadau hirach neu flociau o destun ddefnyddio animeiddiad llinell wrth linell i leihau'r llwyth gweledol a'i gadw'n gryno.

Penawdau trawiadol

Gall penawdau byr trawiadol ddefnyddio animeiddiad testun mwy trawiadol gyda fflach o liw brand

Blociau testun

Er mwyn cadw testun yn ddarllenadwy ar ffilm neu ffotograffiaeth, rydym yn awgrymu defnyddio cefndiroedd bloc animeiddiedig. Ystyriwch liw a chyfansoddiad wrth ei baru â'r ddelwedd/ffilm.

Hunaniaeth Symudol

Hunaniaeth sonig

Mae ein hunaniaeth sonig yn cynnwys curiad calon yn ei ffurf fwyaf syml, ynghyd â motiff cerddorol ysgafn ac adnabyddadwy sy'n ategu'r curiad calon.

Intro outro cyflym

Mae hwn yn animeiddiad 1 eiliad cyflym iawn wedi'i fwriadu ar gyfer cyfryngau cymdeithasol lle mae cyrraedd y cynnwys cyn gynted â phosibl yn hollbwysig. Mae'r arwydd plws yn denu'r P+S, yn syml. Ar gael gyda chefndir du neu felyn, i'w fewnosod fel toriad caled o ddiwedd y cynnwys fideo.

Outro datganiad

Gyda'r outro hwn mae gennym animeiddiad byr sy'n plethu ein cynnig i mewn. Byddai'r outro hwn yn addas ar gyfer fideo astudiaeth achos neu lle rydym wedi bod yn siarad am ein gwasanaethau. Mae'r testun yn olygadwy felly gellir addasu'r cylchdro o wasanaethau/swyddogaethau busnes ac ati i ffitio, ond dylai'r diwedd bob amser aros fel busnes.

Outro byrst

Mae'r outro hwn yn cynnwys byrst cyflym iawn o ddelweddau i adlewyrchu ehangder ac ansawdd y gwaith a gynhyrchir gan P+S. Mae'r delweddau yn yr enghraifft hon yn waith ein brand ac fe fyddent yn addas ar gyfer y rhan fwyaf o gymwysiadau, fodd bynnag mae'n addasadwy a gall ddefnyddio delweddau o ddylunio digidol er enghraifft - byddai angen i hyn gael ei gymeradwyo gan y tîm fideo.

Graffeg Symudol

Delweddau cysyniadol

Mae gennym gyfres o ddelweddau wedi'u creu gan gyfrifiadur ac amrywiol awgrymiadau ar gyfer ysgogiadau i greu delweddau tebyg i'w defnyddio dim ond pan fo'n briodol. Mae cymysgu delweddau wedi'u creu â theipograffeg, effeithiau cynnil a golygu yn gwneud y dilyniannau'n ddeniadol yn weledol.

Set lawn o eiconau

Mae ein heiconograffeg yn elfen allweddol, yn cynrychioli ein gwasanaethau a'n dull gweithredu ar gyfer ein rhyngwynebau digidol. Mae gennym set gychwynnol i'w defnyddio (yn ddelfrydol fel lotties / svg animeiddiedig ar gyfer y we) sy'n cael eu hanimeiddio i ddolen, gyda chyflwr sylfaenol cychwynnol sy'n adnabyddadwy ac wedi'i ffurfio'n llawn.

Hanfodion Mudiant

Trosiadau

Mae gennym set o drosiadau i'w defnyddio, i'w defnyddio'n gynnil pan fo angen rhannu cynnwys lle nad yw toriad caled yn ddigon. Mae'r rhain yn symud naill ai i fyny neu 'ymlaen' (chwith i'r dde) i symboleiddio twf / dilyniant.

Traean Isaf

Mae ein traean isaf i'w ddefnyddio ar ddeunydd fideo arddull cyfweliad. Bob amser wedi'i alinio i'r chwith, a'i osod o fewn parthau diogel fideo y platfform arfaethedig.

Is-deitlau

Lle mae angen is-deitlau, dylem sicrhau eu bod yn syml ac yn ddarllenadwy, yn y pwysau canolig o Gothic, yn isel ar y ffrâm a chyda graddiant ysgafn y tu ôl iddynt er mwyn sicrhau darllenadwyedd yn erbyn cefndiroedd golau.

Sgrin deitl

Pan fo angen sgriniau teitl neu gwestiynau, gellir defnyddio cefndiroedd animeiddiedig yn greadigol ynghyd â siapiau lliw a dulliau cymysgu i greu graffeg nodedig. Mae darllenadwyedd yn hanfodol wrth greu'r rhain.

Mudiant UI/UX

Ymatebol

Dylai mudiant ymateb i ryngweithio eich defnyddwyr. Symudiad egnïol a chywir, wedi'i achosi gan glic, sgrolio neu hofran. Peidiwch byth ag oedi neu arafu symudiad elfen; ni ddylai ymwelwyr byth orfod aros i animeiddiad orffen.

Naturiol

Dylai mudiant gael ei ysbrydoli gan rymoedd y byd go iawn, gan ystyried ffiseg. Defnyddiwch easing mewn ffordd briodol i gyflawni teimlad realistig. Gall symudiadau llinol, annaturiol edrych yn anghywir neu'n robotig.

Ymwybodol

Dylai mudiant fod yn ymwybodol o'r defnyddiwr ac o elfennau eraill y wefan o'i gwmpas, a dylid ei goreograffu yn unol â hynny. Ni ddylai elfennau byth symud i gyfeiriadau gwahanol, na chroesi llwybrau, gan achosi teimlad anghyson.

Bwriadol

Dylai mudiant fod yn fwriadol. Dylai pob symudiad arwain y defnyddiwr i'r lle iawn ar yr amser iawn. Gall tynnu sylw at elfennau eraill dynnu sylw'r gwyliwr a'u gwyro oddi ar eu trywydd.