Zojambula, Malangizo, ndi Njira Zopangira Adobe Experience

01 a 07

Zojambula, Malangizo, ndi Njira Zopangira Adobe Experience

Adobe Experience Design ikukupatsani zinthu zosiyanasiyana zojambula zomwe zimachititsa kuti vutolo likhale lotayirira.

Pamene Adobe adalongosola Zochitika Zomwe Zili Pulogalamu Yowonekera , kampaniyo inachita zozizwitsa ziwiri zozizwitsa panthawi yomweyo. Choyamba, iwo adatulukira malo mu msika wogulitsa mawonekedwe a pulogalamu. Chachiwiri, iwo amapanga mwayi kwa osewera kusewera ndi "ntchito-mu-kupita" ndipo akulola ogwiritsa ntchito kuti ayende patsogolo. Tsopano kuti pulogalamuyo yapezeka kwa miyezi ingapo, ndinaganiza kuti ndi nthawi yabwino kugawana maluso, ndondomeko, ndi njira.

Koma choyamba, mwina mukuganiza kuti Zotani zimatanthauzidwa. Ena mwa ochita masewerawa m'derali ndi Proto.io, Mfundo, UXPin, Atomic.io , Experience Design ndi InVision. Mosiyana ndi mapulogalamu monga Sketch 3, Photoshop ndi Illustrator pomwe zojambulazo zimapangidwa, okonza mapulaniwa amachititsa chidwi, kuyenda ndi zina zomwe zimagwiritsidwa ntchito masiku ano.

Pogwiritsa ntchito mafoni komanso osatetezeka, kuganizira mofanana ndi laser, sikokwanira kuti wojambula awombere ziwonetsero zochepa, kukokera pamodzi zolemba zochepa ndikutsitsa polojekitiyo kapena kuikweza ku seva la intaneti. Kuyenda kwa UI / UX kwasintha zinthu. Gawo lirilonse la ndondomekoyi, pozindikira kuti munthu akugwiritsa ntchito, zojambula, mafelemu, mafayilo, ndi prototyping tsopano akuyesa kuyesa kwakukulu.

Ndilo gawo lotsiriza - kujambula - kumene malo opweteketsa amapezedwa ndikukhazikitsidwa musanamangidwe polojekitiyi. Apa ndi pamene kusakanikirana, kuyendayenda, kusinthidwa kwazithunzi ndi kusungidwa kwa chirichonse pazenera ndi zovuta kwambiri. Mavuto ndi mavuto sangathe kuwonetsedwera monga chithunzi chokhazikika kapena kufotokozera mawu. Pambuyo pake, izi ndizo kwa anthu enieni. M'malo mosuntha zonsezi kuti zilembedwe, njira ya prototyping ikugwiritsidwa ntchito kwambiri ndi mapulogalamu ojambula zithunzi zokonzedweratu. N'zosavuta kukonza kulakwitsa, kutengera fano, kulembetsanso zolemba zina, kusinthani batani ndi zina zotero pogwiritsa ntchito mkonzi wa zithunzi kusiyana ndi kukonzanso makalata nthawi zonse.

Ndipotu, pulogalamuyi yakhala chigawo chofunikira mu "Rapid Prototyping" lero.

Ndizoti, tiyeni tizisangalala ndi Experience Design.

02 a 07

Pangani Pangani Pangani Ndi Mphindi Wosavuta mu Adobe Experience Design

Zojambula Zojambula Zojambula zimapanga chithunzi ndi mawonekedwe omwe amapanga mphepo.

Mbali imodzi yabwino ya XD ndiyo kugwiritsa ntchito zipangizo zojambula. Simungapeze chizindikiro? Palibe vuto. Sungani zanu. Nazi momwemo:

  1. Sankhani Chida cha Ellipse ndipo, ndi Option / Alt-Shift makiyi osindikizidwa, tambani mzere.
  2. Ndi bwalo losankhidwa, yikani Zodzoladzoza mtundu wa FF0000 ndi Border kuti "palibe" mu katunduyo.
  3. Dinani kawiri pa bwalo kuti muwonetse mfundo za anaki. Kokani pansi nangula pansi.
  4. Dinani kawiri pa Anchor Point yomwe mwasankha ndipo majikawo amasinthidwa ndi mizere.
  5. Dulani bwalo lina laling'ono lodzaza koyera ndipo simukuwombera. Yendetsani malo ndi kusankha pepala ndi bwalo. Mu gulu lakulumikiza pamwamba pa Properties dinani pang'onopang'ono Pakati Pake ndipo Pini idalengedwa.

03 a 07

Pangani Chidutswa Chakumbuyo mu Adobe Experience Design

Pangani chisamaliro chakumbuyo mu XD osagwiritsa ntchito china choposa mawonekedwe ndi fano /.

NdizozoloƔera kukhala ndi malemba kapena zinthu zina pa chithunzi chakumbuyo. Vuto pano ndi fano, mobwerezabwereza kuposa, limaposa zomwe zili pamwambapa. Njira imodzi yothetsera vutoli ndi kusokoneza chithunzi chakumbuyo. Mungathe kusokoneza fanoli ku Photoshop kapena pulogalamu ina yosintha zithunzi, koma izi sizikuyenda bwino, makamaka popeza XD tsopano ikugwira ntchitoyi kwa inu. Nazi momwemo:

  1. Pangani chojambula chatsopano ndikuwonjezera chithunzi chanu chakumbuyo.
  2. Sankhani Chidutswa Chachidutswa ndi Kutulutsa Mzere Wokongola pa Chithunzichi. Pogwiritsa ntchito Rectangle, yikani kudzaza White ndi Stroke ku None.
  3. Ndi Mzere umene wasankhidwa, sankhani Zojambula Zachiyambi muzithunzi za katundu. Zowonongeka zitatu ndi Mtengo wa Blur, Brightness and Opacity. Nazi zomwe akuchita:

Ngati mukufunadi "kusinthana zinthu", sintha mtundu wa mawonekedwewo ndi kusewera ndi kufunika kwakutsegula kusintha "mawonekedwe" a fanolo.

04 a 07

Pangani Wolemba Zaka mu Adobe Design Design

Gwiritsani ntchito ma gradients kuti muwonetsetse kusiyana pakati pa mafano ndi mtundu mu njira ya mawonekedwe.

Vuto lopangidwa ndi anthu ambiri ndi mawonekedwe a zinthu zomwe ziyenera kukhala mtundu wamba koma, zimatayika zikayikidwa pa chithunzi chakumbuyo kapena mtundu wolimba. Yankho lake ndi wolemba. Wolembayo ndi chinthu chokhazikika chomwe chimayikidwa pakati pa mawonekedwe ndi mawonekedwe. Izi n'zosavuta kukwaniritsa mu XD. Nazi momwemo:

  1. Pangani chojambula chanu mu XD, onjezerani chithunzi ndikujambula ndi kuyika mawonekedwe a mawonekedwe ochokera kuUi Kit oyenera - Fayilo> Tsegulani Chigamu cha UI ... - muzithunzi. Mu chithunzi pamwambapa chithunzichi chimapangitsa Vuto lachikhalidwe ndi App Bar zovuta kuziwona.
  2. Sankhani Chidutswa Chachidutswa ndi kujambulutsana. Mu Properties Panel kusankha Lembani ndipo sankhani Zojambula kuchokera popita mu Mtundu Wopanga. Ikani mitundu yakuda kwambiri ku Black ndi White. Ikani Phindu - Kutha- 60% ndi White A mtengo ku 0%.
  3. Ndi Mzere wokhazikika, sankhani Cholinga> Konzani> Tumizani Kumbuyo . Zojambulazo zowonekera tsopano zikuwoneka pa chithunzichi.

05 a 07

Pangani Chithunzi chajambula mu Adobe Experience Design

Kukhoza kupanga masks ndi kuwasintha mu Experience Design ndi nthawi yopulumutsa nthawi.

Mchitidwe Wodziwika Wopezeka umapezeka mu mapulogalamu a Chat omwe anthu amalankhulana ndipo chithunzi cha wolankhulayo chikuwonekera pazenera. Ma avatara awa kawirikawiri zithunzi zomwe zagwedezeka. Ndifa mophweka kumakwaniritsa izi mu XD. Nazi momwemo:

  1. Mukuyamba ndi chithunzi ndi bwalo kapena mawonekedwe ena pa kampani yamakono. Mukhoza kudzaza bwaloli ndi mtundu uliwonse. Chimene simukusowa kuchita ndi kuwonjezera mtundu wa stroke. Icho chidzatha pamene iwe upanga zotsatira, kotero bwanji uvutike. Ngati mukufunika kuyimitsa bwalo, lembani izo ku bolodi lakuda.
  2. Sungani bwalolo ku fano ndikusankha zonse fano ndi bwalo. Ndi zinthu zopangira bot, sankhani Cholinga> Mask ndi Shape . Mukamasula mbewa, Avatar imalengedwa. Kuchokera kumeneko mukhoza kuzilongosola.
  3. Ngati mukufuna kuwonjezera sitiroko, sungani bwalo likukhala pa bolodi lanu lojambulajambula kupita ku artboard. Ndiko kusankhidwa kusanthanso kudzaza Ma Properties ndi kuwonjezera mtundu wa sitiroko ndi umtunda. Kuti muwongolere, sankhani zinthu zonse ndipo dinani ndondomeko Yogwirizanitsa Pakati pazitsulo Zogwirizanitsa pamwamba pazomwe zilipo.
  4. Ngati mukufuna kusuntha chithunzi chozungulira mumasikiti, dinani kawiri maskiti. Izi ziwonetsa chithunzi ndi mawonekedwe a maski. Dinani pa chithunzi ndikuchikoka. Mukamasula mbewa, chithunzicho chidzakhala pamalo ake atsopano mkati mwa chigoba.

06 cha 07

Sewani ndi Zithunzi Zogwiritsa Ntchito Adobe Zojambula

Zojambula, Zojambula Zamtundu ndi Zolemba Zowonekera ndizovala zabwino kwambiri.

Zojambula Zopangidwira Zopangidwa ndi Zopangidwe sizomwe zilipo kuti mupange zolemba. Iwonso, akhoza kugwiritsidwa ntchito. Nazi zinthu zingapo zomwe mungachite:

  1. Ngati mukufuna zojambula za Landscape ndi Portrait za artboard, lembani zojambulajambulazo, ndipo, ndi zolembedwa zomwe mwasankha, dinani pang'onopang'ono pazithunzi pazithunzi za Properties. The Artboard idzasintha ku malo ozungulira. Ngati Artboard yokhutira pa izo, dinani dzina la Artboard ndi katundu wa Artboard ziwoneke mu Gulu la Maofesi.
  2. Kuti muwonjezere mtundu wachikhalidwe ku Artboard, ndi pulojekiti ya nkhaniyi, sankhani Zojambulazo ndipo dinani Chikwama chodzaza mtundu mu gawo la Kuwonekera la Zofalitsa Zamkati. Lowani mtengo wa hexadecimal wa mtundu ndipo dinani chizindikiro. Mtundu udzawonjezeredwa ngati Mtundu Wokongola. Kuti mugwiritse ntchito mtundu umenewo kwinakwake, sankhani chinthu ndipo dinani Chipangizo cha Maonekedwe a Chikhalidwe kuti mugwiritse ntchito mtundu.
  3. Zojambulajambula zimatha kupangidwa mozungulira. Kuti muchite izi, sankhani makina ojambulawo ndikusintha kutalika kwake pa Properties Panels kapena kukokera pansi pa artboard pansi. M'madera osungirako katundu, yang'anani ofunjika kuchokera pamapangidwe omwe alipo ndikusungira kutalika kwazithunzi pazenera. Amene anaphwanya mzere wa buluu amakuwonetsani pansi pa kasitomala. Kuti muyese, dinani pulogalamuyi ndipo pewani. Kuti musiye kupukuta, sankhani Yomweyo mu Kupukusa pop.

07 a 07

Sinthani Chida cha UI cha Moi mu Adobe Experience Design

Zida za UI zili zokonzedweratu.

Zojambula Zophatikizidwa zili ndi Kitambidwe cha UI chokhazikitsa iOS, Android ndi Windows UI. Mukayamba kuwatsegula, mukhoza kuganiza kuti ali bwino. Osati kwenikweni-ziwalo ndi zidutswa zonse mu kitsulo zimakhala zokonzedweratu. Tiyeni tipeze mwa kumanga fomu yamakono ya Android.

  1. Mukuyamba mwa kusankha chida cha Artboard ndi kusankha Android Mobile mu Google gawo la Panel Properties .
  2. Sankhani Fayilo> Yotsegula UI Kit> Zinthu za Google . Izi zikutsegula Chida Chachilengedwe cha UI. Sankhani Galasi Yokongola ndi Kujambula Zithunzi Zojambula Zithunzi . Ndikufuna kuyamba ndi ichi chifukwa zimandipatsa zitsogoleredwe zoyenera kuwonetsera mawonekedwe a mawonekedwe. Ngati inu mutsegula pa imodzi ya mipiringidzo ya Blue muwona kuti yatsekedwa. Dinani chitseko chomwe chilipo kwa aliyense kuti awutse . Lembani zojambulajambulazo ndikujambula kusankha kwa bolodipidi. Bwererani ku chilemba chanu ndi kuyika chinsaluko mubudidi yanu.
  3. Dinani kamodzi pa App bar kuti pamwamba pa artboard. Onani m'mene mungasankhire. Sankhani Cholinga> Konzani> Bwerani Kumbuyo. Kusankhidwa kwanu tsopano kuli pamwamba pa Zithunzi Zamalonda. Izi ziyenera kukuuzani chilichonse cha zinthu pawindochi chikhoza kusintha.
  4. Dinani kawiri Bwalo lakumwamba pamwamba ndi, mu Properties Panel s ndi Lembani mtundu wa 455A64 . Dinani kawiri pa App Bar ndikuyikanso ku 607D8B. Izi ziyenera kukuuzani chinthu chilichonse mu chida cha UI chingathe kusinthidwa kuti mukwaniritse mafotokozedwe a mtundu wa polojekitiyo.
  5. Nanga bwanji zithunzi? Nazi momwe mungasinthire mtundu wawo. Dinani kawiri mtima kuti musankhe. Ngati muyang'ana pa Pulogalamu Yoyenera, mungaganize kuti simungasinthe zosankhidwazo. Osati kwenikweni. Lembani mobwerezabwereza mtima kamodzi . Maofesi amatsegula ndi kusintha mtundu wodzaza FF0000. Bweretsani tsatanetsatane kawiri-kawiri-kani pa zithunzi zomwe zatsala ndi malemba.