ʻO Adobe Experience Design Tips, Tips, and Techniques

01 o 07

ʻO Adobe Experience Design Tips, Tips, and Techniques

I ka wā i hoʻokomoʻo Adobe i kaʻike Experience ma keʻano he hoʻolaha Public , ua hoʻokumuʻia e ka huiʻelua mau mea kupanaha kupanaha i ka manawa like. ʻO ka mea mua, ua pani lākou i kahi ma ka mākeke polokalamu lako polokalamu. ʻO ka lua, ua hana lākou i kahi manawa no nā mea hoʻohana e pāʻani ai me kahi "hana-in-progress" a ua hoʻokuʻu i nā mea hoʻohana i ka holomua. I kēia manawa ua loaʻa kahi palapala noi no kekahi mau mahina, manaʻo au he manawa kūpono loa e kaʻana like i kekahi mau manaʻo hoʻopuka, nā'ōlelo aʻo, a me nāʻano hana.

Akāʻo ka mea mua, e noʻonoʻo pahaʻoe i ka manaʻo o ka Polokalamu Prototyping. Ma waena o nā mea pāʻani nui ma kēia wahi, he Prototoio, Principle, UXPin, Atomic.io , Design Design and InVision. 'Aʻohe like me nā noi e like me ka Sketch 3, Photoshop a me ka Illustrator kahi i hanaʻia ai nā hanana stic, ua hoʻokumu kēia mau hoʻoponopono hōʻailona i ka pilina, ka mīkini a me nā hiʻohiʻonaʻokoʻa i loko o ka pūnaewele loea pūnaewele a me ka pūnaewele.

Me ka piʻiʻana o ka pūnaewele a me ka mea hikiʻole ke nānā aku i ka Mea hoʻohana,ʻaʻohe lawa no ka mea hoʻolālā e hoʻopili i kekahi mau kiʻi, e huki i kekahi mau papa helu a laila e hoʻokuʻu i ka papahana a iʻole e kau aku i kahi pūnaewele pūnaewele. Ua hoʻololi hou ka holomua UI / UX. ʻO kēlā me kēia hanana o ke kaʻina hana, mai kaʻikeʻana i ka mea hoʻohana, nā kiʻi, nā pākuhi, nā mockups, a me nā ho'āʻoʻana i ke kaʻina o nā mea hoʻohana nui.

ʻO kēlā ka hopena hope loa - ka hoʻolālā - kahi eʻikeʻia ai nā poho a me ka hoʻoholoʻana ma mua o ka neʻeʻana o ka papahana i ka hana hope loa. ʻO kēia kahi e launa pū ai, ka neʻeʻana, nā heleʻana o ke kikala a me ka hoʻokomoʻana o nā mea a pau ma ka nānāʻana he koʻikoʻi. ʻAʻole hiki ke hōʻike waleʻia nā kumuhana a me nā pilikia e like me ke kiʻi kūikawā a weheweheʻia paha. Ma hope o nā mea a pau,ʻo kēia mau huahana no nā kānaka maoli. Ma mua o ka hoʻololiʻana i nā mea a pau e kākau ai, ua hoʻokō pinepineʻia ka papa hana hoʻolālā e nā polokalamu kiʻi kiʻi i hanaʻia no ia kumu. E maʻalahi ka hoʻololiʻana i kahi kuhi, e hoʻololi i kahi kiʻi, e kākau hou i kekahi kikokikona, e neʻe i kahi pihi a pēlā ma ka hoʻohanaʻana i ka hoʻopaneha nānā ma mua o ka kākau hou a me ka hoʻopauʻana i ke code.

ʻOiaʻiʻo, ua lilo kēia polokalamu i mea koʻikoʻi i kēia lā "Rapid Prototyping" Design and Development environment.

Me kēlā'ōlelo, eʻoluʻolu mākou i kaʻike Experience.

02 o 07

E hana i kahi koho'āina me kekahi kahe nani ma ka Adobe Experience Design

ʻO hoʻokahi o ka hiʻohiʻona o XD ka hoʻohanaʻana i nā mea hana kiʻi kiʻi. ʻAʻole hiki iāʻoe ke kiʻi i kahi kiʻi? ʻaʻole pilikia. E hoʻololi i kāu iho. Eia keʻano:

1. E koho i kaʻenehana Ellipse a, me ka koho / Alt-Shift kī kī, e kahaki i kahi pōʻai.
2. No ka waeʻana i kohoʻia, e hoʻonoho i ka hōʻailona piha i ka FF0000 a me ka palena i ka "ʻaʻohe" ma nā mea waiwai.
3. E kaomi pālua i ka poʻomaka e hōʻike i nā helu o kahi heleuma. E kau i ka heleku lalo i lalo.
4. E kaomi i ka'Akekaʻilia i kohoʻia a hoʻololiʻia nā pale i nā laina.
5. E kahaki i kahi liʻiliʻi liʻiliʻi me kahi keʻokeʻo keʻokeʻo a me ka waihoʻole. E hoʻolili i ka pani a koho i ka pin a me ka pōʻai. Ma ka Align panel ma luna o nā Kiʻi, e kaomi i ka pihi Pāʻani Palani a hoʻokumuʻia ka Pin.

03 o 07

E hana i kahi Blur Blind i loko o Adobe Design Experiment

He mea maʻamau ka loaʻaʻana o ka puke a iʻole nā ​​mea'ē aʻe ma kahi kiʻi. ʻO ka pilikia maʻaneʻi ke kiʻi,ʻoi aku ma mua o kaʻole, hiki i nā mea ma luna aʻe. ʻO kahi o ka hōʻoiaʻana i kēia hoʻopukaʻana,ʻo ia ka hoʻokuʻu i ke kiʻi hope. Hiki iāʻoe ke blur i ke kiʻi ma Photoshop a iʻole kekahi polokalamu hoʻoponopono kiʻi, akā,ʻaʻole iki kēia, no ka mea, hiki iā XD ke hoʻohana i kēia hana noʻoe. Eia keʻano:

1. E hana i kahi papa kiʻi hou a hoʻohui i kāu kiʻi kumu.
2. E koho i ka Uihana Kuhi Huli a kau i kahi'ākau ma luna o ke kiʻi. Me ka'Āpana koho i kohoʻia, e hoʻonoho i ka hoʻokumu i ka White a me ka Stroke a None.
3. Me ka'Āpana koho i kohoʻia, koho i ka Background Blur i ka papa inoa. ʻO nā mea paleʻekolu he Blur Amount, Brightness and Opacity. Eia kā lākou hana:

• Blur Ka nui: Hoʻoponopono i ka palaho o ke kiʻi ma lalo o keʻano. ʻO ka palena kiʻekiʻe he +50.
• Nānā: Hoʻololi i nā hiʻona a me nā aka i ke kiʻi. ʻO ke kumukūʻai palena he -50 aʻo ka palena kiʻekiʻe he +50.
• Opacity: Ke hoʻopili nei i ka mana o keʻano a me kaʻike o ke kiʻi ma lalo o keʻano. ʻO ke ana kumu kūʻai mai 0% a 100%.

Inā makemakeʻoe e "hoʻololi i nā mea i luna", e hoʻololi i ka lei o keʻano a me ke pāʻani me ka waiwai Opacity e hoʻololi i ka "nānā" o ke kiʻi.

04 o 07

E hana i kahi Scrim in Adobe Experience Design

ʻO ka pilikia kumu hana likeʻole nā ​​meaʻokoʻaʻike e like me kaʻeleʻele maʻamau, akā, ua nalowale ke kauʻia ma luna o kahi kiʻi hope a iʻole ke kaha. ʻO ka hopena, he pale. ʻO kahi māmā he mea liʻiliʻiʻoi iki ke kauʻia ma waena o ka māhele kiko a me ke kumu. He maʻalahi kēia i ka hana ma XD. Eia keʻano:

1. E hana i kāu papa kiʻi ma XD, e hoʻoulu i kahi kiʻi a kope a pasi i kekahi mauʻokoʻaʻikepili mai ka UI Kit kupono - Kōnae> Hoʻopuka UI Kit ... - i loko o ka artboard. Ma ka kiʻi i hōʻike aʻe nei, hiki i ka kiʻi ke hoʻonā i ka Pae hoʻonā a me ka Bar Bar.
2. E koho i ka Uihana Kuhi Huli a huki i kahi'āpana'āpana. Ma ka Pūnaewele Kūpono koho E hoʻopiha a koho i ka māmā mai ka pop ma lalo o ka Pane Ui. E hoʻonoho i nā leka māmā i ka Black a me ka White. E hoʻolālā i ka A -'Opacity - i 60% a me ka White A waiwai i 0%.
3. Me ka'Āpana koho i kohoʻia, koho i ka Haʻawina> Hoʻonohonoho> E hoʻouna i hope . Uaʻikeʻia nā mau kikowaena i nā kiʻi.

05 o 07

Hana i ka kiʻi Avatar ma Adobe Experience Design

Loaʻaʻia kekahi hiʻohiʻona Hoʻolālā maʻamau ma nā polokalamu kelepona kahi e kūkākūkā ai nā kānaka a me ke kiʻi o ka mea pane ma ka pakuhi. ʻO kēia mau avatars he mau kiʻi ia i masked. Ua make wikiwiki ia i kēia ma XD. Eia keʻano:

1. Hoʻomakaʻoe me ke kiʻi a me kahi pōʻai a iʻole kekahiʻano'ē aʻe ma ka artboard. Hiki iāʻoe ke hoʻopiha i ka pōʻai me kekahi kala. ʻO ka mea āu e ponoʻole ai,ʻo ia ke hoʻohuiʻana i kaʻaha kala. E lilo ana ia i ka wā e hana aiʻoe i ka hopena, no laila ke pilikia. Inā ponoʻoe e hoʻopaʻa i ka pōʻai, e kope iā ia i ka papalepa.
2. E neʻe i ka pōʻai a hiki i ke kiʻi a koho i ke kiʻi a me ka pōʻai. Me nā pahu i kohoʻia, koho i ka Object> Mask with Shape . Ke hoʻokuʻuʻoe i kaʻiole, hoʻokumuʻia ka Avatar. Mai laila mai e hiki ai iāʻoe ke lawe hou aku.
3. Inā makemakeʻoe e hoʻohui i kahi hahau, e kāpili i ke kaʻina e noho ana ma luna o kāu palepa ma luna o ka artboard. Me ke kope i kohoʻia e hoʻopau i ka hoʻopiha i nā mea a me ka hoʻohuiʻana i kahi kala a me ka whānui. No ka hoʻohuiʻana iā lākou, koho i nā mea aʻelua a kaomi i nā pihi'ākau Center ma nā Align koho ma ke poʻo o nā papa inoa.
4. Inā makemakeʻoe e hoʻoneʻe i ka kiʻi a puni ma kahi huna, e pāpālua i ka uhi. E hōʻike ana kēia i ke kiʻi a me keʻano mask. Kaomi ma ke kiʻi a kau iā ia i kahi. Ke hoʻokuʻuʻoe i kaʻiole, e hoʻonohoʻia ke kiʻi ma kona kūlana hou i loko o kahi huna.

06 o 07

E pāʻani me ka Adobe Experiment Design Artboards

ʻO kaʻikeʻikeʻike kumuʻikeʻaʻole i kahi ma laila no ka waihoʻana i kaʻike. Hiki iā lākou ke maʻalahi. Eia kekahi mau mea hiki iāʻoe ke hana:

1. Inā makemakeʻoe i nā palapala'Āina a me nā kiʻi kiʻi o ka artboard, e hana kope i ka artboard a, me ke kope i kohoʻia, e kaomi i ka pihi'āina ma ka papa Properties. E hoʻololiʻia ka Artboard i ka hoʻonohonoho'āina. Ināʻoluʻolu ka Artboard ma luna o ia mea, e kaomi i ka inoa Artboard a e hōʻikeʻia nā papa Artboard ma ka Papa Hana.
2. No ka hoʻohuiʻana i kahi lawaiʻa maʻamau i ka Artboard, a me ka papahana no ia mea, e koho i ka Artboard a kaomi i ka puʻupuʻu'opiha piha i ka mahele Apana o ka Papa Hana. E komo i ka helu hexadecimal no ke kala a kaomi i ka + sign. E hoʻopiliʻia ka laulā e like me ke Kānā Lāki. No ke hoʻohanaʻana i kēlāʻanoʻeleʻele i kahi'ē aʻe, e koho i kahi mea a kaomi i ke kāʻei Pilikino Pilikino e hoʻohana ai i ka laulā.
3. Hiki ke hoʻohālikeʻia nā papaʻoihana. No ka hanaʻana i kēia, koho i ka artboard a hoʻololi i kona kiʻekiʻe ma luna o nā Panalili Properties aiʻole ma ke kauʻana i lalo o ka artboard i lalo. Ma ka Scrollable wahi o nā papa inoa, koho i ka poʻomanaʻo mai ka papa pop a menu a komo i ka kiʻekiʻe kelepona no ka nānā. Hōʻike iāʻoe i ka laina polū polū i ka lalo o ka moku kūʻai. No ka ho'āʻoʻana, e kaomi i ka pāʻani Kelemu a e hele i kahi'ē. No ka'ōkuhiʻana i ke keleʻana, kohoʻole i loko o ka pope Paleho.

07 o 07

Hoʻoponopono i kahi UI Kit Mobile i loko o Adobe Design Experiment

ʻO kaʻike Experience ka UI Kit no ka hoʻokumuʻana i iOS, Android a me Windows UI. I ka wā e wehe mua aiʻoe iā lākou, hiki iāʻoe ke manaʻo ua hoʻokumu maikaʻiʻia lākou. ʻAʻole pono-ʻo kēlā me kēia'āpana a me nā'āpana i kēlā mau pahu i pololei loa. Eʻikeʻia ma ka hanaʻana i kahi kelepona mamao.

1. Hoʻomakaʻoe ma ke kohoʻana i ka mea hana Artboard a me ka kohoʻana iā Android Mobile ma ka mahele Google o ka Papa Hana .
2. E koho i ka pūnaewele> E wehe i ka UI Kit> Google Material . Hoʻopuka kēia i ka UI Kit Material Design. E koho i ka Magnifying Glass a me ka marker he Screen Guides artboard . Makemake wau e hoʻomaka me kēia no ka mea, hāʻawi iaʻu i nā alakaʻi no ka hoʻonohonoho ponoʻana o nā kumu kiko. Ināʻoe e kaomi ma kahi o nā pale Blue eʻikeʻoe ua lakaʻia. E kaomi i ka laka i pili iā lākou a pau e wehe . E kāleka i ka artboard ae kope i ka koho i ka papalepa. E hoʻi i kāu palapala a pasi i ka maka i kāu artboard.
3. Kaomi koke i ka pehi'Ōpona i luna o ka artboard. E hoʻomaopopo i ka hiki iāʻoe ke koho. E koho i ka mea> Hoʻonohonoho> E lawe i mua. ʻO kāu kohoʻana i kēia manawa ma luna o nā alakaʻi. Pono e wehewehe iāʻoe i kēlā me kēia o nā māmā i ka pakuhi hiki ke hoʻoponoponoʻia.
4. E pāpālua i ka Bar Mana i ka luna a, i ka Papa Hana Properties a me ka hōʻailona piha i 455A64 . E pālua i ka Bar Bar a hoʻonohoʻia i hoʻopiha i 607D8B. Pono e hōʻike iāʻoe i kēlā me kēia māhele i loko o kahi waihona UI e hiki ke hoʻoponoponoʻia e hālāwai i nā kikowaena o ka papahana.
5. Pehea e pili ana i nā kiʻi? Eia keʻano e hoʻololi ai i ko lākouʻili. E pālua i ka puʻuwai e koho ai. Inā nānāʻoe i ka Panel Properties, hiki iāʻoe ke manaʻoʻaʻole hiki iāʻoe ke hoʻololi i ka koho. ʻAʻole pololei. E pāpālua i ka puʻuwai i hoʻokahi manawa . Hoʻamaʻaʻia nā'āpana a hoʻololiʻoe i ke kala piha i FF0000. E hana hou i kēia hana pālua-pālua no nā kiʻi i koe a me ka kikokikona.