Aqoonta Adobe, Qalabka Naqshadeynta, Talooyinka, iyo Tiknoolajiyada

by Tom Green

01 of 07

Aqoonta Adobe, Qalabka Naqshadeynta, Talooyinka, iyo Tiknoolajiyada

Adobe Experience Design wuxuu ku siinayaa dhowr qaab oo muuqaal ah oo yididiilo badan leh.

Marka Adobe wuxuu soo bandhigay "Experience Design" iyadoo loo eegayo Falanqaynta Dadweynaha , shirkaddu waxay ku guuleysatey laba muuqaal oo cajiib ah isla waqti isku mid ah. Marka hore, waxay xayireen meel bannaan oo ku yaal suuqa suuq-galka ee kor u kaca. Marka labaad, waxay abuurtay fursado ay dadka isticmaala ay ku ciyaaraan "shaqo-socota" oo waxay u ogolaanaysaa dadka isticmaala inay saameeyaan horumarkaas. Hadda oo arjiga la heli karo dhowr bilood, waxaan u maleynayay inay noqon doonto wakhti fiican oo la wadaago khibradaha casriga ah, fikradaha, iyo farsamooyinka.

Laakiin marka hore, waxaad la yaabi kartaa waxa loola jeedo Prototyping Software. Ka mid ah ciyaartoyda waaweyn ee booskan waxaa ka mid ah Proto.io, Principle, UXPin, Atomic.io , Design Experience iyo InVision. Si ka duwan sida codsiyada sida Sketch 3, Photoshop iyo Illustrator halkaas oo naqshadaha dhismaha ee la soo saaro, tifaftireyaasha garaafyada waxay baraan isdhexgalka, dhaqdhaqaaqa iyo sifooyinka kale ee caamka ah ee moobiilka iyo naqshadeynta naqshadeynta ee maanta.

Iyadoo kor u kicinaysa mobile iyo laser-sida diiradda Isticmaal User, mar dambe kuma filna in naqshadeeyaha si qashin kor u dhejiyo dhowr jilbaha, jiido dhowr comps ah ka dibna sii daayaa mashruuca ama u gudbin kartaa server web ah. Shaqada UI / UX waxay si ba'an u bedeshay waxyaabo. Talaabo kasta oo ka mid ah geeddi-socodka, laga bilaabo aqoonsiga user, sketches, wireframes, wax-qabad, iyo prototyping ayaa hadda ku xiran imtixaan aad u ballaaran.

Waa marxaladdii ugu dambaysay - prototyping - meesha dhibcaha xanuunka la ogaado oo la go'aamiyo ka hor intaan mashruucu u dhaqaaqin wax soo saarka ugu dambeeya. Tani waa marka wada-xaajoodka, dhaqdhaqaaqa, marxaladda shaashadda iyo meelaynta shay kasta oo shaashadda aad u muhiim ah. Arrimaha iyo dhibaatooyinka looma simmi karo sida muuqaal sawir leh ama lagu sharaxay hadal ahaan. Ka dib oo dhan, alaabtaasi waa kuwa dhabta ah. Halkii ay ka guuri lahaayeen dhammaan qodobkan, habka horay loo sii kordhay ayaa waxaa sii kordhaya barnaamijka sawirada oo loogu talagalay ujeeddadaas. Way sahlan tahay in la saxo qalad, bedel sawir, dib u qori qoraalka, beddelka batoonka iyo wixii kale ee isticmaalaya tifaftire muuqaal ah inta badan si joogta ah dib u qorista iyo debugging code.

Xaqiiq ahaan, software-kaasi wuxuu noqday qayb muhiim ah oo ka mid ah "Muuqaalka Dabiiciga ah" ee Horumarinta iyo Horumarinta maanta.

Iyadoo taas la yiraahdo, aynu ku leenahay xiiso leh Qibrada Naqshadeynta.

02 ka mid ah 07

Abuur Waji Dhul Wareeg Wareeg Wanaagsan Abuursanaanta Khibradda Adobe

Waayo-aragnimada Awoodda farsamooyinka vector-ka waxay sameysaa icon iyo is-dhexgalka unugyada curdun-abuurka.

Mid ka mid ah qaabka wanaagsan ee XD waa isticmaalka qalabka sawir-qaadista. Ma heli kartaa icon? Dhib ma laha. Adiga iska leh. Halkan waa sida:

Xulo Qalabka Ellipse iyo, furayaasha Option / Alt-Shift waa la riixay, sawir wareeg.
Iyada oo goobada loo doorto, u samee midabka buuxa ee FF0000 iyo Xuduudka si aan "lahayn" ee guryaha.
Labaad-guji goobada si aad u muujiso dhibcaha qalabka. Qulqulka hoose ee hoose ku xoq.
Double-click guji Anchor Point iyo curves ayaa lagu beddelay xariiq.
Sawiraan goobo kale oo yar oo leh buuxin buuxa oo aan lahayn xargo. U dhaqaaqo jago iyo dooro pin iyo wareegga. Gudaha hareeraha sare ee Guryaha riix badhanka Horizontal Center iyo Pin ayaa la abuuray.

03 of 07

Abuur Qorshaha Aaladaha Aasaaska ee Adobe Experience Design

Abuuraan xeelad ku salaysan xD XD iyadoo aan waxba la isticmaalin wax ka badan muuqaal iyo muuqaal /.

Waa wax caadi ah in lagu hayo qoraal ama waxyaabo kale oo ku saabsan sawirka asalka ah. Dhibaatada halkan waa muuqaalka, inta badan inta aan la gaarin, wuxuu ka sarreeyaa waxyaabaha uu ka sarreeyo. Hal hab oo lagu xallin karo arrintan ayaa ah in la dhimo muuqaalka sawirka. Waxaad ku dhejin kartaa sawirka Sawirka ama sawirada kale ee muuqaalka sawirada, laakiin tani waa wax aan fiicnayn, gaar ahaan tan XD ayaa hadda shaqeyn karta arrintan. Halkan waa sida:

Abuur farshaxan cusub oo ku dar sawirkaaga asalka ah.
Xulo Qalabka Rectangle iyo sawir qaadida sawir. Iyadoo loo fiirsho Rectangle, waxaad ku qortaa Buuxda White iyo Stroke si aan waxba u lahayn.
Marka la doorto Rectangle, dooro Background Blur ee guddiga guryaha. Saddexda duubayaashu waa Blur Amount, Brightness iyo Opacity. Waa kuwan waxa ay sameeyaan:

Qaddar iftiimay : Hoosudhaca muuqaalka sawirka hoose ee qaabka. Qiimaha ugu sarreeya waa +50.
Brightness: Adkusta hoosta iyo hooska sawirka. Qiimaha ugu yar waa -50 iyo qiimaha ugu badnaan waa +50.
Opacity: Waxay saameeysaa daahfurnaanta qaabka iyo muuqaalka muuqaalka sawirka hoostiisa. Qiimayaashu waxay ka dhigan yihiin 0% ilaa 100%.

Haddii aad dhab ahaantii rabto inaad "beddesho waxyaabaha", beddel midabka qaabka oo la cayaar qiimaha "Opacity" si aad u bedesho "eeg" sawirka.

04 of 07

Abuur Sawirada Adobe Experience Design

Isticmaal xaddiga dareenka si aad u xaqiijiso kala duwanaanshaha marka sawirada iyo midabku ay u helaan habka isugeynta.

Dhibaatada naqshad caadi ah waa calaamadaha isugeyntu waa inay noqdaan midabka caadiga ah, laakiin, way lumayaan marka la dhigo sawir asalka ah ama midab adag. Xalka ayaa ah xeelad. Muuqaalku waa jajab dhif ah oo dhexdhexaad ah oo u dhaxeeya isugeynta mawduuca iyo asalka. Tani waa sahlan tahay in lagu gaaro XD. Halkan waa sida:

Abuur shaxankaaga XD, ku dar sawir iyo nuqul oo ka dhaji walxaha interfiyaanka ah ee ku haboon UI-ga - File> Fur UI ... - farshaxanka. Sawirka kor ku xusan sawirka wuxuu dhigayaa Baraha Aqoonsiga iyo App Bar inay ku adkaato inuu arko.
Xulo Qalabka Rectangle iyo sawir qaadida leydi. Gudaha Xayawaanka ka dooro buuxi oo dooro Gradient oo ka soo jiidanaya midabka Picker. Samee midabada jilicsan ee madow iyo caddaan. Dooro qiimaha A - Opacity- ilaa 60% iyo qiimaha cad A ee illaa 0%.
Iyada oo la doorto Rectangle, dooro Ujeeddo> Diyaarso> Dib u soo Dir . Qaybaha isugeyntu hadda waa la arki karaa sawirka.

05 ka mid ah 07

Abuur Sawir Sawir ee Adobe Experience Design

Awoodda lagu abuurayo maaskaro oo ay ku habboon tahay "Experience Design" waa waqti ilaaliye badan.

Naqshad Naqshad Joogta ah ayaa laga helaa barnaamijyada Soodhiga halkaasoo dadku ay wada hadlaan oo ay sawiradu u muuqdaan shaashadda. Qaar ka mid ah ra'yiyeyaashu waa sawirro lagu sawiray. Waxay udub-dhexaad u tahay sidii loo dhammaystiri lahaa XD. Halkan waa sida:

Waxaad ku bilaabaysaa muuqaal iyo goobo ama qaab kale oo ku yaal farshaxanka. Waxaad buuxin kartaa goobada midab kasta. Waxa aanad u baahnayn inaad samayso waa inaad ku darto midabka istaroogga. Way baabi'i doontaa marka aad abuurayso saamaynta, sidaa darteed waa maxay sababta. Haddii aad u baahato inaad ku dhejiso goobada, ku koobi waraaqaha.
Ku wareeg wareegga sawirka iyo dooro labada sawir iyo goobada. Iyada oo boorsooyinka la xushay, dooro Nooca> Maskaxda leh qaab . Marka aad sii dayso jiirka, waxaa la abuuray Avatar. Laga soo bilaabo halkaas ayaad dib u dhisi kartaa.
Haddii aad u baahato inaad ku darto istaroog, ku dhaji goobada ku dul fadhiisin karta sheygaaga adigoo adeegsanaya farshaxanka. Iyada oo la daabaco nuqulkii la doortay buuxsamid buuxinta Qalabka iyo ku dar midabka istaroogga iyo width. Si aad u soo dhejiso, dooro labada shay oo ku dhufo Xarumaha Xirfadaha Khidada ah ee ku yaala Xulashada Iskuduubka sare ee qaybaha guryaha.
Haddii aad rabto inaad sawir ka qaaddo mashiinka maskaxda, laba jeer riix maaskaro. Tani waxay muujinaysaa sawirka iyo qaabka maskada. Riix sawirka oo ku jiid jeeg. Markaad sii dayso jiirka, sawirka wuxuu ku jiri doonaa booskiisa cusub ee maaskarada.

06 ka mid ah 07

Cayaarid Isticmaalka Aqoonyahanka Aqoonsiga Adobe

hagaajinta, Noocyada Custom iyo Scrolling Vertical ayaa ah qaababka muuqaalka muuqda.

Abbaarada Boostada Qibrada Maaha oo kaliya inaad ku meeleyso content. Waxay sidoo kale, waa la maareyn karaa. Waa kuwan dhowr waxyaalood oo aad sameyn kartid:

Haddii aad ubaahan tahay qaababka muuqaalka iyo muuqaalka sawirada farshaxanka, ku dhejinta farshaxanka iyo, iyada oo la soo xushay mid la soo xushay, riix batoonka muuqaalka ee Guryaha Guryaha. Artboard-ka ayaa isbeddelaya hanaanka muuqaalka. Haddii farshaxanku uu ku jiro mawduuc, ku dhaji Magaca Artboard iyo alaabta Artboard-ka ayaa ka muuqan doona Guddiga Guryaha.
Si aad kuugu darto midabka caadada ah ee Artboard, iyo mashruuca arrintan, dooro Sawirka Daariiqda oo guji buuxa qaybta midabka midabka ee qaybta muuqaalka ee Goobta Guryaha. Gali qiimaha laba-geesoodka ah midabka oo guji calaamadda +. Midabka ayaa lagu darayaa Color Custom. Si aad u codsato midabkale meel kale, dooro shay oo riix khariidadda Custom Color si aad u codsato midabka.
Boorsooyinka waxaa loo samayn karaa si taxadar leh loo xoqo. Si aad tan u sameyso, xulo farshaxanka iyo dhererka dhererkiisa midba midka kale ha ahaado ama ku soo jiido hoosta hoose ee farshaxanka. Meelaha la marin karo ee ka mid ah qeybaha guryaha, dooro toos ah oo ka soo rogaya menu hoosta oo gali dhererka muuqaalka ee shaashadda. Taas oo xadhigga buluuga ah ku tusay hoosta aragtida. Si aad u tijaabiso, riix badhanka Riix si aad uga baxdid. Si aad u demiso garaaca, dooro mid ka mid ah rikoodhka soo socda.

07 ka mid ah 07

U diyaari qalabka UI Mobile-ka ee Adobe Experience Design

Kombiyuutarrada UI si buuxda ayaa loo diyaarin karaa.

Waayo-aragnimadu waxay ka kooban tahay qalab UI ah oo lagu horumarinayo IOS, Android iyo Windows UI. Marka aad marka hore furto, waxaad u maleyneysaa inay si fiican u fiican yihiin. Ma aha mid aad u-mid kasta oo ka mid ah qalabka iyo googooyo ee xirmooyinkaas ayaa si dhammaystiran loogu saxan yahay. Aynu ogaanno annagoo dhisa wiigga Android.

Waxaad bilowdaa adoo dooranaya qalabka Artboard iyo xulashada Android Mobile qaybta Google ee Guddiga Guryaha .
Dooro File> Open UI Kit> Google Qalabka . Tani waxay fureysaa Qalabka Naqshadaynta Qalabka UI. Xulo Magnifying Glass iyo kumbuyuutar heegan ah . Waxaan jecelahay in aan ku bilaabo tan tan sababtoo ah waxay i siisaa hagayaal si habboon u-meeleyn ah ee cinwaanada interface. Haddii aad riixdo mid ka mid ah baararka buluuga ah waxaad arki doontaa in la xiray. Riix qufulka ku lifaaqan mid kasta oo ka mid ah si aad u furto . Marquee farshaxanka iyo nuqul xulashada kabadhada. Ku soo celi dokumentigaaga kuna shaandhee shaashaddaada.
Guji hal mar oo ku yaal bar-barka sare ee sare ee farshaxanka. Ogow sida aad u dooran karto. Dooro Ujeeddo> Diyaarsi> Keen Soo Gali. Xulashadaada hadda waa ka sarreeyaa Screen Guides. Tani waa inay kuu sheegtaa mid kasta oo ka mid ah waxyaabaha ka mid ah shaashadda waa la diyaarin karaa.
Labo tiiriyaan Baraha Aqbaarta ee kor ku xusan iyo, Guddiga Guryaha iyo Eeg buuxinta midabka 455A64 . Labaad waxaad ku riixdaa App Bar iyo buuxin buuxsamaysa 607D8B. Tani waxay kuu sheegi doontaa walxaha kasta ee xirmada UI la diyaarin karo si ay u daboolaan qiyaasaha midabka mashruuca.
Ka warran calaamadaha? Waa kuwan sida loo badalayo midabkooda. Labaad waxaad ku riixdaa wadnaha si aad u dooratid. Haddii aad eegto Guddiga Guryaha, waxaad u maleyneysaa inaadan waxba ka beddeli karin xulashada. Ma aha arrin. Labo jeer ayaa riix kalkaaliyaha mar kale . Guryaha furan oo aad bedesho midabka buuxa ee FF0000. Ku celi cutubkan laba-double-click-gujinta ah ee ku yaal liiska haray iyo qoraalka.