Me pehea te Waihanga i tetahi Konga Hoahoa Hangarau i roto i te Adobe Design Experience CC

Ko te Whakaritenga Hoahoa o Google mai i te kaupapa tuatahi o te mahinga o te Android ko te huarahi ki te whakaatu i te hanganga o te hoahoa i runga i te kaupapa.

01 o te 06

Me pehea te Waihanga i tetahi Konga Hoahoa Hangarau i roto i te Adobe Design Experience CC

Mai i te Tom Green

I te wa e timata ana nga kaihoahoa ki te whakakoi i roto i taua mea, ka mohio ki nga whakaaro i muri iho, ko te Hoahoa Hoahoa he waahanga pai rawa atu i roto i te waahanga tukutuku me te hoahoa mohoa . Ko nga mea katoa e hiahia ana koe ki te kite i nga mea kei te whiwhi koe, ko te mahi i tetahi Rapu Hoahoa ma Pinterest, ka kite koe i nga rau tauira me nga whakaaturanga i runga i nga taputapu, papa, me nga paetukutuku.

Ko te ahua whakamiharo o te Hoahoa Hoahoa ko te whakaaro a Google mo nga huarahi e puta ai nga taupānga me te mahi i runga i nga taputapu waea engari kei te whakamahia nga ariā ki tetahi mata o tetahi rahi i runga i tetahi mahinga. I ta Google e korero ana i te whakatuwheratanga o te waahanga o te waahanga, "I whakapaehia e matou ki te hanga i tetahi reo ataata mo o matou kaiwhakamahi e honohono ana i nga maamaa matawhito o te hoahoa pai me te rereke me te waatea o te hangarau me te hangarau. Koinei te hoahoa taonga. Ko tenei waahanga he tuhinga ora ka whakahoutia i te mea kei te haere tonu tonu tatou ki te whakawhanake i nga waahanga me nga waaata o te hoahoa taonga. "

Ko nga korero e korero ana, i roto i nga tikanga tino nui, he pepa, he tohu nui o te Mea Hoahoa ko te kaari. Whakaarohia he kaatai ​​taurangi kei runga i te mata, kei runga koe i te ara tika. Ko te kaari he huānga kei roto i nga whakaahua, i nga ataata, i nga hononga kuputuhi me te pera, engari he rereke i te nuinga o nga mahinga hoahoatanga me te arotahi ki tetahi kaupapa kotahi. Kua karapotia nga kata o te kaari, kei roto i nga atarangi pouri e whakaatu ana kei runga ake i te mata me te mea kei runga katoa ratou i runga i te paparangi e kiia ana he "kohinga".

I roto i tenei "Pehea Hei" ka hangaia e matou he kaari i runga i nga korero. Engari ki te hanga i te kāri me te maha o nga whakaahua me nga taputapu tuhi, ka haere mai i konei mai i te huarahi rereke. Ka whakamahia e matou nga taputapu i roto i te Adobe Experience Design kei roto nei i te Macintosh-anake te arotakenga a te iwi, me te kore utu. Ka taea e koe te tiki i konei.

Kia tīmata.

02 o te 06

Te hanga i te Papanga Whakatairanga i roto i te Adobe Experience Design CC

Whakamahia te taputapu papahoa me te tauira papahoa hei timata. Mai i te Tom Green

Kaore he ara whakaatu mo te hanga i tetahi mata Android mai i te Mata Whakaatu i te Whakaako Ataata CC (XD). Ko te aha i whakamahia e matou i te whakatuwhera i te XD, ko te whiriwhiri i te waahanga iPhone 6, a, ka whakatuwhera te atanga, ka tohua e matou te taputapu Artboard i raro o te Paeutauta me te whiriwhiri Android Mobile mai i nga waahanga i runga i te papaautoha Āhuatanga ki te taha matau. Na ka puta ke atu ki te taputapu whiriwhiri, kati kotahi i te ingoa o te paparangi o te iPhone me te muku i te papahoa. Kore atu.

I roto i te putanga o XD, kei reira he pere iti kei te taha o te iPhone 6, ka panui, ka tuwhera i te tahua taka-iho. Mai i reira ka tīpakohia e koe te putanga Android Mobile me te waahanga Android Mobile kua tīpakohia i roto i te atanga.

Hei whakarite kia tuwhera te mata tika mo te kaari, ka piki matou ki te Tuhi 3 me te kape me te whakapiri i te Pae Tūnga, te Nav Nav, me te Pae Api mai i te Tauira Hoahoa Hoahoa ki te papahoa. Kei roto i te tuhi 3.2 he tauira Papanga Hoahoa ( Kōnae> Hōu Mai i te Taeira> Hangaira Hoahoa ) me tetahi atu tino pai rawa mai i Kyle Ledbetter e taea ai e koe te tiki mai i konei. Mena kaore koe i tuhi, ka taea e koe te kape me te whakapiri i nga kaitautoko XD i kitea i roto i te File> Whakataki UI Kit> Google Material . Ka taea hoki e koe te tiki mai i a Google mo te whakamahi i Photoshop, Whakaahua, i muri i nga Huringa me te Tuhi.

Tuhinga o mua

Te Whakauru i tetahi Kaaatuhi Hoahoa Puka ki tetahi Papanga Ataahua o Adobe XD

Ko nga taonga UI he tino whai hua i roto i te mea e whai ana ratou ki te Whakaritea Hoahoa Whakaahuatanga.Whakaahua o Tom Green

Ko tetahi o nga tino whai hua o XD ko te whakauru o nga UI Kits mo Apple iOS, Google Material, me Microsoft Windows. I roto i te maha o nga wa, ka whakaurua e ratou te kupu "Rapid" ki te kupu "Rapid Prototyping", me te mea kawari ake te mahi o te kaihoahoa i aua kaupapa UI noa, kaore ano kia noho tonu i roto i te Hoahoa Hoahoa penei i Photoshop, Whakaahua, Tuhia.

Ko te wae UI i hiahiatia e maatau he kati. Kia tae atu ki reira kua tohua e matou te Kōnae> Whakatūwhera UI Kit> Google Material , ka whakatuwheratia te kete hei tuhinga hou. Ko te kaupapa i hiahiatia e matou i kitea i roto i te kaari Cards.

He aha ta tatou e aroha ana ki enei, kei te piri ratou ki nga Whakamaheretanga Hoahoa Rauemi i whakatakotoria i roto i nga Taerenga Poraka Ihirangi me nga tuhinga kuputuhi me nga waahanga mokowhiti i whakatakotoria i roto i nga tauira Typography.

Ko te ahua kāri i hiahiatia e matou ko te tetahi i te taha maui. Ka tohu noa tatou i ta tatou kiore ka taataihia ki te papatuhi. Engari, kaore i roto i te XD he atanga raupapa mo nga tuhinga tuwhera. Ko ta matou e mahi nei ka nekehia te matapihi tuwhera tuwhera ki te iti hei whakaatu i te mahi e mahi ana matou, ma te whiriwhiri me te whakapiri. Ko tetahi atu ara o te huringa tere i waenganui i nga tuhinga tuwhera XD ko te tukatuka i te whakahau- ' .

Tuhinga o mua

Me pehea te Whakatika i tetahi Mea Hanga Hangarau i te Adobe Experience Design CC

Ko nga kaupapa UI katoa kua honoa ki te kaupapa XD ka whakarōpūtia. Me tino wawehia te ahanoa i mua i te whakatika. Mai i te Tom Green

A, no te puta mai te kaata i te XD mai i te papanga papatohu, kaore e pai te mahi ki te mahi. Ko te mea tuatahi e hiahiatia ana e koe ko te Ungroup te kaari no te mea me uru koe ki te pene me nga waahi ka tuhi i te kaari. Hei mahi i tenei, tīpakohia te kāri me te tīpako i te Ahanoa> Whakawetohia ranei, pēhi ranei i te Shift-Command-G.

Kua tohua to kata e toru nga waahanga:

Ko te taahiraa tuatahi ko te muku i te pouaka hina marama. Ko tana kaupapa anake ko te mahi hei kaipupuri mo te ahua e hanga ana, ki te whiriwhiria e koe, he mea whiriwhiri.

Ko te pouaka me te kuputuhi he tino pouri me te 50% opacity. Ka taea te whakamahi i tenei pouaka hei tuhinga korero, ka taea e koe te huri i te tae me te opacity o te pouaka.

Ahakoa kaore i te puta tonu mai, ko te pouaka pango marama e whai ana i nga ahuatanga Hoahoa Hoahoa, kei te karapotihia ana nga pito o runga e 2 pika. Kia mau ki tenei i roto i te hinengaro mehemea kei te whakarahi koe i te ahua. Ka hiahiatia ano hoki nga kokonga e taea te whakauru ki te tono atahanga, ki te XD rānei.

Ka kite i te ahuatanga o tenei ahuatanga o te kaari ka hiahiatia ano he atarangi. Ko nga korero e whakaatu ana he nui te noho o te kaari o te 2 pika. Hei whakapiri i tenei, tīpakohia te ahua pango pango me te tautuhi i nga uara Y me B (Blur) ki te 2 i roto i te röpü umanga.

Tuhinga o mua

Me pehea te Whakauru i tetahi Whakaahua ki te Papanga Hoahoa Rauemi i roto i te CC XD CC

Ko tetahi o nga mahi me nga kii ko te whakamahi i te kaiwhiwhi ki te huna i te ahua kawemai. Mai i te Tom Green

Ko te mohio kei te 344 nga pika te whanui me te ahua o te whakapakoko he 150 pika teitei (te hawhe te teitei o te pouaka hina marama ) I whakatuwheratia e matou te ahua i Photoshop, tahuna ki te rahi me te tiaki i te whakamahi i te @ 2x i roto i te whakaahua a Export As Photoshop. pouaka. I kawemai te whakapakoko ki Adobe XD.

Na ka toia e matou te pouaka whakaata marama i runga i te ahua i runga i te papamahi ka tohua te Ahanoa> Te Makaki me te Hanga . Ko te hua ko te ahua e kohikohi ana i nga kokonga o te hanga. Na ka nekehia e matou te ahua ki tona tūranga whakamutunga.

I te ahua o te ahua, i hurihia e matou te tae papamuri o te pouaka pouaka Porohita, hurihia te kuputuhi me te tae o te kuputuhi hono.

06 o 06

Mā te whakamahi i te Whakaahua Mātiti o te Adobe XD CC

Whakamahia te mahinga Mātiti o Adobe Experience Design CC mo te tuhi o nga mea timatanga. Mai i te Tom Green

Ma te kaari e whakaoti i tenei wa ka hiahiatia kia whakanohoia tika kia rite ki te tauira Hoahoa Rauemi. Ko te tikanga o tenei he 8 nga pika i tera taha o te kaari me te kaari kia 8 pika i raro i te pae taupānga. Ki te mahi i tenei, pawhiri kotahi i te ingoa toi, a, i roto i te Paewhiri Āhuatanga, tīpakohia te Mātiti. Ka puta te maatua i runga i te papahoa.

Ko te rahi o te mahinga taunoa e 8 nga pirangi e tupu ana kia rite ki te rahi o te raupapa mahinga mo te Material Design.If he hiahia koe ki te rahi rerekē, huri i te uara i te rohe Grid. Mena e hiahia ana koe ki te huri i te tae o te mahinga, kiria te karaihe tae me te whiriwhiri i te tae mai i te Kaiwhiwhi Tae Kaiaka.

Ma te mahere e kitea, panui i te kaari me te neke ki tona turanga whakamutunga.

Ki te whakaoti, ka tohua e matou te kaari, ka patipato i te pātene Whakaari Mahinga, ka huri i te mokowhiti i waenga i nga kaari ki te 8 pika.