Uzoefu wa Adobe Tricks, Tips, na Mbinu

01 ya 07

Uzoefu wa Adobe Tricks, Tips, na Mbinu

Wakati Adobe ilianzisha Uzoefu wa Uzoefu kama Uhakiki wa Umma , kampuni hiyo ilitimiza vitendo viwili vya kushangaza kwa wakati mmoja. Kwanza, walitangaza nafasi katika soko linalojitokeza la programu ya prototyping. Pili, walitengeneza fursa kwa watumiaji kucheza na "kazi-in-progress" na ni kuruhusu watumiaji kuwashawishi kwamba maendeleo. Sasa kwamba programu imekuwa inapatikana kwa miezi michache, nilidhani itakuwa ni wakati mzuri wa kushiriki baadhi ya mbinu za Uzoefu wa Uzoefu, vidokezo, na mbinu.

Lakini kwanza, huenda ukajiuliza nini maana ya Programu ya Programu. Miongoni mwa wachezaji wakuu katika nafasi hii ni Proto.io, Kanuni, UXPin, Atomic.io , Uzoefu wa Design na InVision. Tofauti na programu kama Mchoro 3, Photoshop na Illustrator ambapo miundo ya static huzalishwa, wahariri hawa wa kielelezo huanzisha ushirikiano, mwendo na vitu vingine vya kawaida kwenye nafasi ya leo ya simu na ya mtandao.

Kwa kuongezeka kwa simu na kuepukika, kutazama laser-kama kwa mtumiaji, haitoshi tena kwa mtengenezaji kumpiga mchoro machache, kuvuta pamoja comps chache na kisha kuachia mradi au kuiweka kwenye seva ya wavuti. Uendeshaji wa UI / UX umebadilishana mambo. Kila hatua ya mchakato, kutoka kwa kutambua mtumiaji, michoro, mifereji ya waya, mwongozo, na utaratibu sasa ni chini ya kupima kwa mtumiaji wa kina.

Hiyo ni hatua ya mwisho - mfano - ambapo pointi za maumivu hugundulika na zimewekwa kabla ya mradi uende katika uzalishaji wa mwisho. Hii ni wapi interactivity, mwendo, mabadiliko ya screen na kuwekwa kwa kila kitu kwenye screen ni muhimu sana. Masuala na matatizo hayawezi tu kuonyeshwa kama picha ya tuli au kuelezea maneno. Baada ya yote, bidhaa hizi ni kwa wanadamu halisi. Badala ya kuhamisha yote hayo kwa kificho, mchakato wa prototyping unazidi kuwa unaofanywa na programu ya graphics iliyoundwa tu kwa ajili hiyo. Ni rahisi kurekebisha makosa, kuchukua nafasi ya picha, kurekebisha tena maandiko, hoja kifungo na kadhalika kutumia mhariri wa kuona kuliko kuandika upya mara kwa mara na kufuta kificho.

Kwa kweli, programu hii imekuwa kipengele muhimu katika mazingira ya kisasa ya "Kubuni Prototyping" ya Maendeleo na Maendeleo.

Kwa kuwa alisema, hebu tufurahi na Uzoefu wa Uzoefu.

02 ya 07

Unda Pendekezo la Kuingia kwa Mzunguko Rahisi katika Ubora wa Uzoefu wa Adobe

Kipengele kimoja cha XD ni matumizi yake ya zana za kuchora vector. Haiwezi kupata icon? Hakuna shida. Roll yako mwenyewe. Hapa ndivyo:

1. Chagua Chombo cha Ellipse na, pamoja na funguo za Chaguo / Alt-Shift, tuta mzunguko.
2. Kwa mzunguko ulichaguliwa, weka Rangi ya kujaza FF0000 na Mpaka hadi "hapana" katika mali.
3. Bofya mara mbili mduara ili kuonyesha pointi za nanga. Drag anchor ya chini chini.
4. Bonyeza mara mbili Nambari ya Anchor iliyochaguliwa na mikondo imebadilishwa na mistari.
5. Chora mduara mwingine mdogo na kujaza nyeupe na hakuna stoke. Nenda kwenye nafasi na uchague pin na mduara. Katika jopo la Align juu ya Mali bonyeza kifungo Horizontal Center na Pin ni kuundwa.

03 ya 07

Unda Kichuko cha Nyuma katika Ubora wa Uzoefu wa Adobe

Ni kawaida kuwa na maandishi au maudhui mengine juu ya picha ya historia. Tatizo hapa ni picha, mara nyingi zaidi kuliko, inazidi maudhui yaliyomo hapo juu. Njia moja ya kutatua suala hili ni kufuta picha ya historia. Unaweza kufuta picha katika Pichahop au programu nyingine ya kuhariri picha, lakini hii ni kiasi kidogo, hasa tangu XD sasa inaweza kushughulikia kazi hii kwako. Hapa ndivyo:

1. Unda sanaa mpya na kuongeza picha yako ya asili.
2. Chagua Chombo cha Rectangle na nd kuchora mstatili juu ya picha. Kwa Mstatili uliochaguliwa, weka Jaza kwenye Nyeupe na Stroke kwa Hakuna.
3. Kwa Mstatili uliochaguliwa, chagua Uficha wa Kichwa kwenye jopo la mali. Sliders tatu ni Kiasi cha Blur, Mwangaza na Uwazi. Hapa ndio wanayofanya:

• Kiasi cha kupuuza : Hifadhi ya usawa wa picha chini ya sura. Thamani ya juu ni +50.
• Ukali: Hukuza mambo muhimu na vivuli katika picha. Thamani ya chini ni -50 na thamani ya juu ni +50.
• Uwazi : Huathiri uwazi wa sura na uonekano wa picha chini ya sura. Maadili yanatofautiana kutoka 0% hadi 100%.

Ikiwa unataka "kubadilisha vitu", ubadilisha rangi ya sura na uacheze na Thamani ya Ufafanuzi ya kubadilisha "kuangalia" ya picha hiyo.

04 ya 07

Unda Scrim katika Design Adobe Experience

Tatizo la kawaida la kubuni ni mambo muhimu ya mambo yanayotakiwa kuwa rangi ya kawaida lakini, yanapotea wakati imewekwa juu ya picha ya asili au rangi imara. Suluhisho ni mwandishi. Scrim ni gradient fulani ya opaque kuwekwa kati ya kipengele interface na background. Hii ni rahisi kufikia katika XD. Hapa ndivyo:

1. Unda sanaa yako katika XD, ongeza picha na nakala na ushirike vipengele vya interface kutoka kwenye Kitambulisho cha UI cha Ufafanuzi - Faili> Fungua Kit Kitambulisho ... - kwenye sanaa. Katika picha hapo juu picha inafanya bar ya Hali na Bar ya Maombi vigumu kuona.
2. Chagua Chombo cha Rectangle na uondoe mstatili. Katika Jopo la Hifadhi chagua Chaza na chagua Gradient kutoka pop chini katika Picker Color. Weka rangi ya gradient kwa Nyeusi na Nyeupe. Weka thamani ya A-Opacity- hadi 60% na thamani ya White A hadi 0%.
3. Kwa Mstatili ulichaguliwa, chagua Kitu> Chagua> Tuma Nyuma . Mambo ya interface yanaonekana sasa juu ya picha.

05 ya 07

Unda Avatar Image katika Design Adobe Design

Sifa ya Kubuni ya kawaida inapatikana katika programu za Mazungumzo ambapo watu wanazungumza na picha ya msemaji inaonekana kwenye skrini. Avatars hizi mara nyingi ni picha ambazo zimefunikwa. Ni rahisi kufa kukamilisha hili katika XD. Hapa ndivyo:

1. Unaanza na picha na mviringo au sura nyingine kwenye ubao wa sanaa. Unaweza kujaza mduara na rangi yoyote. Nini huhitaji kufanya ni kuongeza rangi ya kiharusi. Itapotea wakati unapotengeneza athari, kwa nini unafadhaika. Ikiwa unahitaji kuzipiga mduara, nakala kwenye clipboard.
2. Hoja mduara kwenye picha na uchague picha na duru. Na vitu vya bot vilichaguliwa, chagua Kitu> Mask na Shape . Unapofungua panya, Avatar imeundwa. Kutoka huko unaweza kuibadilisha.
3. Ikiwa unahitaji kuongeza kiharusi, weka mzunguko ulioketi kwenye ubao wa clipboard kwenye skrini ya sanaa. Kwa nakala iliyochaguliwa kuzima kujaza Mali na kuongeza rangi ya kiharusi na upana. Ili kuziweka, chagua vitu vyote na bofya vifungo vya Ushauri wa Center katika Chaguo za Align juu ya jopo la mali.
4. Ikiwa unataka kusonga picha karibu na mask, bonyeza mara mbili mask. Hii itaonyesha picha na sura ya mask. Bofya kwenye sura na uireke kwenye nafasi. Unapofungua panya, picha itakuwa katika nafasi yake mpya ndani ya mask.

06 ya 07

Jaribu na Sanabodi za Sanaa za Adobe Experience

Sanaa ya Sanaa ya Design Design sio tu kwa wewe kuweka maudhui. Nao, pia, yanaweza kutumiwa. Hapa kuna mambo kadhaa ambayo unaweza kufanya:

1. Ikiwa unahitaji matoleo ya Mazingira na Portrait ya ubao wa sanaa, dupisha sanaa ya sanaa na, pamoja na duplicate iliyochaguliwa, bofya kifungo cha mazingira katika jopo la Mali. Sanaa itabadilika kwenye Mwelekeo wa Mazingira. Ikiwa Sanaa ina maudhui yake, bofya jina la Sanaa na mali ya Sanaa itaonekana kwenye Jopo la Mali.
2. Ili kuongeza rangi ya desturi kwa Sanaa, na mradi wa jambo hilo, chagua Sanaa na bofya Kipengee cha rangi ya kujaza kwenye Sehemu ya Kuonekana ya Jopo la Mali. Ingiza thamani ya hexadecimal kwa rangi na bofya ishara +. Rangi litaongezwa kama rangi ya desturi. Ili kuomba rangi hiyo mahali pengine, chagua kitu na bofya Chip ya Alama ya Desturi ili kuomba rangi.
3. Sanabo za mbao zinaweza kufanywa kwa usawa. Ili kufanya hivyo, chagua sanaa na ubadilishe urefu wake ama kwenye Paneli za Mali au kwa kuburudisha chini ya sanaa chini. Katika eneo la upepo wa jopo la mali, chagua wima kutoka kwenye orodha ya chini na uingie urefu wa mtazamo wa skrini. Licha ya mstari wa bluu inaonyesha chini ya mtazamo. Ili kuipima, bofya kifungo cha kucheza na uondokeze. Ili kuzima kupiga kura, chagua Hakuna katika Kuvinjari pop chini.

07 ya 07

Badilisha Kitengo cha UI cha Simu ya Mkono katika Ubora wa Uzoefu wa Adobe

Design Uzoefu ina kit UI kwa ajili ya kuendeleza iOS, Android na Windows UI. Unapowafungua kwanza, unaweza kufikiria kuwa wamewekwa vizuri. Sio kabisa-kila moja ya vipande na vipande katika kits hizo ni sawa kabisa. Hebu tufute kujua kwa kujenga firaka ya waya ya Android.

1. Unaanza kwa kuchagua chombo cha Sanaa na kuchagua Android Mkono katika sehemu ya Google ya Jopo la Mali .
2. Chagua Picha> Fungua Uki Kit> Nyenzo za Google . Hii inafungua Kit Design Material UI Kit. Chagua Kioo cha Kuvutia na Chagua Screen Guides artboard . Napenda kuanza na hii hii kwa sababu inanipa viongozi wa uwekaji sahihi kwenye skrini ya mambo ya interface. Ikiwa unabonyeza kwenye moja ya baa za Bluu utaona iko imefungwa. Bonyeza lock iliyowekwa na kila mmoja wao ili kuifungua . Piga picha ya sanaa na nakala ya uteuzi kwenye clipboard. Rudi hati yako na usonge skrini kwenye ubao wako wa sanaa.
3. Bofya mara moja kwenye bar ya App ambayo ni juu ya sanaa. Angalia jinsi unaweza kuichagua. Chagua Kitu> Panga> Uleta mbele. Uchaguzi wako sasa ni juu ya Viongozi vya Screen. Hii inapaswa kukuambia kila kipengele kwenye skrini kinaweza kuhaririwa.
4. Bonyeza mara mbili Bar ya Hali hapo juu na, katika Jopo la Mali na sura ya Futa hadi 455A64 . Bonyeza mara mbili Programu ya Bar na uimarishe kwa 607D8B. Hii inapaswa kukuambia kila kipengele kwenye kitengo cha UI kinaweza kuhariri ili kukidhi vipimo vya rangi ya mradi.
5. Vipi kuhusu icons? Hapa ni jinsi ya kubadilisha rangi zao. Fanya mara mbili moyo ili uipate. Ikiwa unatazama Jopo la Mali, unaweza kudhani huwezi kuhariri uteuzi. Sio kabisa. Fanya mara mbili moyo tena . Mali zinafungua na kubadilisha rangi ya kujaza kwa FF0000. Kurudia hila mbili-mbili-bonyeza kwa icons zilizobaki na maandiko.