Ukucingwa kweselula akusoloko kubonakala
Kuye kwanda ngokuqhelekileyo kwimisebenzi yokubonisa imifanekiso ukuba kungabonakali kuphela umsebenzi wabo ukushicilelwa kodwa nakwiwebhu kunye nezixhobo ezinjenge-iPhones, iPads, idivayisi ze-Android kunye namacwecwe e-Android. Ekubeni, oku kubonakala ngathi "into enhle" njengoko iindaba zethu zentengiso zibonakala zivela kwiikrini zedijithali. Umgca wecala liyinani elikhulu lezikrini kunye nenani elididekayo lezigqibo zesikrini. Akuqhelekanga ukuva iingxaki ezinokuthi zizibuza ukuba kwenzekani kwiintsuku xa isisombululo se-Dpi yesigqibo se- TIFF umfanekiso kwifom ye- CMYK yinto evamile. Hayi ngenxa yeentsuku ezindala!
Le mihla iphelile. Ngoku kufuneka silwe nenyaniso yokuba umfanekiso ongama-200 ukuya ku-200 ungabonakala ucocekileyo kwidivaysi enye kwaye ubukeka ubukhulu bekota kwisinye kunye nobukhulu bekota ezintathu kwenye. Konke kuya kunene kwi "Resolution Arms Race" eqhutywe ngabavelisi beefayili njengoko bezama ukuxhamla amaphikseli angaphezulu kwesikrini kunabancintisana nabo.
Oku kusilethela esiya kuthiwa "Ukuphakama kweeSithinteli". Izilwanyana zizo ezo zinto - @ 2x, @ 3x - zifakwa kwigama lomfanekiso. Ngokwenene, umzekelo, faka umfanekiso ochanekileyo kwindawo efanelekileyo kwisixhobo esifanelekileyo. Emva koko kuya kuba ngcono.
Umsebenzi wethu omningi uquka ukusebenza kunye neempawu kwaye, ngokunyuka kwe-Flat design movement, ezi zinto zidalwe kwiifayile zokudweba ezifana ne- Illustrator kunye neSketch. Ingxaki iifayile azikwazi ukunikezela .ai okanye .ifs iifayile. Kudinga ukuguqulwa kwi- Scalable Vector Graphics kwaye, ngokuxhomekeka kwisicelo esetyenziselwa ukudala iimpawu, kunokungabi nokuba yi-SVG.
Emva koko kuya kuba ngcono.
Kukho iklasi elitsha lesofthiwe-i-Prototyping applications-eziba ngumbono wendibano ngaphambi kokuba imifanekiso yakho kunye neempawu zixhaswe kwiidivaysi kwaye zineenkcukacha ezikhethekileyo.
Olu qeqesho luhamba phakathi kwe-Photoshop kunye neSketch kwiimifanekiso kunye nokusebenzisa i- Adobe Experience Design ukubonisa ezimbalwa iingongoma zentlungu phakathi kwengcamango yakho kunye nokuthunyelwa kwangaphambili. Masiqalise.
01 ngo 05
Indlela Yokulungiselela Iifoto zeeFoni zeeDivayisi kwi-Adobe Photoshop
Isinyathelo sokuqala kule nkqubo ukwazi isixhobo sakho esicacileyo okanye izixhobo. Kule meko, uya kujolisa i-iPhone 6 eneendawo yeskrini yee-375 pixels ebanzi nge-667 pixels eziphezulu. Uyilo ludinga ukuba umfanekiso ube bubanzi bekrini.
Umfanekiso owawusetyenziswe wadutshulwa ngaphakathi kwe-Bern Minster Cathedral eBern, eSwitzerland. Emva kokuba umfanekiso uvula kwi-Photoshop, khetha Imifanekiso> Ubukhulu beZithombe ukujonga ubungakanani bomfanekiso kunye nesisombululo. Ngokucacileyo, umfanekiso owu-3156 x 2592 kunye neSigqibo se-300 ppi kunye nobukhulu befayile ye-23.4 Mb kuphela ayiyi kusebenza.
Ngaphakathi kwebhokisi yencoko yebhokisi yemifanekiso, nciphisa iSigqibo kwi-100 ppi . Yenza oku kuqala kuba ubukhulu bomfanekiso buya kutshintsha. NgesiSombululo, shintsha ububanzi ukuya kuma-Pixels angu-375. Ukuba ukhangele idatha yoLwazi lweZithombe uzakujonga ukuba umfanekiso ulahlekile ukusuka kwi-23.4 Mb ukuya kwi-338k yeselula. Cofa u-OK ukwamkela utshintsho kwaye uvale ibhokisi yencoko yebhokisi yesithombe.
02 we 05
Indlela yokusebenzisa i- "Export As ..." Ibhokisi leDialogue kwi-Adobe Photoshop
Emva kokuba umfanekiso ulungele ukuthumela ngaphandle, khetha "Export> Export As ..." ukuvula ibhokisi yencoko yokuthumela ngaphandle.
Le bhokisi yeDialogue yongeza ukongeza kwi-Photoshop kwaye ithatha indawo ethi "Gcina iWebhu" ibhokisi yencoko eyasetyenziswa iminyaka. Ukuba usayidinga, ungayifumana kwi-Out export pop. Kungenxa yezizathu ezicacileyo, ngoku ziyaziwa ngokuba yi "Export For Web (Legacy)". Ukuba oku kukutyelela kwakho kokuqala kule bhokisi yencoko, nantsi ityelelo elifutshane:
- Ubukhulu: Le kholam ibeka ubungakanani bemveliso yomfanekiso. Umdla onomdla walo mhlaba uza kuwandisa umfanekiso kodwa umfanekiso awuyi kuvela "njengento engafanelekanga" kwisixhobo ngenxa yenani elikhulu leepikseli kwisikrini secebo.
- I-1X: Cofa ubambe oku kwaye uza kuhanjiswa ngamanani amanani. Iindidi ze-1x, ii-2x kunye ne-3x zixhomekeke kwizixhobo ze-Hi Dpi ezivela kwi-Apple kwaye zona kunye nabanye abambalwa baya kulungiselela imifanekiso ye-Android.
- Iingxaki: Olu khetho luya kubonisa ubungakanani bakho kodwa luza kuboniswa njenge- 2x okanye ubungakanani bakhethwa. Esi sihlomelo siya kufakwa kwigama lomfanekiso.
- Umqondiso +: Chofoza oku ukuze ungeze ubungakanani obuhlukahlukeneyo bokuvelisa. Kule meko, nqakraza kabini kwaye ukhethe u-2x no-3x ukusuka kwi-pop. Oku kuya kufikelela kwiphina idivayisi ye-iOS.
- I-Trash Can: nqakraza oku kwaye ukhetho luyakususwa kwi-lineup.
- Iifayile zefayile: Khetha ifomati - jpg, png, gif okanye i-svg - ifanelekile kumfanekiso. Ukuba ubukhulu befayile bunenkxalabo unganciphisa izicwangciso zeMigangatho.
- Uhlobo lomfanekiso: ungatshintsha ubukhulu bomzimba womfanekiso.
- Ubungakanani be-Canvas: Unokutshintsha ubukhulu bomzimba womfanekiso wendlela.
- I-Metadata: Unokongeza i- copyright kunye nolwazi lwakho lokunxibelelana kwimethadatha yesithombe.
Xa ugqibile, nqakraza i-Export All iqhosha. Uya kubuzwa apho ufuna ukubeka imifanekiso. Umkhwa omuhle wokuphuhlisa ukucofa iqhosha laseFolda yeFolda uze wenze ifolda ukuze ubambe imifanekiso esithunyelwa ngaphandle. Xa ucofa ukuthumela ngaphandle, uya kuboniswa imifanekiso kwifolda.
03 we 05
Indlela yokulungisa iifowuni zeeFayili zeSelula kwiSketch 3 Ukusuka kwiCoding Coding
Umdwebo wesi-3, isicelo se-Macintosh kuphela esivela kwi-Bohemian Coding, siphumelela ngokukhawuleza phakathi kwabaqulunqi be-UX kunye ne-UI ngenxa yokugxininisa okukhulu kwi-web kunye noyilo lwe-app. Enyanisweni i-Photoshop, ngeendlela ezininzi, iimeko ezingaqhelekanga zokudlala "ukuthatha" ngeSketch.
Ukulungiselela umfanekiso weselula kwiSketch, khetha umfanekiso kwi-artboard kwaye nqakraza Yenza iqhosha lokuthumela ngaphandle kwepaneli yeeMpahla . Oku kuza kuvula ibhokisi yencoko ye-Export. Chofoza uphawu + ukuze ungeze ii-2x kunye nee-3x kwaye udibanise izixwina. Iifom ezikhoyo ziyi-PNG, JPG, TIF, PDF, EPS, kunye neSVG. Kule meko, khetha iJPG. Cofa iqhosha lokuthumela ngaphandle kwaye ujolise okanye wenze ifolda ukuze ubambe imifanekiso eyahlukeneyo ithunyelwa ngaphandle.
04 we 05
Kutheni Ufuna Ukudala Iinguqu Zithathu (okanye ezingaphezulu) zeMifanekiso
Kwimiba emininzi, iMarike yeThafari yi "Wild West" yezigqibo kwaye ubunzima obufanayo abufaneleki konke. Kulo mzekelo ukhankanywe ngasentla ukusuka kwi-Adobe Experience Design, umfanekiso ufakwa kwi-2Booboardsboard ne-Android deviceboardboard. Phawula indlela inqaku le-1x ngakwesobunxele livela lilingakanani lobukhulu. Yiyo kanye indlela umfanekiso oza kubonakala ngayo kwi-iPhone 6 kunye ne-retina yesikrini. Inguqu ye-2x ifanelana ngokugqibeleleyo kwaye i-Android inguqu iyaphuma kwesikrini. Okukhethiweyo kukuba ulinganise umfanekiso okanye uthumele umfanekiso ovela kwi-Photoshop ngobukhulu obuhlukile.
05 we 05
Uvavanyo lokuqala, Uvavanyo rhoqo, Ungathembi nto, Ukholo Lwodwa kwaye Ngokukhethekileyo
Oko okufuneka uyiqondeyo yile yinto yokuqala yenkqubo. Ukubukela umsebenzi wakho kumadivayisi amaninzi njengoko unako ukufunwa njengento ebalulekileyo yokuhamba komsebenzi. Kwakhona kufuneka ukuba uqaphele oku kuyisinyathelo sokuqala kwinkqubo yokudala i-asethi yemifanekiso kwi-app okanye iiprojekthi zewebhu.
Ukusebenzisa izicelo zokubamba iprototyping kuyindlela enhle yokufumanisa iingongoma zentlungu kodwa ezi zinto ziza kufuneka zivelise ukusetyenziswa ngumthuthukisi. Kwiimeko ezininzi, ubukhulu bezinto eziphathekayo, ezibandakanya iimpawu, ziya kuba zikhulu ngokwenyama kwaye kungekho kwipompo ye-pv kodwa i-png. Ekuboneni kokuqala, oku kungabonakala kukugqithiseleyo phezulu kodwa khumbula umgaqo wegolide wokutyhila imifanekiso: kungcono ukunqumla ngaphantsi kwesikali.
Umgca ophantsi kukusebenza ngokusondeleyo kunye nomqhubi wakho kwaye usebenzise isofthiwe yokukhusela njengendlela yokubonisa injongo yakho yoyilo. Ekugqibeleni ke, ezo zinto ziza kufuneka zilungele umkhiqizo wokugqibela kunye nomqhubi wakho unombono ongcono kwizinto azifunayo kunokuba wena.