Tlhahiso ea Adobe Tlhahiso Tricks, Tips, and Techniques

01 ea 07

Tlhahiso ea Adobe Tlhahiso Tricks, Tips, and Techniques

Sebopeho sa Adobe Experience se u fa likarolo tse ngata tsa litšoantšo tse lumellang hore lintho tsa tlhaho tsa tlhaho li hlephiloe.

Ha Adobe e hlahisa Tlhahlobo ea Boiphihlelo e le Pono ea Sechaba , k'hamphani e phethile mekhoa e 'meli e makatsang ka nako e le' ngoe. Ntlha ea pele, ba ile ba phahamisa sebaka sebokeng sa tlhahiso ea marang-rang ea software. Ntlha ea bobeli, ba ile ba ba le monyetla oa hore basebelisi ba bapale le "mosebetsi-o tsoelang pele" 'me ba lumella basebedisi hore ba susumetse tsoelo-pele eo. Hona joale kaha kopo e fumanehile ka likhoeli tse 'maloa, ke nahane hore e tla ba nako e ntle ea ho arolelana maqheka, lintlha le mekhoa ea boiphihlelo.

Empa pele, u ka 'na ua ipotsa hore na ho boleloa'ng ka Prototyping Software. Har'a ba bapalami ba bohlokoa sebakeng sena ke Proto.io, Molao-motheo, UXPin, Atomic.io , Experience Design le InVision. Ho fapana le lits'ebetso tse kang Setšoantšo sa 3, Photoshop le Illustrator moo ho hlahisoang liqapi tse tsitsitseng, bahlophisi bana ba hlakileng ba kenyelletsa ho sebelisana, ho tsamaea le lintho tse ling tse tloaelehileng mobung oa kajeno oa mohala le websaete.

Ka ho phahama ha mohala oa mohala le ho se qojoe, ho lebisa tlhokomelo ea laser ho MoSebedisi, ha ho sa lekaneng hore moqapi a shapise litšoantšo tse 'maloa, a hulanye li-comps tse seng kae ebe o lokolla morero oo kapa o o kenya hoeva ea hau. Phallo ea mosebetsi oa UI / UX e fetohile lintho. Mohato o mong le o mong oa tshebetso, ho khetholla moqapi, litšoantšo, li-wireframes, mockups, le prototyping hona joale li na le teko ea teko e kholo.

Ke sethaleng seo sa ho qetela - mokhoa oa ho hlasela - moo lintlha tsa bohloko li fumanoang le ho ts'oaroa pele morero o tsoela pele ka tlhahiso ea ho qetela. Sena ke moo ho sebelisanang ho ikamahanya, ho tsamaea, ho fetoloa ha skrine le ho behoa ha ntho e 'ngoe le e' ngoe e shebileng skrineng. Mathata le mathata a ke ke a bontšoa feela e le setšoantšo se tsitsitseng kapa se hlalosoang ka mantsoe. Etsoe, lihlahisoa tsena ke tsa batho ba sebele. Ho e-na le ho tsamaisa lintho tsohle ho ngolisa, mokhoa oa prototyping o ntse o etsoa ka ho eketsehileng ke lipapali tsa li-graphics tse etselitsoeng morero oo feela. Ho bonolo ho lokisa phoso, ho nka setšoantšo, ho ngola mongolo o mong hape, ho tsamaisa konopo le joalo-joalo ho sebelisa mohlophisi oa pono ho feta ho ngola hape khoutu ea kamehla.

Ha e le hantle, software ena e fetohile karolo e ka sehloohong ho tikolohong ea "Design Rapid and Development" ea kajeno.

Ha seo se re, a re ke re ithabise ka Phihlelo ea Tlhahlobo.

02 ea 07

Etsa sebaka sa ho kena sepakapakeng se nang le selikalikoe se bonolo ho sebopeho sa phihlelo ea Adobe

Tsebo ea libopeho tsa Design li etsa letšoao le sebopeho sa sebopeho se entsoeng ke moea.

Karolo e 'ngoe e ntle ea XD ke tšebeliso ea lithulusi tsa litšoantšo tsa vector. Ha u fumane setšoantšo? Ha ho bothata. Itokisetsa oa hau. Tsela ena ke ena:

  1. Khetha The Tool Ellipse 'me, ka khetho ea Option / Alt-Shift e hatelitsoeng, hula selikalikoe.
  2. Le selikalikoe se khethiloe, beha Mmala o tlatsang ho FF0000 le Border ho "none" ka thepa.
  3. Penya habeli selikalikoe ho bontša lintlha tsa ho reka. Hula ankora ea tlase ho ea tlase.
  4. Penya kabili ea Anchor Point 'me lithapo li nkeloa sebaka ke mela.
  5. Etsa selikalikoe se seng se senyenyane se tletseng 'mala o mosoeu' E tlohella sebakeng 'me u khethe pinana le selikalikoe. Ka lehlakore la ho lumellana ka holimo ho Matlo, tobetsa konopo ea Horizontal Center le Pin e bōptjoa.

03 ea 07

Etsa sebopeho sa sebopeho sebopeho sa Adobe Experience

Etsa botsoako bo ka morao ho XD u se ke ua sebelisa letho ho feta sebōpeho le setšoantšo /.

Ho tloaelehile hore u be le melaetsa kapa litšoantšo tse ling ka setšoantšo sa mokokotlo. Bothata mona ke setšoantšo, hangata ho feta moo, se fetela dikahare tse ka hodimo. Tsela e 'ngoe ea ho rarolla taba ena ke ho senya setšoantšo sa morao. U ka senya setšoantšo ho Photoshop kapa sesebelisoa se seng sa tlhahiso ea setšoantšo, empa sena se batla se sa sebetse, haholo-holo kaha XD e ka sebetsana le mosebetsi ona hona joale. Tsela ena ke ena:

  1. Etsa setšoantšo se setjha sa kopo mme u kenye setšoantšo sa hau sa morao.
  2. Khetha Setšoantšo sa Rectangle Letoto le hula lekarete holim'a setšoantšo. Ka lethathamo le khethiloeng, beha Tlatsa ho White le Stroke ho No.
  3. Ka Lethathamo le khethiloeng, khetha Khethollo ea Nahanngoe marapeng a marang-rang. Basebelisi ba bararo ke Nako ea Blur, Brightness le Opacity. Mona ke seo ba se etsang:

Haeba u hlile u batla ho "fetola lintho", fetola 'mala oa sebōpeho mme u bapale ka bohlokoa ba ho iketsetsa ho fetola "ponahalo" ea setšoantšo.

04 ea 07

Etsa Scrim ka Design Adobe Experience

Sebelisa li-gradients ho hlahisa phapang ha litšoantšo le 'mala li kena tseleng ea libopeho tsa sebopeho.

Bothata bo tloaelehileng bo entsoeng ke sebopeho sa likaroloana tsa likaroloana e tlameha ho ba 'mala o tloaelehileng empa, li lahlehe ha li behoa setšoantšo sa mokokotlo kapa' mala o tiileng Tharollo ke mongoli. Motho ea ngotseng ke moelelo o itseng o behiloeng pakeng tsa sebopeho sa sebopeho le semelo. Sena se bonolo ho se finyella ka XD. Tsela ena ke ena:

  1. Etsa setšoantšo sa hau sa XD, eketsa setšoantšo mme u kopanye sebopeho sa li-interface tse tsoang ho UI e nepahetseng - Feshene> Tlosa K'homphieutha ea UI ... - ho ea bonono. Papisong e boletsoeng ka holimo setšoantšo se etsa hore ho be thata ho bona Bar ea Sebaka le App Bar.
  2. Khetha Setšoantšo sa Rectangle 'me u ntše letlapa. Khamong ea Properties khetha Tlatsa 'me u khethe Gradient ho tloha ho pota ho ea ka Mobala oa Khetho. Beha mebala e mebala ho Black and White. Beha Ntho ea bohlokoa - Ho iketsetsa holimo ho 60% le White A bohlokoa ho 0%.
  3. Ka Rectangle e khethiloeng, khetha Ntho> Etsahale> E romella ka morao . Lisebelisoa tsa li-interface li se li bonahala hona joale ka setšoantšo.

05 ea 07

Etsa Avatar Avatar ho Design Adobe Design

Bokhoni ba ho theha maske le ho ba fetola ka Phello ea Boiphihlelo ke nako e kholo ea ho pholosa.

Mohlala o tloaelehileng oa Moqapi o fumanoa mananeong a Khatiso moo batho ba buisanang teng le setšoantšo sa sebui se hlaha skrineng. Li-avatars tsena hangata li litšoantšo tse phunyeletsoeng. Ke lefu le bonolo le finyella sena ka XD. Tsela ena ke ena:

  1. U qala ka setšoantšo le selikalikoe kapa sebōpeho se seng ka lebokose la lipapali. O ka tlatsa selikalikoe ka 'mala leha e le ofe. Seo u sa hlokeng ho se etsa ke ho eketsa 'mala oa stroke. E tla nyamela ha u theha phello, kahoo ke hobane'ng ha u khathatseha. Haeba o hloka ho pata selikalikoe, kopitsa eona ho lebokose la lipapali.
  2. Tlosa lesakana ho ea setšoantšong 'me u khethe bobeli setšoantšo le selikalikoe. Ka lintho tsa bot tse khethiloeng, khetha Ntho> Mask le Shape . Ha u lokolla mouse, Avatar e bōptjoa. Ho tloha moo u ka li fetola.
  3. Haeba o hloka ho eketsa stroke, kopanya selikalikoe se lutseng lebokoseng la hao la lipapali ho artboard. Ka kopi e khethiloeng khaotsa ho tlatsa Matlotlo 'me u kenye' mala oa stroke le bophara. E le hore u li tsamaise, khetha lintho tse peli ebe u tobetsa konopo tsa Maemo a Kopaneng likhethong tsa ho lumellana ka holim'a marang-rang a marang-rang.
  4. Haeba u batla ho tlosa setšoantšo se potolohileng mask, penya habeli mask. Sena se tla bontša setšoantšo le sebopeho sa mask. Tobetsa setšoantšong 'me u se hule ka boemong. Ha u lokolla mouse, setšoantšo se tla ba sebakeng sa sona se secha ka har'a mask.

06 ea 07

Bapala le Adobe Experience Design Artboards

maqheka, mebala e tloaelehileng le ho robala ka mahlakoreng ho na le lintho tse ntle tse ntle tsa li-artboard.

The Experience Design Designboards ha e na moo feela hore u behe litaba. Le tsona, li ka sebelisoa. Lintho tse seng kae tseo u ka li etsang:

  1. Haeba o hloka liphetolelo tsa Landscape le Portrait tsa artboard, pheta lebokose la litšoantšo, 'me, ka phetolelo e khethiloeng, tobetsa konopo ea sebaka sa marang-rang. The Artboard e tla fetoha ho ea maemong a Landscape. Haeba Artboard e khotsofetse ho eona, tobetsa lebitso la Artboard le thepa ea Artboard e tla hlaha ho Panel ea Matlo.
  2. Ho eketsa mmala o tloaelehileng ho Artboard, le morero oa taba eo, khetha Artboard mme o tobetsa Mobala oa ho tlatsa oa ho tlatsa karolo ea Ponahalo ea Phatlalatso ea Matlotlo. Kenya bohlokoa ba hexadecimal bakeng sa 'mala' me u tobetse letšoao. 'Mala o tla ekeletsoa e le Mokhoa oa Tlhaho. E le hore u sebelise 'mala oo kae kapa kae, khetha ntho ebe u tobetsa "Custom Color" chip ho sebelisa mebala.
  3. Li-artboards li ka etsoa ka lehlakoreng le leng. E le ho etsa sena, khetha lebokose le ho fetola bophahamo ba eona ka Li-Properties Panels kapa ka ho hula ka tlaase ho artboard ho ea holimo. Sebakeng sa Scrollable ea thepa ea marang-rang, khetha ho totobetse ho tloha hoa theoha menu ebe o kenya bophahamo ba ho sheba ho shebella skrine. E hlophisitsoeng molaleng oa seputsoa e u bontša tlase ho ponts'oa. E le ho e hlahloba, tobetsa konopo ea Play ebe u phalla hōle. Ho tima meqolo, khetha No ho Scrolling pop down.

07 ea 07

Hlahisa Kit ea Mobile UI ho Adobe Experience Design

Li-Kits tsa UI li fetoha ka botlalo.

Tlhahlobo ea phihlelo e na le Kit ea UI bakeng sa ho ntlafatsa iOS, Android le Windows UI. Ha u qala ho li bula, u ka 'na ua nahana hore li setse hantle. Ha e le hantle-e 'ngoe le e' ngoe ea likotoana le likotoana likotleng tseo li fetoha ka botlalo. A re ke re fumane ka ho haha ​​fensetere ea Android.

  1. O qala ka ho khetha sesebelisoa sa Artboard le ho khetha Android Mobile karolong ea Google ea Matlotlo a Matlotlo .
  2. Khetha File> Open UI Kit> Litaba tsa Google . Sena se bula Sesebelisoa sa Boitsebiso ba Boitsebiso ba Boitsebiso. Khetha Galase e Khanyang le marquee t He Heading Guides to artboard . Ke rata ho qala ka ena hobane e mpha tataiso bakeng sa ho beha sebopeho se nepahetseng sa li-interface sebopeho. Haeba u tobetsa ho e 'ngoe ea li-bars tse peli u tla e bona e koetsoe. Tobetsa e mong le e mong oa bona ho e bula . Marquee lebenkete la bokhabiso mme u kopanye khetho ho lebokose la liphuputso. Khutlela tokomaneng ea hau 'me u kenye skrine ka lebokose la hau.
  3. Tobetsa hang-hang ho App bar hore top of the artboard. Hlokomela hore na u ka e khetha joang. Khetha Ntho> Lokisetsa> Tlisa Pele. Khetho ea hau hona joale e ka holimo ho Litaelo tsa Kemiso. Sena se lokela ho u bolella se seng le se seng sa lisebelisoa skrineng se khone ho hlophisoa.
  4. Tobetsa ka holimo Sethala sa Boemo ba boemo bo phahameng ka holimo, le ka Setaleng sa Panel s le 'Mala o tlatsang ho 455A64 . Penya kabili ea App Bar ebe u e tlatsa ho 607D8B. Sena se lokela ho u bolella ntho e 'ngoe le e' ngoe ka katleho ea UI e ka fetotsoa ho finyella litlhaloso tsa 'mala oa morero.
  5. Ho thoe'ng ka litšoantšo? Mokhoa oa ho fetola 'mala oa bona ke ona. Tobetsa pelo ka bobeli ho e khetha. Haeba u sheba Setjhaba sa Lijo, u ka nahana hore u ke ke ua hlophisa khetho. Hase haholo. Tšoaea pelo hape ka nako e 'ngoe hape . Matlotlo a buleha mme o fetola 'mala o tletseng FF0000. Pheta ketso ena ka makhetlo a mabeli-a mabeli bakeng sa litšoantšo tse setseng le mongolo.