Adobe Experience Design Tricks, Tips, and Techniques

01 o le 07

Adobe Experience Design Tricks, Tips, and Techniques

Adobe Experience Design e ofoina atu ia te oe se tele o ata ata e tuu ai le gaogao le tatalaina.

Ina ua faʻasilasilaina le Experience Design e avea ma Faʻamatalaga a le Atunuʻu , na faʻatautaia e le kamupani ni feʻau taua se lua i le taimi e tasi. Muamua, latou te tuʻua se avanoa i le faʻalauiloaina o maketi masini komepiuta. Lona lua, na latou faia se avanoa mo tagata e faʻaogaina ai se "galuega-in-progress" ma tuʻuina atu i tagata e faʻaosofia le alualu i luma. I le taimi nei ua avanoa le talosaga mo ni nai masina, sa ou manatu o le a avea ma se taimi lelei e faʻasoa ai nisi o togafiti poto, fautuaga, ma metotia.

Ae muamua, atonu e te mafaufau pe o le a le uiga o le Prototyping Software. Faatasi ai ma le au taaalo autu i lenei avanoa o Proto.io, Mataupu Faavae, UXPin, Atomic.io , Experience Design and InVision. E le pei o talosaga e pei o le Ata 3, Photoshop ma le Tagata faʻataʻitaʻiga o loʻo faʻatulagaina ai fuainumera, o nei faʻataʻitaʻi faʻataʻitaʻi e faʻaalia le fefaʻatauaʻiga, lafoiga ma isi mea e masani ai i le telefoni feaveaʻi o le telefoni feaveai.

Faatasi ai ma le tulai mai o telefoni feaveai ma le le maalofia, laser-like focusing on the User, ua le toe lava mo se mamanu e sasaina ni nai ata tusi, toso faatasi ni nai tuufaatasiga ona toe faasao lea o le poloketi pe lafo i luga o se upega tafailagi. O le fugamalama UI / UX ua matua suia ai mea. Soo se laasaga o le faagasologa, mai le faailoagofieina o le tagata faaaoga, ata tusi, telefoni feaveaʻi, taufaaleaga, ma le faʻataʻitaʻiga ua avea nei ma suʻesuega i le tele o suʻega suʻega.

O le vaega mulimuli lea - faʻataʻitaʻiga - pe a maua ai le pito o le tiga ma faʻatulagaina aʻo lei alu le galuega faatino i le gaosiga mulimuli. O le mea lea o le fegalegaleaiga, gaioiga, suiga o lauulu ma le tuʻuina atu o mea uma i luga o le mata e matua taua tele. O faʻafitauli ma faafitauli e le mafai ona faʻaalia o se ata faʻagata pe faʻamatala manino. A uma, o nei oloa e mo tagata moni. Nai lo le suia o lena mea uma e faʻamaonia ai, o loʻo faʻagasolo ona faʻatupulaʻia le faiga o faʻataʻitaʻiga e ata mamanu ua mamanuina mo lena faʻamoemoe. E sili atu ona faigofie le toe faaleleia o se mea sese, sui se ata, toe tusia nisi o tusitusiga, aveese se faamau ma faʻaaogaina se faʻamatalaga vaaia nai lo le toe tusia ma le faʻapipiʻiina o numera.

O le mea moni, o lenei masini faʻapitoa ua avea ma vaega autū i le taimi nei o le "Rapid Prototyping" Design and Development environment.

Faatasi ai ma lena tala, seʻi o tatou fiafia ma le Experience Design.

02 o le 07

Fausia se Pine Faʻatasi ma se Lulu Faʻamatala i le Adobe Experience Design

Aafiaga Faʻamatalaga o le au vevela a le faʻailoga e fai ai se atigipusa ma le atinaʻe elemene elemene se savili

O le tasi itu taua o le XD o lona faʻaogaina lea o meafaigaluega e fai ai ata. E le mafai ona maua se atigipusa? Leai se faafitauli. Faʻasolo oe lava. O le auala lenei:

  1. Filifili le Ellipse Tool ma, faatasi ai ma le Filifiliga / Alt-Shift keys oomi, tusi se lio.
  2. Faatasi ai ma le liʻo na filifilia, ia seti le lanu Fill i le FF0000 ma le Faʻamasinoga ia "leai" i totonu o meatotino.
  3. Faalua-lua le liʻo e faaali ai le taula. Faʻamau i lalo le taula i lalo.
  4. Faalua-lua le Anchor Point ua filifilia ma suia pupuni i laina.
  5. Tusi se isi liʻo laʻitiiti ma se paʻepaʻe paʻepaʻe ma leai se ogaumu. Ave i le tulaga ma filifili le pine ma le liʻo. I le laina Align i le pito i luga o mea totino kiliki le Mautu Center Tutotonu ma faia le Pin.

03 o le 07

Fausia se Blur Faʻamatalaga i le Adobe Experience Design

Faʻatupulaia se ata i le XD e aunoa ma se mea e sili atu nai lo se foliga ma se ata /.

E taatele le i ai o tusitusiga poʻo isi mea e aofia ai ile ata. O le faʻafitauli iinei o le ata, sili atu nai lo le leai, e sili atu i le mea o loʻo i luga aʻe. O se tasi o auala e foia ai lenei lomiga o le faanatinati lea o le ata. E mafai ona e faʻafefeteina le ata i Photoshop poʻo isi faʻatautaia o ata, ae o lenei mea e le lelei, aemaise lava talu ai ona mafai e XD ona tagofia lenei galuega mo oe. O le auala lenei:

  1. Fausia se artboard fou ma faʻaopopo i lou ata.
  2. Filifili le Mea Faʻatonu a le Faʻatonu se ata tusi i luga o le ata. Faʻatasi ai ma le Tapenetete na filifilia, seti le Faʻamama i le White ma le Stroke ia Leai.
  3. Faʻatasi ai ma le Tapenetete na filifilia, filifili Background Blur i le lisi o meatotino. O le toʻatolu o tagata o le Blur Amount, Brightness and Opacity. O le mea lenei latou te faia:

Afai e te manaʻo moni e "fesuiaʻi mea," suia le lanu o foliga ma taʻalo ma le tau o le Opacity e suia ai le "foliga" o le ata.

04 o le 07

Fausia se Scrim i le Adobe Experience Design

Faʻaaogā kulupu e faʻasaga ai le faʻatusatusaga pe a oʻo mai ata ma lanu i le ala o elemene faʻaoga.

O se faʻafitauli masani o mamanu o elemene elemene elemene e tatau ona avea ma se lanu masani, ae o le a leiloloa pe a tuʻu i luga o se ata poʻo se lanu malulu. O le vaifofo o se mea mata. O se mea faʻapipii o se gradient o loʻo fai siʻosiʻomaga e tuʻuina i le va o le atinaʻe elemene ma le talaʻaga. E faigofie lenei mea i le XD. O le auala lenei:

  1. Fausia lau ata tusi i le XD, faʻaopoopo se ata ma kopi ma faapipii se elemene elemene mai le Pusa UI talafeagai - Failautusi> Faʻamatalaga UI Kit ... - i le artboard. I le ata o loʻo i luga, o le ata e mafai ai ona faigata le vaʻaia o le Faʻasalalau Tulaga ma le Apoa o le Apoa.
  2. Filifili le Mea Faʻasaʻo ma tusi se faʻailoga. I totonu o le Faʻatulagaina o Faʻamasinoga Filifili Faʻamumu ma filifili Faʻamalie mai le pop i lalo i le Picker Color. Seti le lanu faauu i le Black ma le White. Seti le A - Opacity - i le 60% ma le White A aoga i 0%.
  3. Faatasi ai ma le Tapenetete ua filifilia, filifili Sisiga> Fausia> Faʻasolo i tua . O elemene elemene ua vaaia i luga o le ata.

05 o le 07

Fausia se Ata Avatar i Adobe Experience Design

O le gafatia e faia ni masini ma faʻasaʻo i latou i le Experience Design o se taimi sili ona laveaʻi.

O se mamanu masani e maua i totonu o Talosaga e faʻaoga ai mea e talanoa ai tagata ma le ata o le failauga o loʻo aliali i luga o le lau. O nei avatars e masani lava o ata na masked. E faigofie lava ona ausia lenei mea i le XD. O le auala lenei:

  1. E amata i se ata ma se liʻo poʻo isi foliga i le artboard. E mafai ona e faʻatumu le liʻo i soo se lanu. O le mea e le manaʻomia ona e faia o le faaopoopo atu lea o se lanu paga. O le a mou atu pe ae fatuina le aafiaga, o le a le mea e te popole ai. Afai e te manaʻomia e teu le liʻo, kopi i luga o le laupapa.
  2. Alu le lio i luga o le ata ma filifili uma le ata ma le liʻo. Faatasi ai ma mea faitino ua filifilia, filifili le Masini> Masini ma le Vae . A e faʻamalolo le kiore, o le Avatar e faia. Mai iina e mafai ona e toe faʻaaogaina.
  3. Afai e te manaʻo e faʻaopopo se paʻu, faapipii le liʻo o nofo i luga o lau laupapa laupapa ile artboard. Faatasi ai ma le kopi na filifilia e tape ai le faatumuina o meatotino ma faaopoopo i ai le lanu ma le lautele. Ina ia laina i luga, filifili mea faitino uma ma kiliki i le Nofoaga Tutotonu Center i le Align options i le pito i luga o le lisi o meatotino.
  4. Afai e te manaʻo e faʻanofo le ata i totonu o le ufimata, faalua le kesi. O lenei mea o le a faʻaalia ai le ata ma le foliga ufimata. Kiliki i luga le ata ma toso i luga i le tulaga. A e faʻamalolo le kiore, o le ata o le a i lona tulaga fou i totonu o le maso.

06 o le 07

Taaalo Faatasi ma Adobe Experience Design Artboards

faʻasalalauga, Faʻasalalau Faʻasalalau ma Vertical Scrolling o ni foliga matagofie.

O le Faʻavasegaina o Ata Faʻailoga e le naʻo iina mo oe e tuʻuina mea e maua. O i latou foʻi, e mafai ona faʻamalosi. O nisi nei o mea e mafai ona e faia:

  1. Afai e te manaʻomia Ata Faʻafanua ma Fuataga o se artboard, kopi le artboard ma, faatasi ai ma le kopi na filifilia, kiliki le ki o le laufanua i totonu o le laupapa Faʻamau. O le Artboard o le a suia i le faʻafanua Siosiomaga. Afai o le Artboard o loʻo i ai i luga, kiliki le igoa Artboard ma o le a faʻaalia Ata Artboard i le Faʻamau Faʻamau.
  2. Ina ia faaopoopo se lanu faaleaganuu i le Artboard, ma le poloketi mo lena mataupu, filifili le Artboard ma kiliki le faaputuga lanu lanu i totonu o le Vaiaso vaega o le Faletusi o Mea. Ulufale i le hexadecimal value mo le lanu ma kiliki le + sign. O le lanu o le a faʻaopopoina o se Lanu Faʻamau. Ina ia faʻaaoga lena lanu i se isi mea, filifili se mea faitino ma kiliki le puʻu Lanu Faʻasologa e faʻaaoga le lanu.
  3. O ata tusi e mafai ona faia i luga i luga. Ina ia faia lenei mea, filifili le artboard ma suia lona maualuga pe i luga o Pusa Faʻatasi poʻo le tosoina o le pito i lalo o le artboard i lalo. I le Scrollable vaega o mea totino, filifili laina mai luga o le lisi o pop up menu ma ulufale i luga o le matafaga maualuga mo le lau. O lena lanumoana lanumoana o loʻo faʻaalia ai oe i le pito i lalo o le vaʻalele. Ina ia tofotofo i ai, kiliki le ki o le Lelei ma taʻalo ese. Ina ia tape le taʻavale, filifili Leai i le Scrolling pop i lalo.

07 o le 07

Faʻatu se UI Kit UI i le Adobe Experience Design

O UI Kits e saʻo lelei.

Faʻafiafiaga Faʻapitoa e aofia ai se UI Kit mo le atiaʻeina o iOS, Android ma Windows UI. A e tatalaina muamua, atonu e te manatu ua sili ona lelei i latou. E le o se mea-o vaega taitasi ma fasi pepa i totonu o na kusa e mafai ona faʻamaonia. Sei o tatou sailia e ala i le fausiaina o se telefoni uila.

  1. E te amata i le filifilia o le Artboard meafaigaluega ma filifilia le Android Mobile i le vaega Google o le Faʻamau Faʻamau.
  2. Filifili le Faʻasalalauga> Faʻamatala le UI Kit> Google Mea . O lenei mea e tatala ai le mea o loʻo i ai le Design Design UI Kit. Filifili le Magnifying Glass ma le faailoga o le Screen Guides artboard . Ou te fiafia e amata i lenei mea aua ua aumaia ai ia te aʻu taiala mo le faatulagaina tatau o elemene eletise. Afai e te kiliki i se tasi o laupepa Blue o le ae vaai ua loka. Kiliki le loka ua pipii atu ia i latou taitoatasi e tatala ai . Faʻailoga le artboard ma kopi le filifiliga i le kilipa laupapa. Toe foi i lau pepa ma faapipii le lau i lau artboard.
  3. Kiliki tasi i luga o le laupapa Apoa o le pito i luga o le artboard. Matau pe mafai faapefea ona e filifilia. Filifili Sini> Faʻatulaga> Aumai i luma. O lau filifiliga ua sili atu i luga aʻe o le Guides Guides. E tatau ona taʻu atu ia te oe elemene taʻitasi i luga o le mata e mafai ona faʻataʻitaʻia.
  4. Faalua faalua le Pusa Faʻatonu i le pito i luga ma, i totonu o le Faʻamasinoga Panel s ma le Faʻamalie le lanu i le 455A64 . Faalua ona kiliki i le Api o le Api ma faʻatumu i le 607D8B. E tatau ona taʻuina atu ia oe elemene taʻitasi i se pusa UI e mafai ona faʻataʻitaʻia e faʻafetaui ai lanu lanu o le galuega.
  5. Ae faʻapefea faʻatusa? O le auala lenei e suia ai o la lanu. Faalua i luga o le fatu e filifili ai. Afai e te tilotilo i le Faʻamau Faʻamau, e mafai ona e manatu e le mafai ona e faʻasaʻo le filifiliga. E leai. Faalua faʻalua le fatu i le fatu . Ua tatalaina meatotino ma ua e suia le lanu ua tumu i le FF0000. Toe faia lenei mea faalua-faalua-kiliki se mea mo ata o totoe ma le tusitusiga.