Adobe Experience Design Tricks, Tips, da kuma Techniques

01 na 07

Adobe Experience Design Tricks, Tips, da kuma Techniques

Lokacin da Adobe ya gabatar da Ƙwarewar Kwarewa a matsayin Ɗaukaka Hulɗa , kamfanin ya cika wasu abubuwa biyu masu ban mamaki a lokaci guda. Da farko, sun kasance suna yin sararin samaniya a cikin kasuwar software na samfur. Na biyu, sun samar da dama ga masu amfani su yi wasa tare da "aikin-ci-gaba" kuma suna barin masu amfani amfani da wannan ci gaba. Yanzu cewa aikace-aikace na samuwa na 'yan watanni, na yi tsammanin zai zama lokaci mai kyau don raba wasu ƙwarewar Kwarewa, kwarewa, da fasaha.

Amma na farko, zakuyi mamaki akan abin da Prototyping Software ke nufi. Daga cikin manyan 'yan wasa a cikin wannan wuri akwai Proto.io, Principle, UXPin, Atomic.io , Experience Design da InVision. Sabanin aikace-aikace kamar Sketch 3, Photoshop da kuma Mai Nunabi inda aka samar da kayayyaki masu mahimmanci, waɗannan masu fasalin hotuna suna gabatar da hulɗar juna, motsi da wasu siffofi na yau da kullum a cikin wayar tafi-da-gidanka da kuma zanewar yanar gizo.

Tare da karuwar wayar hannu da kuma wanda ba za a iya yiwuwa ba, mai amfani da Laser kamar yadda aka yi amfani da Mai amfani, ba shi da isasshen mai zane don ƙaddamar da ƙananan zane, cire tare da wasu ƙayyadaddun bayanai sa'an nan kuma saki aikin ko shigar da shi zuwa uwar garken yanar gizo. Halin aikin UI / UX ya canza abubuwa. Kowane mataki na tsari, daga gano mai amfani, zane-zane, wireframes, mockups, da kuma prototyping yanzu suna ƙarƙashin gwajin mai amfani da yawa.

Wannan shine mataki na karshe - prototyping - inda aka gano magunguna da kuma gyara kafin aikin ya motsa cikin karshe. Wannan shi ne inda hulɗar juna, motsawa, fassarar allo da sanyawa duk abin da ke kan allon suna da mahimmanci. Matsalolin da matsalolin ba za a iya nuna su a matsayin hoto kawai ba ko aka bayyana a fili. Hakika, wadannan samfurori na ga mutane ne na ainihi. Maimakon motsa duk wannan don ƙayyade, ana aiwatar da samfurin samfurin ta hanyar kayan fasaha wanda aka tsara don wannan dalili. Yana da sauƙi don gyara kuskure, maye gurbin hoto, sake rubuta wasu rubutu, motsa maɓallin kuma don haka kan yin amfani da edita na gani fiye da sake rubutawa da kuma lalata rubutun.

A gaskiya ma, wannan software ya zama mahimman hanyar a yau da kullum na "Rapid Prototyping" Design and Development environment.

Tare da wannan ya ce, bari mu sami wani fun tare da Ƙwarewar Kwarewa.

02 na 07

Ƙirƙirar Ƙungiya ta Ƙari tare da Ƙaƙwalwar Ƙira a Tsarin Ƙwarewar Adobe

Ɗaya daga cikin bangarori na XD shine amfani da kayan aikin zanen kayan zane. Ba za a iya samun gunki ba? Babu matsala. Rubuta kansa. Ga yadda:

1. Zaɓi Aiki na Ellipse da kuma, tare da zaɓi / Alt-Shigar maɓallin kewayawa guga man, zana da'irar.
2. Tare da da'irar da aka zaɓa, saita Girman launi zuwa FF0000 da Yanayin zuwa "babu" a cikin dukiya.
3. Danna sau biyu-da'irar don nuna alamomi. Jawo alamar ƙasa zuwa ƙasa.
4. Danna maɓallin Anchor da aka zaba sau biyu kuma an maye gurbin sassan da layi.
5. Zana wani karamin karamin tare da farin cika kuma babu stoke. Matsar da shi zuwa matsayi kuma zaɓi fil da layin. A cikin Align panel a saman Properties danna maballin Cibiyar Maɓalli kuma an halicci Pin.

03 of 07

Ƙirƙirar Farin Cire a Tsarin Ƙwarewar Adobe

Yana da mahimmanci don samun rubutun ko wasu abubuwan ciki a kan bayanan baya. Matsalar nan ita ce hoton, sau da yawa fiye da ba, overpowers abun ciki a sama da shi. Wata hanya ta magance wannan batu ita ce ta ɓata siffar bayanan. Zaka iya blur da hoton a Photoshop ko wasu kayan gyare-gyaren hoto, amma wannan ba shi da kyau, musamman ma XD zai iya ɗaukar wannan aiki a gare ku. Ga yadda:

1. Ƙirƙiri sabon takarda kuma ƙara siffarku ta baya.
2. Zaɓi Jagoran Gidan Jagora don samo madaidaici a kan hoton. Tare da Rectangle da aka zaɓa, saita Fill to White da Stroke zuwa Babu.
3. Tare da Rectangle da aka zaɓa, zaɓa Background Blur a cikin kaddarorin panel. Abun nan uku sune Blur Amount, Haske da Opacity. Ga abin da suke yi:

• Lambar Blur: Daidaita lalacewar hoton a ƙarƙashin siffar. Matsakaicin iyaka shine +50.
• Haske: Daidaita abubuwan da suka dace da inuwa a cikin hoton. Ƙananan darajar ita ce -50 da darajar mafi yawa shine +50.
• Opacity: Yana rinjayar tabbatar da gaskiyar siffar da hangen nesa na hoton a karkashin siffar. Ƙididdiga suna iyaka daga 0% zuwa 100%.

Idan kana so ka "canza abubuwa sama", canza launi na siffar da wasa tare da darajar Opacity don canza "look" na hoton.

04 of 07

Ƙirƙirar Scrim a cikin Design Experience Adobe

Abinda ya dace da zane shine abubuwan abubuwa masu mahimmanci su zama launi na kowa, amma suna ɓacewa lokacin da aka sanya su a kan bayanan baya ko launi mai laushi. Maganar ita ce kullun. A scrim ne mai ɗan opaque gradient sanya tsakanin siffar neman karama da kuma baya. Wannan yana da sauki a kammala a XD. Ga yadda:

1. Ƙirƙiri hotunanka a cikin XD, ƙara hoto kuma kwafa da manna abubuwa mai mahimmanci daga UI Kit mai dacewa - Fayil> Buɗe UI Kit ... - a cikin artboard. A cikin hoton da ke sama hotunan ya sa Barbar matsayi da Bar Bar yana da wuya a gani.
2. Zaɓi Jagoran Gidan Jagora da kuma zana zane-zane. A cikin Ƙungiyoyi na Maɓallai zaɓi Kunna kuma zaɓi Mai karɓa daga pop a cikin Mai Lasin Ƙari. Saita launuka masu launin zuwa Black da White. Saita A darajar - Opacity - zuwa 60% da White A darajar to 0%.
3. Tare da Rectangle da aka zaɓa, zaɓi Naɗa> Shirya> Aika da baya . Ana ganin abubuwa masu mahimmanci yanzu a kan hoton.

05 of 07

Ƙirƙirar hoto na Avatar a cikin Adobe Experience Design

Ana samo alamar Tsarin Ɗaukaka a cikin Rukunin taɗi inda mutane suke magana da junansu kuma hoton mai magana ya bayyana akan allon. Wadannan avatars yawanci hotuna ne da aka masked. Wannan abu ne mai sauki wanda ya faru a cikin XD. Ga yadda:

1. Ka fara tare da hoton da kewaya ko wani nau'i a kan artboard. Zaka iya cika layin da kowane launi. Abin da baku buƙatar yi shi ne don ƙara launin fashe. Za a ɓace lokacin da ka ƙirƙiri sakamako, don haka me ya sa damuwa. Idan kana buƙata ka ajiye da'irar, kwafe shi a kan allo.
2. Matsar da da'irar zuwa ga hoton kuma zaɓi duka siffar da da'irar. Tare da abubuwa da aka zaɓa da aka zaɓa, zaɓi Naɗa> Kira tare da Shafi . Lokacin da ka saki linzamin kwamfuta, an halicci Avatar. Daga can za ka iya sake mayar da shi.
3. Idan kana buƙatar ƙara bugun jini, manna kewayen da ke zaune a kan kwasfutarka a kan artboard. Tare da kwafin da aka zaɓa kashe kashe cika cikin Properties kuma ƙara launin launi da nisa. Don tsara su, zaɓi duka abubuwa kuma danna maɓallin Alignin Cibiyar a cikin Zaɓuɓɓukan Zaɓuɓɓuka a saman ƙungiyoyi masu mahimmanci.
4. Idan kana so ka motsa hoton a cikin maski, danna sau biyu. Wannan zai nuna hoton da nau'in mask. Danna kan hoton kuma ja shi zuwa matsayi. Lokacin da ka saki linzamin kwamfuta, hoton zai kasance a cikin sabon matsayi a cikin mask.

06 of 07

Yi wasa Tare da Ayyukan Zane-zane na Adobe Experience Design

Ayyukan Zane-zanen Ƙwarewa ba kawai a can ba ne don sanya abun ciki. Su, ma, za a iya yin amfani da su. Ga wasu abubuwa da za ku iya yi:

1. Idan kana buƙatar fasali na Landscape da Siffofin zane-zanen artboard, zayyana zane-zane da kuma, tare da zabin da aka zaɓa, danna maɓallin kewayawa a cikin Rukunin Properties. Artboard zai canza zuwa fuskantan shimfidar wuri. Idan Artboard yana da abun ciki akan shi, danna sunan Artboard da kuma Artboard Properties zai bayyana a cikin Ma'aikata Properties.
2. Don ƙara launi na al'ada zuwa Artboard, da kuma aikin don wannan al'amari, zaɓi Artboard kuma danna Ƙungiyar launi ta Fill a cikin Sashen Bayani na Ƙungiyoyi. Shigar da darajar hexadecimal ga launi kuma danna alamar +. Za a kara launi a matsayin Launi na Custom. Don amfani da wannan launi a wasu wurare, zaɓi wani abu kuma danna gunkin Yankin Yanayi don amfani da launi.
3. Za a iya yin zane-zane a tsaye a tsaye. Don yin wannan, zaɓi artboard kuma canza tsayinsa ko dai a kan Panels Properties ko ta jawo kasa na artboard zuwa ƙasa. A cikin Scrollable yankin na mallaka panel, zaɓi tsaye daga menu pop menu kuma shigar da tsawo viewport ga allon. Wannan layi mai launi ya nuna maka kasan mai dubawa. Don gwada shi, danna maɓallin Play button kuma gungurawa. Don kashe gungurawa, zaɓi Babu a cikin Fassara pop.

07 of 07

Shirya samfurin Mobile UI a cikin Ƙwarewar Ƙwarewar Adobe

Ƙwarewar Kwarewa ta ƙunshi UI Kit don bunkasa iOS, Android da Windows UI. Lokacin da ka fara bude su, za ka iya tunanin cewa suna da kyau sosai a wuri. Ba daidai ba-kowane ɓangaren ɓaɓɓuka da ƙananan cikin waɗannan kaya yana da cikakkiyar daidaituwa. Bari mu gano ta hanyar gina wata waya ta waya.

1. Za ka fara da zaɓar kayan aikin Artboard da kuma zaɓar Android Mobile a cikin sashen Google na Ƙungiyar Properties .
2. Zaɓi Fayil> Buɗe UI Kit> Abubuwan Google . Wannan yana buɗe Kayan UI Kit Design. Zaži Gilashi Mai Girma da marker t Screen Screen Guides artboard . Ina so in fara tare da wannan saboda yana ba ni jagoran don sakawa a kan allo na abubuwa masu mahimmanci. Idan ka danna kan ɗaya daga cikin sandunan Blue za ka ga an kulle shi. Danna kulle a haɗe zuwa kowane ɗayan su don buše shi . Sanya zane-zane da kuma kwafin zaɓi a cikin allo. Komawa ga takardarku kuma manna allon a cikin takarda.
3. Danna sau ɗaya a kan Tab ɗin shafikan da ke saman artboard. Ka lura yadda zaka iya zaɓar shi. Zaɓi Aiki> Shirya> Ku zo gaban. Zaɓinku yanzu ya zama sama da Guides. Wannan ya nuna maka kowane abu akan allo zai iya gyara.
4. Biyu danna Barikin Yanayi a saman kuma, a cikin Panel Properties s da Fill launi zuwa 455A64 . Biyu danna Bar App kuma saita ta cika zuwa 607D8B. Wannan ya nuna maka kowane nau'i a cikin wani nau'in UI wanda za a iya gyara don daidaita ka'idodi na launi.
5. Menene game da gumaka? Ga yadda za a canza launi. Biyu danna zuciya don zaɓar shi. Idan ka dubi Rukunin Properties, zaka iya ɗauka cewa ba za ka iya gyara zabin ba. Ba daidai ba. Biyu danna zuciya daya lokaci . An bude dukiya kuma zaka canza launin launi zuwa FF0000. Maimaita wannan zabin sau biyu-danna don sauran gumakan da rubutun.