Adobe Experience Design Tricks, Tips, ati Awọn imọran

01 ti 07

Adobe Experience Design Tricks, Tips, ati Awọn imọran

Nigba ti Adobe ṣe Ẹri Iriri gẹgẹbi Awotẹlẹ Apapọ , ile-iṣẹ naa ṣe awọn meji ti o ṣe iyanu ni akoko kanna. Ni akọkọ, wọn ti yọ aaye kan ninu ọja-iṣowo software ti n ṣafihan. Keji, nwọn ṣẹda anfani fun awọn olumulo lati ṣiṣẹ pẹlu "iṣẹ-in-progress" ati ki o jẹ ki awọn olumulo ni ipa ti ilọsiwaju. Nisisiyi pe elo naa wa fun osu diẹ, Mo ro pe yoo jẹ akoko ti o dara lati pin diẹ ninu awọn ẹtan, imọran, ati awọn imọran.

Ṣugbọn akọkọ, o le ni iyalẹnu ohun ti Prototyping Software ṣe túmọ. Lara awọn oludari pataki ni aaye yii ni Proto.io, Ilana, UXPin, Atomic.io , Iriri Oniru ati InVision. Kii awọn ohun elo bi Sketch 3, Photoshop ati Oluyaworan ibi ti awọn aṣa ayọkẹlẹ ti ṣe, awọn oniṣeto aworan yii ṣe agbekale ibasepo, išipopada ati awọn ẹya miiran ti o wọpọ ni alagbeka foonu ati aaye aaye ayelujara oni.

Pẹlu ilọsiwaju ti alagbeka ati eyiti ko le ṣe, iṣiro laser-like lori Olumulo, o ko to fun onise lati ṣe apọn awọn aworan diẹ, fa awọn kan jọpọ diẹ lẹhinna tu silẹ iṣẹ naa tabi gbe si o si olupin ayelujara kan. Iṣiṣisẹ UI / UX ti ṣe iyipada ayipada. Gbogbo igbesẹ ti ilana naa, lati ṣe idanimọ olumulo, awọn aworan aworan, awọn okun waya, awọn ẹtan, ati imudaniloju ti wa ni bayi si idanwo awọn olumulo lopo.

O jẹ ipele ti o kẹhin - imudaniloju - ibiti awọn ojuami irora ti wa ni awari ati ti o wa ṣaaju ki ise agbese na n lọ sinu ṣiṣejade ikẹhin. Eyi ni ibi ti interactivity, išipopada, awọn iyipada oju iboju ati ipolowo ohun gbogbo ti o wa loju iboju jẹ pataki. Awọn iṣoro ati awọn iṣoro ko le ṣe afihan nikan bi aworan ti o yala tabi salaye ni iṣeduro. Lẹhinna, awọn ọja wọnyi jẹ fun awọn eniyan gidi. Dipo ki o gbe gbogbo nkan naa lọ si koodu, ilana igbesẹ naa ti n sii sii ni ilọsiwaju nipasẹ awọn eto aworan ti a ṣe apẹrẹ fun idi naa. O rọrun lati ṣatunṣe aṣiṣe kan, rọpo aworan kan, ṣe atunkọ diẹ ninu awọn ọrọ, gbe bọtini kan ati bẹbẹ lọ nipa lilo oluṣakoso oju wiwo ju atunkọ ati ṣatunṣe koodu nigbagbogbo.

Ni otitọ, software yi di ohun pataki ninu ipo "Imudaniloju Itọjade" Ipo ati Idagbasoke.

Pẹlu pe o sọ, jẹ ki a ni diẹ ninu ere pẹlu Irọrun Onimọ.

02 ti 07

Ṣẹda PIN ti o wa pẹlu Circle Simple ni Adobe Design Experience

Ẹya kan ti XD jẹ lilo rẹ fun awọn ohun elo ikọja aworan. Ko le ri aami kan? Kosi wahala. Ṣe iyipo ara rẹ. Eyi ni bi:

1. Yan Ellipse Ọpa ati, pẹlu aṣayan / Alt-bọtini awọn bọtini ti a tẹ, fa a Circle.
2. Pẹlu ipin ti a ti yan, ṣeto awọ ti a fi kun si FF0000 ati Aala si "kò si" ninu awọn ini.
3. Tẹ ami naa lẹẹmeji lati fi awọn ojuami oran han. Fa awọn oran isalẹ si isalẹ.
4. Tẹ ami Anchor ti a yan ati lẹmeji rọpo pẹlu awọn ila.
5. Fa atẹgun kekere miiran pẹlu funfun ti o kun ati ko si stoke. Gbe e si ipo ki o yan pin ati asomọ. Ninu Align panel ni oke ti Awọn Properties tẹ bọtini ile-iṣẹ Horizontal ati Pin ti ṣẹda.

03 ti 07

Ṣẹda Blur ni imọran ni Adobe Design Experience

O jẹ wọpọ lati ni ọrọ tabi akoonu miiran lori aworan atẹlẹsẹ. Iṣoro naa ni aworan naa, diẹ sii ju igba lọ, o bori akoonu ti o loke rẹ. Ọnà kan ti o yanju ọrọ yii ni lati fọju aworan lẹhin. O le blur aworan ni Photoshop tabi software atunṣe aworan miiran, ṣugbọn eyi jẹ diẹ ti ko ṣe alaiṣe, paapaa niwon XD le mu iṣẹ yii ṣiṣẹ fun ọ bayi. Eyi ni bi:

1. Ṣẹda aworan tuntun ati ki o fi aworan rẹ kun.
2. Yan Ẹrọ Ṣiṣetẹti ni atokun onigun mẹta lori aworan naa. Pẹlu Atunṣe ti a ti yan, seto Ipilẹ si White ati Arun si Kò.
3. Pẹlu Aṣayan ti a ti yan, yan Bọtini Itọsi ninu awọn ile-iṣẹ-ini. Awọn sliders mẹta jẹ Blur Iye, Imọlẹ ati Opacity. Eyi ni ohun ti wọn ṣe:

• Blur Iye: Ṣatunṣe blurriness ti aworan labẹ awọn apẹrẹ. Iye ti o pọ julọ jẹ +50.
• Imọlẹ: Ṣatunṣe awọn ifojusi ati awọn ojiji ni aworan. Iye to kere julọ ni -50 ati Iye Iye julọ jẹ +50.
• Opacity: N ni ipa lori akoyawo ti apẹrẹ ati iwo aworan ti o wa labẹ apẹrẹ. Awọn iyeye wa lati 0% si 100%.

Ti o ba fẹ lati "yipada ohun soke", yi awọ ti apẹrẹ naa ki o mu ṣiṣẹ pẹlu Opacity iye lati yi "wo" ti aworan naa pada.

04 ti 07

Ṣẹda Scrim ni Adobe Design Experience

Aṣiṣe aṣiṣe wọpọ jẹ awọn eroja eroja ti wiwo ni lati jẹ awọ ti o wọpọ ṣugbọn, ti sọnu nigbati a gbe lori aworan ti o wa ni ipilẹ tabi awọ ti o ni agbara. Ojutu jẹ apẹrẹ. Ibẹrẹ jẹ iṣiro ti o dara julọ ti a gbe laarin awọn wiwo ati lẹhin. Eyi jẹ rọrun lati ṣe ni XD. Eyi ni bi:

1. Ṣẹda apẹrẹ artboard rẹ ni XD, fi aworan kan kun ati ki o daakọ ati lẹẹ mọọmọ awọn ẹya eroja lati UI Apo - Oluṣakoso> Šii UI Apo ... - sinu apẹrẹ. Ni aworan ti o wa loke aworan naa mu aaye Ipo ati Bar Pẹpẹ soro lati ri.
2. Yan Ẹrọ Ṣiṣetẹki ki o fa jade ni onigun mẹta kan. Ni awọn Iwaju Properties yan Fọwọsi ki o si yan Ti o mu lati inu pop ni isalẹ ninu Picker Color. Ṣeto awọn awọ awọn ọmọde si Black ati White. Ṣeto iye A - Opacity- to 60% ati Apọ A A si 0%.
3. Pẹlu Aṣayan ti a ti yan, yan Ohun> Ṣeto> Firanṣẹ sẹhin . Awọn ohun elo atẹle jẹ bayi han lori aworan naa.

05 ti 07

Ṣẹda aworan Avatar ni Adobe Experience Design

Aami Pataki wọpọ ni a rii ni Awọn Ifiranṣẹ Awọn ibaraẹnisọrọ nibiti awọn eniyan n sọrọ si ara wọn ati pe aworan agbọrọsọ naa han loju iboju. Awọn avatars wọnyi jẹ awọn aworan ti a ti masked. O jẹ apani ti o rọrun ti o ṣe eyi ni XD. Eyi ni bi:

1. O bẹrẹ pẹlu aworan kan ati asomọ kan tabi apẹrẹ miiran lori artboard. O le kun Circle pẹlu eyikeyi awọ. Ohun ti o ko nilo lati ṣe ni lati fi awọ awọ-ara kan kun. O yoo parẹ nigbati o ba ṣẹda ipa, nitorina idi ti o fi ṣoro. Ti o ba nilo lati tọju ẹri naa, daakọ si apẹrẹ alabọde naa.
2. Gbe Circle naa lọ si aworan naa ki o yan aworan mejeeji ati asomọ. Pẹlu awọn nkan kekere ti a ti yan, yan Ohun> Boju-boju pẹlu apẹrẹ . Nigbati o ba tu asin naa silẹ, a ti da Avatar naa. Lati ibẹ o le ṣe atunṣe rẹ.
3. Ti o ba nilo lati fi ipara-ara kan kun, lẹẹka ẹri naa joko lori iwe alabọde rẹ lori apẹrẹ artboard. Pẹlu daakọ ti a yan yan pa fọwọsi ni awọn Awọn Abuda ki o fi awọ ati iwọn-awọ papọ. Lati fi wọn silẹ, yan awọn ohun elo mejeeji ki o tẹ awọn bọtini Apapọ ile-iṣẹ ni Awọn Align aṣayan ni oke awọn ohun-ini aladani.
4. Ti o ba fẹ gbe aworan ni ayika ni iboju-ideri, tẹ lẹmeji naa. Eyi yoo han aworan naa ati apẹrẹ iboju. Tẹ lori aworan ki o fa si ipo. Nigbati o ba tu asin naa silẹ, aworan yoo wa ni ipo titun rẹ ninu iboju-boju.

06 ti 07

Ṣiṣẹ Pẹlu Awọn imọran Art Experience Adobe

Awọn aworan itẹwe imọran Iriri ko wa nibẹ fun ọ lati gbe akoonu. Wọn, ju, ni a le fọwọ si. Eyi ni awọn nọmba meji ti o le ṣe:

1. Ti o ba nilo Awọn ẹya Ala-ilẹ ati Iwọn aworan ti artboard, ṣe apẹrẹ awọn artboard ati, pẹlu apẹrẹ ti a ti yan, tẹ bọtini bọtini ni Bọtini Awọn Abuda. Artboard yoo yipada si Iṣalaye Ala-ilẹ. Ti Artboard ba ni akoonu lori rẹ, tẹ orukọ Artboard ati awọn Artboard-ini yoo han ni Ilẹ Awọn Abuda.
2. Lati fikun awọ aṣa si Artboard, ati iṣẹ agbese na fun nkan naa, yan Artboard ki o si tẹ Ikọ-awọ Fill kikun ni apakan Apakan ti Awọn Imọ Awọn Abuda. Tẹ iye hexadecimal fun awọ naa ki o tẹ ami + naa. Awọn awọ yoo wa ni afikun bi Awọ Aṣa. Lati lo awọ naa ni ibomiiran, yan ohun kan ki o tẹ Kii Awọ Aṣa aṣa lati lo awọ naa.
3. Awọn aworan ni a le ṣe ni irọrun ti iṣaju. Lati ṣe eyi, yan apẹrẹ artboard ki o yi igbesi-aye rẹ pada boya lori Awọn paneli Abuda tabi nipa fifa isalẹ ti artboard si isalẹ. Ni aaye Scrollable ti awọn ile-iṣẹ nronu, yan itọnisọna lati inu akojọ aṣayan pop ati tẹ itẹ-wiwo wiwo fun iboju. Iwọn ila-ọrun ti o ni ẹrẹlẹ fihan ọ ni isalẹ ti wiwo ọja. Lati ṣe idanwo fun ọ, tẹ bọtini Play ati yi lọ kuro. Lati pa lilọ kiri lọ, yan Kò si ninu pop pop pop.

07 ti 07

Ṣatunkọ Apo Ipele Mobile kan ni Ẹri Iriri Adobe

Onimọ iriri ni UI Kit fun idagbasoke iOS, Android ati Windows UI. Nigbati o ba kọkọ ṣii wọn, o le ro pe wọn ti wa ni daradara ṣeto ni ibi. Ko ṣe deede-kọọkan ninu awọn idinku ati awọn ege ninu awọn ohun elo naa jẹ eyiti o dara julọ. Jẹ ki a rii nipa ṣiṣe itanna waya waya Android.

1. O bẹrẹ nipa yiyan ọpa Artboard ati yiyan Android Mobile ni apakan Google ti Awọn Imọ Awọn Abuda .
2. Yan Oluṣakoso> Šii Apo UI> Ohun elo Google . Eyi ṣi Ẹrọ UI apẹrẹ ti Awọn ohun elo. Yan Glass Magnifying ati ki o jẹ akọle oju-iwe Awọn itọnisọna iboju . Mo fẹ lati bẹrẹ pẹlu eyi nitori pe o fun mi ni awọn itọnisọna fun ipolowo oju iboju lori awọn eroja ti wiwo. Ti o ba tẹ lori ọkan ninu awọn ọpa Blue o yoo ri pe o ti pa. Tẹ awọn titiipa ti a so si kọọkan ninu wọn lati šii o . Yan awọn artboard ki o da daakọ si igbasilẹ. Pada si iwe-ipamọ rẹ ki o si ṣii iboju naa sinu apẹrẹ rẹ.
3. Tẹ lẹẹkan lori igi Pẹpẹ ti oke ti artboard. Akiyesi bi o ṣe le yan o. Yan Nkan> Ṣeto Awọn> Mu lọ si Iwaju. Aṣayan rẹ jẹ bayi loke awọn Itọsọna oju iboju. Eyi yẹ ki o sọ fun ọ ni gbogbo awọn eroja ti o wa loju iboju ni a le satunkọ.
4. Tẹ lẹẹmeji Pẹpẹ Ipo ni oke ati, ninu Awọn Iṣagbe Awọn Abuda ati Ṣatunkun awọ si 455A64 . Tẹ lẹẹmeji Pẹpẹ App ki o si ṣeto rẹ ni kikun si 607D8B. Eyi yẹ ki o sọ fun ọ ni gbogbo awọn ẹka ninu ohun elo UI ti a le satunkọ lati pade awọn alaye ti o jẹ dandan.
5. Kini nipa awọn aami? Eyi ni bi o ṣe le yi awọ wọn pada. Tė ėmeji okan lati yan o. Ti o ba wo Awọn Iṣagbe Awọn Abuda, o le ro pe o ko le ṣatunkọ aṣayan. Ko oyimbo. Tẹ lẹẹkan lẹẹmeji lori okan naa . Awọn Awọn ini ṣii ati pe o yi awọ ti a fi kun si FF0000. Ṣe atunṣe ẹda-lẹẹmeji-lẹẹmeji fun awọn aami iyokù ati ọrọ naa.