Hangata ho nahana ka mohala hase ntho eo e bonahalang eka ke eona
E ntse e tloaeleha haholoanyane bakeng sa mekhoa ea lipapali ho etsa feela hore mosebetsi oa bona o hlahe ho hatisoa empa hape le webong le lisebelisoa tse kang li-iPhones, iPads, lisebelisoa tsa Android le matlapa a Android. Ka holim'a metsi, sena se ka bonoa e le "ntho e ntle" joalokaha mecha ea phatlalatso ea rona e bonahala e ntse e eketseha ho li-skrini tsa digital. Ho nyahama ke palo e kholo ea li-skrini le palo e ferekanyang ea liqeto tsa skrine. Ke ntho e tloaelehileng ho utloa pros e nang le nako e makatsang ho sa tsotellehe hore na ho etsahala eng matsatsing ao ho rarolloa ha dpi ka 300 TIFF setšoantšo ka mokhoa oa CMYK e ne e le ntho e tloaelehileng. Oh ka matsatsi a khale!
Matsatsi ao a felile. Hona joale re tlameha ho tobana le taba ea hore setšoantšo sa 200 ho isa ho 200 se ka bonahala se le ntle ho sesebelisoa se le seng empa leha ho le joalo se hlaha boholo ba kotara ho e 'ngoe le boholo ba kotara ea boraro ho e' ngoe hape. Kaofela ha eona e theohela "Phapang ea Lihlomo Tsa Khahlano" e tsamaisoang ke bahlahisi ba lihlahisoa ha ba ntse ba leka ho jamella pixels tse ngata ka skrineng ho feta bahlaseli ba bona.
Sena se re tlisa ho seo re tla se bitsa "Ho Phahama ha Matšoenyeho". Li-suffixes ke lintho tse joalo - @ 2x, @ 3x - tse kenngoa ho lebitso la setšoantšo. Ha e le hantle, ka mohlala, beha setšoantšo se nepahetseng sebakeng se nepahetseng ka sesebelisoa se nepahetseng. Ebe e ntse e ntlafala le ho feta.
Mosebetsi oa rona o mongata o akarelletsa ho sebetsa le litšoantšo 'me, ka ho phahama ha sefofane se entsoeng ka Flat, lintho tsena li bōptjoa lipapaling tse joalo tsa litšoantšo tse kang Illustrator le Sketch. Bothata ke lisebelisoa feela tse sitoang ho fana ka lifaele tsa .ai kapa .eps. Ba hloka ho fetoloa ho Scalable Vector Graphics 'me, ho itšetlehile ka kopo e sebelisetsoang ho bopa litšoantšo, ho ka' na ha se ke ha e-ba le khetho ea SVG.
Ebe e ntse e ntlafala le ho feta.
Ho na le sehlopha se secha sa sesebelisoa -Tlhahiso ea ho sireletsa - e fetohang ntlha ea kopano pele litšoantšo tsa hau le litšoantšo tsa hau li fetelloa lihlahisoa 'me li na le tse ikhethang tsa tsona.
Thuto ena e tsamaea pakeng tsa Photoshop le Sketch bakeng sa litšoantšo le ho sebelisa Adobe Experience Design ho bonahatsa tse seng kae tsa lintlha tse utloisang bohloko pakeng tsa menahano ea hau le ho qetella ho etsoa. A re qaleng.
01 ea 05
Kamoo U ka Lokisang Litšoantšo Tsa Mohala Lisebelisoa tsa Adobe Photoshop
Mohato oa pele molemong ona ke ho tseba mochine oa hau kapa sepheo sa hau. Tabeng ena, o tla lebisa iPhone 6 e nang le skrine sebakeng sa 375 pixels bophara ka 667 pixels e phahameng. Moqapi o batla hore setšoantšo se be bophara ba skrine.
Setšoantšo se neng se lokela ho sebelisoa se ne se thunngoa ka har'a Kereke ea Bongoaneng ea Bern e Bern, Switzerland. Hang ha setšoantšo se bula Photoshop, khetha Setšoantšo> Boima ba Setšoantšo ho hlahloba litekanyo tsa setšoantšo le qeto ea eona. Ka ho hlakileng, setšoantšo se 3156 x 2592 se nang le Qeto ea 300 ppi le boholo ba file ea 23.4 Mb e ke ke ea sebetsa.
Ka hare ho lebokose la lebokose la lebokose la lifoto, fokotsa Qeto ho 100 ppi . Etsa sena pele hobane litekanyo tsa setšoantšo le tsona li tla fetoha. Ka Sethaliso sethalong, fetola bophara ho 375 Pixels. Haeba u sheba data ea boholo ba Setšoantšo u tla hlokomela hore setšoantšo se fokotsehile ho tloha ho 23.4 Mb ho fihlela ho 338k e nang le moelelo o mongata oa mohala. Tobetsa OK ho amohela phetoho le ho koala lebokose la lebokose la lifoto.
02 ea 05
Kamoo U ka Sebelisang "Export As ..." Lebokose la Dialogue ho Adobe Photoshop
Hang ha setšoantšo se loketse ho romela thepa, khetha "Export> Export As ..." ho bula lebokose la boitsebiso la Export As.
Dialogue Box ena ke ea morao tjena ho eketsa Photoshop mme e nkela sebaka sa "Save For Web" lebokose la lipuisano tseo ba li sebeliselitseng lilemo. Haeba u sa ntse u e hloka, u ka e fumana popong ea Export. Ke, ka mabaka a totobetseng, ao hona joale a tsejoang e le "Export For Web (Lefa)". Haeba lena ke leeto la hau la pele la lebokoseng lena la lebokose le leng, bonang leeto le khutšoanyane:
- Boholo: Lekhotla lena le beha boholo ba palo ea setšoantšo. Karolo e thahasellisang ea sebaka sena ke eona e tla eketsa setšoantšo empa setšoantšo se ke ke sa bonahala se "fuzse" mochine ka lebaka la palo e kholo ea li-pixels skrineng ea mochine.
- 1X: Tobetsa ho tšoara sena mme o tla hlahisoa ka boholo bo bongata. Mefuta ea 1x, 2x le 3x e tloaelehile e amahanngoa le lisebelisoa tsa Hi Dpi tse tsoang Apple 'me tsona hammoho le ba bang ba seng bakae li tla lokisetsa litšoantšo bakeng sa lisebelisoa tsa Android.
- Lifaele: Khetho ena e tla bontša boholo ba hau empa e tla bontšoa e le @ 2x kapa boholo bo khethiloe. Sekoti sena se tla ekeletsoa lebitsong la setšoantšo.
- Letšoao +: Tobetsa sena ho kenyelletsa boholo bo sa tšoaneng bakeng sa pontšo. Tabeng ena, e tobetse ka makhetlo a mabeli 'me u khethe 2x le 3x ho tloha pop. Sena se tla koahela hoo e batlang e le mochine ofe kapa ofe oa iOS.
- Can Can Trash: Tlanya sena mme khetho e tlosoa ho lineup.
- Litlhophiso tsa File: Khetha mofuta ona - jpg, png, gif kapa svg - e loketseng ho setšoantšo. Haeba boholo ba faele ke ho ameha u ka boela ua fokotsa maemo a boleng.
- Boima ba setšoantšo: o ka fetola litekanyo tsa 'mele tsa setšoantšo.
- Tsela ea boholo: O ka fetola litekanyo tsa 'mele tsa setšoantšo sa setšoantšo.
- Metadata: O ka eketsa tlhahiso ea botho le boitsebiso ba hao ba ho iteanya ho metadata ea setšoantšo.
Ha o qetile, tobetsa konopo ea Export All. U tla botsoa hore na u batla ho beha litšoantšo hokae. Tloaelo e ntle ea ho nts'etsa pele ke ho tobetsa konopo ea New Folder mme o bopa folda ho tšoara litšoantšo tse romeloang. Ha o tobetsa Export, o tla bontšoa litšoantšo ka foldareng.
03 ea 05
Mokhoa oa ho Lokisetsa Litšoantšo tsa Mohala Lisebelisoa tse Sketch 3 Ho tloha ho Coding ea Bohemian
Sketch 3, e leng kopo feela ea Macintosh e tsoang ho Bohemian Coding, e fumaneha ka potlako har'a baqapi ba UX le UI ka lebaka la ho lebisa tlhokomelo ea eona ho websaeteng le ho lipapatso tsa app. Ha e le hantle Photoshop, ka litsela tse ngata, e boemong bo sa tloaelehang ba ho bapalla "catch up" ka Sketch.
Ho lokisetsa setšoantšo sa mohala ka Sketch, khetha setšoantšo setšoantšong ebe o tobetsa konopo ea Exportable e ka tlaase ho karolo ea Properties . Sena se tla bula lebokose la dialog box. Tobetsa letšoao + le lekanang ho eketsa liphetolelo tsa 2x le 3x le ho eketsa li-suffixes. Mekhoa e fumanehang ke PNG, JPG, TIF, PDF, EPS, le SVG. Tabeng ena, khetha JPG. Tobetsa konopo ea Export le sepheo kapa u etse folda ho tšoara litšoantšo tse sa tšoaneng tse romeloang.
04 ea 05
Lebaka Leo U Hlokang ho Etsa Litlhaloso Tse Tharo (kapa ho Fetisisa) tsa Setšoantšo
Ka litsela tse ngata, 'maraka oa Mobile ke "Wild West" ea liqeto' me boholo ba sebele ha bo lumellane le tsohle. Mohlala o ka holimo o tsoang ho Adobe Experience Design, setšoantšo se behoa ho li-artboards tse 2 tsa 6 tsa 6 le Androidboard deviceboardboard. Hlokomela kamoo lengolo la 1x ka letsohong le letšehali le bonahalang le le boholo ba halofo. Sena ke sona seo setšoantšo se neng se tla hlaha ho iPhone 6 le skrine ea eona ea retina. Phetolelo ea 2x e lumellana ka mokhoa o phethahetseng 'me phetolelo ea Android e tsoa skrineng. Khetho ea hau ke ho lekanya setšoantšo kapa ho romela setšoantšo ho tloha Photoshop ka boholo bo fapaneng.
05 ea 05
Tlhahlobo ea pele, Tlhahlobo hangata, Tšepa letho, Tšepa e le Mong le Haholo-holo
Seo u se hlokang ho se utloisisa ke hona feela qalong ea tshebetso. Ho sheba mosebetsi oa hau ka lisebelisoa tse ngata kamoo u ka khonang ho tlameha ho nkoa e le karoloana ea bohlokoa mosebetsing. Hape ho hlokahala hore u hlokomele hore sena ke mohato oa pele feela oa ho bopa li-graph assets bakeng sa lisebelisoa kapa merero ea marang-rang ea marang-rang.
Ho sebelisa mekhoa ea prototyping ke tsela e ntle ea ho senola lintlha tsa bohloko empa thepa e tšoanang e tla hloka ho hlahisoa bakeng sa tšebeliso ea moqapi. Maemong a mangata, litekanyo tsa 'mele tsa thepa, ho kenyeletsa litšoantšo, li tla ba tsa bohlokoa haholo' me li se ke tsa etsoa ka mokhoa o motle empa e le png. Ha u sheba ka lekhetlo la pele, sena se ka 'na sa bonahala se le holim'a ntlha e ka hodimo empa hopola molao oa khauta oa ho hlahisa litšoantšo: ho molemo ho theola ho feta ho feta.
Ntho ea bohlokoa ke ho sebetsa haufi-ufi le moqapi oa hau le ho sebelisa software ea prototyping e le tsela ea ho bontša morero oa hau. Leha ho le joalo, qetellong, thepa eo e tla hloka ho itokisetsa sehlahisoa sa ho qetela 'me moetsi oa hau o na le bothata bo molemo ho seo a se hlokang ho feta uena.