Tricks, Leideanna agus Teicnící Deartha Adobe Experience

01 de 07

Tricks, Leideanna agus Teicnící Deartha Adobe Experience

Tugann Adobe Experience Design tú roinnt gnéithe grafaicí a fhágann go bhfuil creat cruthaitheacht scaoilte.

Nuair a thug Adobe Dearadh Taithí isteach mar Réamhamharc Poiblí , chuir an chuideachta dhá fheabhas iontacha ag an am céanna. Ar dtús, chuir siad spás ar bun sa mhargadh bogearraí fréamhshamhailí atá ag teacht chun cinn. Sa dara háit, chruthaigh siad deis d'úsáideoirí a imirt le "obair ar siúl" agus tá sé ag ligean d'úsáideoirí tionchar a imirt ar an dul chun cinn sin. Anois go bhfuil an t-iarratas ar fáil ar feadh cúpla mí, shíl mé go mbeadh sé an-mhaith le cleasanna, leideanna agus teicnící Dearadh Taithí a roinnt.

Ach ar dtús, b'fhéidir go mbeadh tú ag smaoineamh ar cad atá i gceist ag Bogearraí Prototyping. I measc na n-imreoirí móra sa spás seo tá Proto.io, Principle, UXPin, Atomic.io , Experience Design and InVision. Murab ionann agus iarratais ar nós Sceitse 3, Photoshop agus Illustrator nuair a dhéantar dearaí statacha a tháirgeadh, tugann na hiontarthóirí grafacha isteach idirghníomhaíocht, tairiscint agus gnéithe eile atá coitianta i spás dearadh gréasáin agus soghluaiste an lae inniu.

Leis an méadú ar fhócas soghluaiste agus an fhócas dosheachanta cosúil le léasair ar an Úsáideoir, níl sé níos mó fós le haghaidh dearthóir scipeáil le cúpla sceitsí, tarraing cúpla comps a tharraingt le chéile agus an tionscadal a scaoileadh nó é a uaslódáil chuig freastalaí gréasáin. Tá athrú bunúsach déanta ag an sreabhadh oibre UI / UX. Tá gach céim den phróiseas, ó aithint an úsáideora, sceitsí, fógraí sreinge, múnlaithe, agus próifíliú anois faoi réir tástála fairsing úsáideora.

Is é sin an chéim dheireanach - prototyping - nuair a aimsítear na pointí pian agus socraítear sula dtosaíonn an tionscadal i dtáirgeadh deiridh. Seo áit a bhfuil idirghníomhaíocht, tairiscint, aistrithe scáileáin agus socrú gach rud ar an scáileán ríthábhachtach. Ní féidir ceisteanna agus fadhbanna a thaispeáint go simplí mar íomhá statach nó a mhínítear ó bhéal. Tar éis an tsaoil, tá na táirgí seo do dhaoine fíor. Seachas an méid sin go léir a aistriú go dtí an cód, tá an próiseas fréamhshamhlacha á dhéanamh níos mó ag bogearraí grafaicí atá deartha chun na críche sin. Tá sé níos éasca botún a shocrú, íomhá a athsholáthar, téacs éigin a athscríobh, cnaipe a bhogadh agus mar sin ar eagarthóir amhairc a úsáid ná cód athscríbhneoireachta agus díghabhála a dhéanamh i gcónaí.

Go deimhin, tá an bogearraí seo ina gcuid thábhachtach i dtimpeallacht "Dearadh agus Forbairt" Rapid Prototyping "an lae inniu.

Agus é sin á rá, caithfimid roinnt spraoi le Dearadh Taithí.

02 de 07

Cruthaigh PIN Ceann Scríbe le Ciorcal Simplí i Adobe Experience Design

Taithí Tá cumais veicteora Deartha ag déanamh deilbhín agus eilimint comhéadan a chruthú breeze.

Is é an ghné néata amháin de XD ná é a úsáid as uirlisí líníochta veicteora. Ní féidir liom teacht ar dheilbhín? Fadhb ar bith. Rollaigh do chuid féin. Seo mar atá:

  1. Roghnaigh an Uirlis Eilipse agus, le na heochracha Rogha / Alt-Shift brúite, tarraing ciorcal.
  2. Leis an gciorcal a roghnaíodh, leag an dath Líon isteach go FF000 agus an Teorainn le "none" sna hairíonna.
  3. Double-cliceáil ar an gciorcal chun na pointí ancaire a thaispeáint. Tarraing an t-ancaire bun síos.
  4. Cuir an pointe ancaire roghnaithe ar dhúbailt agus cuirfear línte in ionad na gcuairbh.
  5. Tarraing ciorcal beag eile le líonadh bán agus gan stoke. Téigh isteach i suíomh agus roghnaigh an bioráin agus an ciorcal. Sa phainéal ailíniú ag barr na n-Airíonna cliceáil ar an gcnaipe Lárionad Cothrománach agus cruthaítear an PIN.

03 de 07

Cruthaigh Cúlra Cúlra i Adobe Experience Design

Cruthaigh blur cúlra i XD ag baint úsáide as aon rud níos mó ná cruth agus íomhá /.

Is gnách go bhfuil téacs nó ábhar eile ann thar íomhá cúlra. Is í an fhadhb anseo ná an íomhá, níos minice ná mar a tharlaíonn, an t-ábhar atá os a chionn. Is bealach amháin chun an cheist seo a réiteach ná an íomhá cúlra a dhúnadh. Is féidir leat an íomhá a ghlanadh i Photoshop nó bogearraí eagarthóireachta íomhá eile, ach tá sé seo beagán mí-éifeachtach, go háirithe ós rud é gur féidir le XD an tasc seo a láimhseáil duit. Seo mar atá:

  1. Cruthaigh artboard nua agus cuir do íomhá cúlra.
  2. Roghnaigh an Uirlis Dronuilleogach agus tarraingfidh sé dronuilleog os cionn an íomhá. Leis an Dronuilleog roghnaithe, leag an Fill go White agus an Stróc go Dada.
  3. Leis an Dronuilleog roghnaithe, roghnaigh Cúlra Cúlra sa phainéal airíonna. Is iad na trí sleamhnán maille Méid na Súile, an Gile agus an Chothroime. Seo cad a dhéanann siad:

Más mian leat "rudaí a athrú" i ndáiríre, déan dath an chruth a athrú agus spraoi leis an luach Opacity chun "breathnú" an íomhá a athrú.

04 de 07

Cruthaigh Scrios i Adobe Experience Design

Úsáid grádáin i gcodarsnacht provovide nuair a fhaigheann íomhánna agus dath ar ghnéithe comhéadan.

Is fadhb a bhaineann le dearadh coitianta ná gnéithe comhéadan le heilimintí comhéadan ach cailltear iad nuair a chuirtear iad ar íomhá cúlra nó ar dhath soladach. Scriosann an réiteach. Is grádán beag teimhneach é scriú a chuirtear idir an eilimint comhéadan agus an cúlra. Is furasta é seo a dhéanamh i XD. Seo mar atá:

  1. Cruthaigh do artboard i XD, cuir íomhá agus cóipeáil agus greamaigh eilimintí comhéadan ón gClár UI cuí - File> Open UI Kit ... - isteach sa chlár. San íomhá thuas déanann an grianghraf an barra Stádas agus an App Bar deacair a fheiceáil.
  2. Roghnaigh an Uirlis Dronuilleog agus dronuilleog a tharraingt amach. Roghnaigh an Painéal Airíonna Líon isteach agus roghnaigh Gradient ón bpointe síos sa Piocálaí Dath. Socraigh na dathanna grádán chuig Dubh agus Bán. Socraigh an luach A - Íocaíocht- go 60% agus an luach Bán A go 0%.
  3. Leis an Dronuilleog roghnaithe, roghnaigh Cuspóir> Socraigh> Seol Ar Ais . Tá na gnéithe comhéadan le feiceáil anois ar an íomhá.

05 de 07

Cruthaigh Avatar Avatar i Adobe Experience Design

Is é an t-ábaltóir maisc a chruthú agus iad a chur in eagar i dTeicneolaíocht Dearadh mar shaor-chosanta.

Tá Patrún Deartha comhchoiteann le fáil i gcluichí Comhrá nuair a bhíonn daoine ag caint lena chéile agus feictear pictiúr an chainteora ar an scáileán. Is gnách go mbíonn na híomhánna seo na híomhánna atá curtha i gceannas. Tá sé marbh simplí é seo a dhéanamh i XD. Seo mar atá:

  1. Tosaíonn tú le híomhá agus le ciorcal nó le cruth eile ar an gclár. Is féidir leat an ciorcal a líonadh le haon dath. Cad é nach gá duit a dhéanamh ná dath stróc a chur leis. Déanfaidh sé imithe nuair a chruthaíonn tú an éifeacht, agus mar sin cén fáth a bhfuil sé ag cur bac ort. Más gá duit an ciorcal a dhúnadh, cóipeáil é chuig an gearrthaisce.
  2. Bog an ciorcal ar aghaidh chuig an íomhá agus roghnaigh an íomhá agus an ciorcal araon. Le rudaí bot roghnaithe, roghnaigh Réada> Masc le Cruth . Nuair a scaoileann tú an luch, cruthaítear an Avatar. Ón áit sin is féidir leat é a athrú.
  3. Más gá duit stróc a chur leis, giorraigh an ciorcal ina suí ar do ghearrthaisce ar an gclár port. Nuair a roghnaíonn an cóip roghnaigh líonadh na n-Airíonna agus cuir dath agus leithead stróc leis. Chun iad a chomhlánú, roghnaigh an dá rud agus cliceáil na cnaipí Ailínithe Center sna roghanna Ailíniú ag barr an phainéil airíonna.
  4. Más mian leat an grianghraf a ghluaiseacht sa masc, cliceáil ar an masc dúbailte. Taispeánfaidh sé seo an íomhá agus an cruth masc. Cliceáil ar an íomhá agus tarraing é isteach sa phost. Nuair a scaoileann tú an luch, beidh an íomhá ina seasamh nua taobh istigh den masc.

06 de 07

Seinn Le Adobe Experience Design Artboards

treoshuíomh, Dathanna Saincheaptha agus Scrollaithe Ingearach in aice le gnéithe portchláir néata.

Níl na healaíona ealaíne Deartha Taithí ach ann chun ábhar a chur in áit. Is féidir iad féin a ionramháil freisin. Seo cúpla rudaí is féidir leat a dhéanamh:

  1. Más gá leat leaganacha Tírdhreach agus Portráid de chlár artaiceach, déan an clár artchomhad a dhúbailt agus, leis an dúblach roghnaithe, cliceáil ar an gcnaipe tírdhreacha sa phainéal Airíonna. Athróidh an Artboard chun treoshuíomh Tírdhreacha. Má tá ábhar ar Artboard air, cliceáil ar ainm Artboard agus beidh airíonna Artboard le feiceáil sa Painéal Airíonna.
  2. Chun dath saincheaptha a chur leis an Artboard, agus an tionscadal don ábhar sin, roghnaigh an Artboard agus cliceáil ar an sliseanna dath Fill sa rannóg Dealramh den Phainéal Airíonna. Cuir isteach an luach heicseamach don dath agus cliceáil ar an gcomhartha +. Cuirfear an dath le Dath an Chustaim. Chun an dath sin a chur i bhfeidhm in áit eile, roghnaigh rud agus cliceáil ar an sliseanna Dath Chustaim chun an dath a chur i bhfeidhm.
  3. Is féidir artboards a dhéanamh go hingearach scrollable. Chun seo a dhéanamh, roghnaigh an bord artaiceach agus athrú ar a airde ar na Painéil Airíonna nó trí dhruim a chur ag bun an chláir artair síos. I réimse Inláimhsithe an phainéil airíonna, roghnaigh ingearach ón roghchlár pop síos agus cuir isteach airde an dearcadh don scáileán. Taispeánann an líne gorm sin duit bun an dearcta. Chun é a thástáil, cliceáil ar an gcnaipe Play agus scrollaigh ar shiúl. Chun scrollú a mhúchadh, roghnaigh Dada sa Scrollaigh pop síos.

07 de 07

Cuir Kit UI Soghluaiste in Adobe Experience Design

Tá na Kits UI eagarthóireacht go hiomlán.

Tá Kit UI le Dearadh Taithí chun iOS, Android agus Windows UI a fhorbairt. Nuair a osclaíonn tú iad ar dtús, féadfaidh tú smaoineamh go bhfuil siad leagtha go maith i bhfeidhm. Níl go leor-gach ceann de na giotán agus na píosaí sna trealamh sin in eagar go hiomlán. Faigh amach trí fhráma sreang Android a thógáil.

  1. Tosaíonn tú trí uirlis Artboard a roghnú agus Android Mobile a roghnú san alt Google den Painéal Airíonna .
  2. Roghnaigh Comhad> Oscailte UI Kit> Ábhar Google . Osclaíonn sé seo Kit Uirlis Ábhar Dearadh. Roghnaigh an Gloine Mórdhíola agus an Mhárta Mórdhíola . Is maith liom tosú leis an gceann seo toisc go dtugann sé na treoracha dom maidir le socrúchán cuí ar an scáileán de na heilimintí comhéadan. Má chliceálann tú ar cheann de na barraí Gorm feicfidh tú go bhfuil sé faoi ghlas. Cliceáil ar an nglas atá ceangailte le gach ceann acu chun é a dhíghlasáil . Marquee an artboard agus cóipeáil an roghnú go dtí an gearrthaisce. Téigh ar ais chuig do dhoiciméad agus déan an scáileán a ghreamú isteach i do chlár.
  3. Cliceáil uair amháin ar an mbarr App go barr an chláir. Fógra conas is féidir leat é a roghnú. Roghnaigh Cuspóir> Socraigh> Tabhair chun Tosaigh. Tá do rogha anois os cionn na Treoracha Scáileáin. Ba chóir go gcuirfí in iúl duit go bhfuil gach ceann de na gnéithe ar an scáileán in ann a bheith in eagar.
  4. Cliceáil ar an Stádas Barra ag an mbarr dúbailte agus, sa Painéal Airíonna agus an dath Líon isteach go 455A64 . Cliceáil Double an App Bar agus socraigh a líonadh go 607D8B. Ba chóir go n-inseoidh sé seo gur féidir gach gné i gcláir IÉ a eagrú chun sonraíochtaí dath an tionscadail a chomhlíonadh.
  5. Cad mar gheall ar na deilbhíní? Seo conas a dath a athrú. Cliceáil an croí dúbailte chun é a roghnú. Má fhéachann tú ar an bPainéal Airíonna, féadfaidh tú glacadh leis nach féidir leat an rogha a eagrú. Ní leor. Cliceáil dhá uair níos mó sa chroí . Oscailte na Airíonna agus athraíonn tú an dath líonta go FF000. Déan an cleas dúbailte-dúbailte seo a dhéanamh arís le haghaidh na deilbhíní atá fágtha agus an téacs.