100DaysUI - 002: Conas Idirghníomhaíocht Giuirléid Rátála i bPrionsabal a Fhréamhshamhlú

Ar a bhfuil UI Dorcha don ngréasán inchloiste

Chomhéadain Dark Dribble

100daysUI

gach lá déanfaidh mé comhéadan nua a dhearadh laistigh de dhá uair an chloig agus míneoidh mé an smaoineamh atá taobh thiar de, nó múinfidh mé duit an méid a d’fhoghlaim mé agus é á dhearadh agus liostóidh mé na saincheisteanna a bhí rompu ionas go bhféadfadh duine freagra a roinnt.

Lá 2 - Imreoir Gréasáin Inchloiste Dorcha agus Giuirléid rátála ag úsáid Príomhthiománaithe

Tá an smaoineamh simplí, is breá liom Audible, dóitear mo chuid retinas ó bhlianta de Chomhéadain éadrom agus bhí fonn orm triail a bhaint as ceann de na giuirléidí rátála fionnuar sin bunaithe ar éifeacht tarraing. Dá réir sin an dearadh seo

tá rudaí áirithe níos éasca le cód

Mar sin, seo conas an giuirléid seo a dhéanamh i bPrionsabal:

Cuid 1 - Dearadh & Ullmhú

1. i Sceitse nó Figma, dearadh do ghiuirléid rátála trí na heilimintí riachtanacha go léir a chruthú:

  • 5 emojis (nó cibé rud is mian leat) do na cúig rátáil a d’fhéadfadh a bheith agat (méanfach, umm, maith, iontach, i ngrá) agus cuir iad ar bharr a chéile iad.

→ Ní hionann ainmneacha ordaithe agus sraithe san idirghníomhaíocht seo toisc go mbeidh gach emojis eile i bhfolach ach ceann i ngach cás agus beimid ag obair taobh istigh de chlár ealaíne amháin. Ach beidh sé níos éasca oibriú le comhad eagraithe. Do ghlao.

  • 5 thuairisc téacs do gach stát. Chomh maith leis sin curtha ar bharr a chéile.
  • barra rátála (dronuilleog cuartha cúlra & 5 líonadh). Scálaí prionsabail leithead ón lár ionas go leanfaidh an líonadh ag léim ar chlé agus muid ag bogadh an láimhseáil. Just a chruthú cúig ina ionad, tá sé níos éasca.
  • cúlra an bhosca rátála.

2. Cuir é sa riocht tosaigh (méanfach) trí theimhneacht gach emojis agus tuairisc téacs a ísliú go 0% seachas na cinn don stát sin.

3. Iompórtáil an clár ealaíne i bPrionsabal.

4. I bprionsabal, cliceáil an láimhseáil a bheidh á tharraingt agat chun rátálacha a athrú, agus é a tharraingt go cothrománach.

seiceáil an seat thíos chun a fháil amach conas é sin a dhéanamh.

Cuid 2 - Dearadh Idirghníomhaíochta

  1. agus an ciseal láimhseála roghnaithe fós, cliceáil “Tiománaithe” ar a bharr.

táimid chun an léaráid rátála agus an téacs a thaispeántar a athrú bunaithe ar shuíomh cothrománach an láimhseála.

2. roghnaigh na sraitheanna emojis & téacs go léir seachas yawn + líonann gach barra rátála seachas dearg agus cruthaigh eochairfhocail ina bhfuil teimhneacht 0% acu go léir.

2. Bog an láimhseáil go dtí fad an oráiste, agus cuir eochairfhocail leis:

  • is é teimhneacht YAWN agus a théacs 0%.
  • is é teimhneacht stáit UMM agus a théacs 100%.
  • is é teimhneacht an líonadh oráiste 100% agus is é 0% an ceann dearg.

PROBLEM

má bhaineann tú triail as seo feicfidh tú go n-athróidh teimhneacht an chéad dá stát san am céanna agus tú ag bogadh an láimhseáil ag cruthú an toradh neamhréireach seo :

tá pointí ann ina mbeidh stát idir úsáideoir

Tá sé seo toisc go bhfuil sé analógach: déantar na sraitheanna a bheochan idir dhá phointe go dtí go sroicheann siad an stát sa chéad eochairfhocail eile. Teastaíonn lasc digiteach uainn; bealach chun stát áirithe a chasadh air / as ag pointe gluaisne ionas nach bhfeicfidh úsáideoir ach stát soiléir amháin ag gach pointe. Níl mé cinnte nach bhfuil bealach níos fearr ann, ach seo mar a réitigh mé an cheist seo.

3. Ag an bpointe NÍ MÓR roimh eochairfhráma, cruthaigh keyframe eile a bhfuil an teimhneacht chéanna aige agus a bhí ag an keyframe roimhe seo le haghaidh sraitheanna emoji & téacs atá i gceist. Insíonn sé seo don phrionsabal nach n-athraíonn ach dath agus fad an chiseal líonta go dtí an pointe seo. Coinnigh an emoji & téacs.

4. Ceart ina dhiaidh sin, cruthaigh an eochairfhocail leis an gcéad stát eile. Mar seo:

5. Déan é sin arís do na chéad stáit eile go léir agus beidh giuirléid oibre agat mar an ceann thíos :)

Tá súil agam gur bhain tú taitneamh as an rang teagaisc seo!

  1. Aon trácht? rudaí a bhfuil a fhios agat ar bhealach níos fearr le déanamh?

2. Nílim ag déanamh breithiúnais ar dhearthóirí Amazon ar chor ar bith, nílim ag smaoineamh ar an lá anseo. Go leor meas orthu agus a n-iarrachtaí iontacha!

3. Tá Emjois ag na Roundicons.

4. Faigh amach faoi thiománaithe an phrionsabail anseo.