Ukucabanga ngeselula akuyona njalo lokho okubonakalayo
Kuya ngokuya ngokuvame kakhulu ekusebenziseni ihluzo ekusebenziseni ukuphrinta kodwa futhi kuwebhu namadivaysi afana ne-iPhones, iPads, amadivayisi we-Android namaphilisi e-Android. Phezu kwalokho, lokhu kungabonakala njengento "enhle" njengoba abezindaba bethu kubonakala sengathi ziya ezikrinini zedijithali. Ukuphazamiseka kuyinto inombolo enkulu yezikrini kanye nenombolo edidekayo yezinqumo zesikrini. Kuyinto engavamile ukuzwa izinkampani eziziwayo ezizibuza ukuthi kwenzekani ezinsukwini lapho isinqumo sokuxazulula i- Dpi ka-TIFF kwisakhiwo se - CMYK sivamile. Oh ngezinsuku ezinhle zakudala!
Lezo zinsuku seziphelile. Manje kufanele sibhekane neqiniso lokuthi isithombe esingu-200 kuya ku-200 singase sibonakale sihle kudivayisi eyodwa futhi sibonakale usayizi wekota ngakwesinye nesayizi wekota lesithathu nakunye. Konke kwehla ngempela ku "Race Resms Race" okubanjelwa ngabakhiqizi bedivaysi njengoba bezama ukugaxeka amaphikseli amaningi esibukweni kunabancintisana nabo.
Lokhu kusiletha kulokho esizokubiza ngokuthi "Ukuphakama kwama-Suffixes". Izixhumi yizozinto - @ 2x, @ 3x - zifakwa egameni lesithombe. Ngokuyisisekelo, isibonelo, faka isithombe esifanele endaweni efanele kudivayisi efanele. Bese kuba ngcono nakakhulu.
Umsebenzi wethu omningi uhilela ukusebenza ngezithombe futhi, ngokuphakama kwe-Flat design ukunyakaza, lezi zinto zenziwa kulezi zicelo zokudweba kwe-vector njenge- Illustrator ne-Sketch. Inkinga amadivayisi akwazi ukunikeza amafayela we-.ai noma .eps. Kudingeka ziguqulwe zibe yi- Scalable Vector Graphics futhi, kuye ngokuthi isicelo esetshenziselwa ukudala izithonjana, kungenzeka ukuthi kungabi yi-option ye-SVG.
Bese kuba ngcono nakakhulu.
Kukhona isigaba esisha se-software- Izicelo zokuvikela - eziba iphuzu lomhlangano ngaphambi kokuba izithombe zakho nezithonjana zikhishwe kumadivayisi futhi nazo ziyaziwa ngokukhethekile.
Lokhu kufundisa kuhamba phakathi kwe-Photoshop ne-Sketch yehluzo futhi kusetshenziswa i- Adobe Experience Design ukubonisa ambalwa amaphuzu ebuhlungu phakathi kombono wakho nokuthunyelwa kokugcina. Ake siqale.
01 ka 05
Indlela Yokulungisa Izithombe Zamaselula ku-Adobe Photoshop
Isinyathelo sokuqala kule nqubo ukwazi idivayisi yakho noma amadivayisi wakho. Kulesi simo, uzobe uqondisa i-iPhone 6 enendawo yesikrini yama-pixel angu-375 ububanzi ngamaphikseli angu-667 aphezulu. Idizayini idinga ukuba isithombe sibe ububanzi beskrini.
Isithombe okufanele sisetshenziswe sadutshulwa ngaphakathi kweChristian Minster Cathedral eBern, eSwitzerland. Uma isithombe sivulwa ku-Photoshop, khetha isithombe> Usayizi Wesithombe ukuhlola ubukhulu besithombe nesinqumo sayo. Ngokusobala, isithombe esivela ku-3156 x 2592 ngesisombululo se-300 ppi kanye nosayizi wefayela we-23.4 Mb nje ngeke usebenze.
Ngaphakathi kwebhokisi lebhokisi lengxoxo yesithombe, nciphisa isinqumo ku-100 ppi . Yenza lokhu kuqala ngoba ubukhulu besithombe buzoshintsha futhi. Ngesethi yesinqumo, shintsha ububanzi kuya kuma-pixel angu-375. Uma uhlola idatha yesayizi yesithombe uzobona ukuthi isithombe sishonile kusuka ku-23.4 Mb kuya ku-338k yeselula. Chofoza u-KULUNGILE ukwamukela ushintsho bese uvale ibhokisi lengxoxo lengxoxo yesithombe.
02 ka 05
Indlela yokusebenzisa i- "Export As ..." Ibhokisi leDialogue ku-Adobe Photoshop
Uma isithombe sesilungele ukuthekelisa, khetha "Export> Export As ..." ukuvula ibhokisi lokukhulisa njenge-Export As.
Le Dialogue Box iyinhlangano yokufaka kwamuva ku-Photoshop futhi ithatha indawo yebhokisi le-"Londoloza IWebhu" eyasetshenziselwa iminyaka. Uma usayidinga, ungayithola ekuphumeni kwe-Export phansi. Kungenxa yezizathu ezicacile, manje ezaziwa ngokuthi "Ukuthunyelwa Kwewebhu (Ifa)". Uma lokhu kungukuvakasha kwakho kokuqala kuleli bhokisi lebhokisi, nangu uhambo oluthile:
- Usayizi: Le kholomu isetha usayizi wokukhiqiza wesithombe. Isici esithakazelisayo salesi sigaba sizokwandisa isithombe kodwa isithombe ngeke sibonakale "singenangqondo" kudivayisi ngenxa yenani elikhulu lamaphikseli esikrinini sedivayisi.
- I-1X: Chofoza ukubamba lokhu futhi uzokwethula ngezibalo eziningana. Izigaba ze-1x, 2x no-3x zijwayele ukuhlanganiswa namadivayisi we-Hi Dpi avela ku-Apple futhi nabo kanye nabanye abambalwa bazolungisa izithombe zamadivayisi we-Android.
- Isihluthulelo: Lolu khetho luzobonisa usayizi wakho kodwa luzoboniswa njengo- @ 2x noma ubukhulu bukhethiwe. Lesi sixhumi sizokwengezwa egameni lesithombe.
- Isibonakaliso: Chofoza lokhu ukuze ungeze ubukhulu obuhlukahlukene bokukhipha. Kulesi simo, chofoza kabili futhi ukhethe u-2x no-3x kusuka phezulu. Lokhu kuzohlanganisa cishe noma iyiphi idivayisi ye-iOS.
- I-Trash Can: Chofoza lokhu futhi ukukhetha kususiwe kusuka ku-lineup.
- Izilungiselelo zefayela: Khetha ifomethi - jpg, i-png, i-gif noma i-svg - efaneleka kakhulu kumfanekiso. Uma usayizi wefayela ukukhathazeka ungabuye unciphise izilungiselelo zekhwalithi.
- Usayizi wesithombe: ungashintsha ubukhulu bomzimba wesithombe.
- Ubukhulu be-Canvas: Ungashintsha ubukhulu obungokwenyama bomdwebo wesithombe.
- I-Metadata: Ungangezela i-copyright kanye nolwazi lwakho lokuxhumana kumethadatha yesithombe.
Uma usuqedile, chofoza inkinobho ye-Export All. Uzobuzwa ukuthi ufuna ukubekaphi izithombe. Umkhuba omuhle wokuthuthukisa ukuchofoza inkinobho yeFolda entsha bese udala ifolda ukuze ubambe izithombe ezithunyelwe. Uma uchofoza ukuthekelisa, uzoboniswa izithombe kufolda.
03 ka 05
Indlela Yokulungisa Izithombe Zamadivayisi Ngesikhwama 3 Kusuka Coding Bohemian
Umdwebo wesi-3, uhlelo lokusebenza lwe-Macintosh kuphela oluvela kwi-Bohemian Coding, luza ngokuphawulekayo phakathi kwabakhiqizi be-UX ne-UI ngenxa yokugxila okukhulu kwi-web kanye nokuklanywa kohlelo lokusebenza. Empeleni i-Photoshop, ngezindlela eziningi, isesimweni esingavamile sokudlala "ukubamba" ngeSketch.
Ukuze ulungise isithombe seselula ku-Sketch, khetha isithombe ku-artboard bese uchofoza ukwenza Yenza inkinobho ephumayo ngaphansi kwephaneli ye-Properties . Lokhu kuzovula ibhokisi lengxoxo ye-Export. Chofoza uphawu + ukuze ungeze izinguqulo ze-2x no-3x futhi wengeze izixhumi. Amafomethi atholakala yi-PNG, JPG, TIF, PDF, EPS, ne-SVG. Kulokhu, khetha i-JPG. Chofoza inkinobho yokuthumela kanye nokukhomba noma ukudala ifolda ukuze ubambe izithombe ezihlukahlukene ezihanjisiwe.
04 ka 05
Isizathu Sokuba Udinga Ukwakhiwa Kwezinguquko Ezinhlanu (noma ngaphezulu) Zesithombe
Ngezici eziningi, iMakethe yeselula yiyona "iWest West" yezinqumo futhi usayizi owodwa ngokuqinisekile awuhambisani nakho konke. Kulesi sibonelo esingenhla kusukela ku-Adobe Experience Design, isithombe sibekwe kuma-artboards amabili we-iPhone 6 kanye ne-Android device artboard. Phawula indlela inguqulo engu-1x ngakwesobunxele ibonakala ibe ubukhulu obungamatshumi amathathu. Lokhu kanye nendlela umfanekiso ozovela ngayo kwi-iPhone 6 nge-retina screen. Inguqulo engu-2x ihambelana ngokuphelele futhi inguqulo ye-Android iphela kwesikrini. Okukhethile ukukhipha isithombe noma ukuthumela isithombe kusuka ku-Photoshop ngosayizi ohlukile.
05 ka 05
Hlola kuqala, Uvivinye kaningi, Ungathembeli lutho, Ukholo Lwodwa futhi Ngokukhethekile
Okudingayo ukuyiqonda lokhu kungukuqala kwenqubo. Ukubuka umsebenzi wakho kumadivayisi amaningi ongawudinga ukubhekwa njengengxenye ebalulekile yokuhamba komsebenzi. Kumele uqaphele ukuthi lokhu kuyisinyathelo sokuqala enkambeni yokudala i-ifafazi yezimpahla zohlelo lokusebenza noma amaphrojekthi wewebhu weselula.
Ukusebenzisa izinhlelo zokubheka indlela yindlela elula yokuthola amaphuzu abuhlungu kodwa lawo mafa afanayo azodingeka akhiqizwe ukusetshenziswa komthuthukisi. Ezimweni eziningi, ubukhulu obungokwenyama bamafa, kufaka phakathi imifanekiso, kuyoba ngokomzimba omkhulu hhayi kufomethi ye-svg kepha i-png. Ekuboneni kokuqala, lokhu kungase kubonakale sengathi kuncane kakhulu kodwa ukhumbule umthetho wegolide wokukala izithombe: kungcono ukukala phansi kunezinga eliphezulu.
Okubalulekile ukuthi usebenze eduze nomthuthukisi wakho futhi usebenzise isofthiwe yokubheka njengendlela yokubonisa intando yakho. Kodwa ekugcineni, lezo zimpahla zizodinga ukuba zilungele umkhiqizo wokugcina futhi unjiniyela wakho unombono ongcono kulokho akudingayo kunakho.