Kuchunguza simu sio kila kitu kinachoonekana
Inazidi kuwa ya kawaida kwa faida za graphics si tu kuwa na kazi yao inaonekana katika kuchapishwa lakini pia kwenye wavuti na vifaa kama vile iPhone, iPads, vifaa vya Android na vidonge vya Android. Juu ya uso, hii inaweza kuonekana kama "jambo jema" kama vyombo vya habari kazi yetu inaonekana inaenea kwenye skrini za digital. Upungufu ni idadi kubwa ya skrini na idadi ya kuchanganyikiwa ya maazimio ya skrini. Sio kawaida kusikia faida za msimu zikijiuliza kila kilichotokea kwa siku ambapo sura ya TIFF ya 300 dpi katika muundo wa CMYK ilikuwa kawaida. Oh kwa siku nzuri za zamani!
Siku hizo zimekwisha. Sasa tunapaswa kushindana na ukweli kwamba picha 200 hadi 200 inaweza kuonekana vizuri kwenye kifaa kimoja na bado itaonekana ukubwa wa robo kwenye ukubwa mwingine na tatu kwa robo nyingine. Haya yote huja chini ya "Mbio ya Silaha za Azimio" inayoendeshwa na wazalishaji wa kifaa kama wanajaribu kupiga pixels zaidi kwenye skrini kuliko washindani wao.
Hii inatuleta kwenye kile tutachoita "Kuongezeka kwa Suffixes". Vidokezo ni mambo hayo - @ 2x, @ 3x - hujazwa kwa jina la picha. Wao kimsingi, kwa mfano, kuweka picha sahihi katika mahali pa haki kwenye kifaa sahihi. Kisha hupata hata bora zaidi.
Kazi yetu nyingi inahusisha kufanya kazi na icons na, kwa kuongezeka kwa harakati ya kubuni ya Gorofa, mambo haya yanaundwa katika programu za kuchora vector kama Illustrator na Mchoro. Tatizo ni vifaa haziwezi kutoa faili za .ai au .eps. Wanahitaji kutumiwa kuwa Graphics Vector Scalable na, kulingana na programu iliyotumiwa kuunda icons, huenda hata huenda kuwa chaguo la SVG.
Kisha hupata hata bora zaidi.
Kuna darasa jipya la programu- Programu ya kupiga kura - ambayo inakuwa hatua ya kusanyiko kabla picha zako na icons vilipigwa kwa vifaa na pia wana sifa zao.
Mafunzo haya husafiri kati ya Photoshop na Mchoro kwa michoro na kutumia Adobe Experience Design ili kuonyesha pointi chache za maumivu kati ya wazo lako na kupelekwa kwa mara kwa mara. Tuanze.
01 ya 05
Jinsi ya Kuandaa Picha za Vifaa vya Mkono katika Adobe Photoshop
Hatua ya kwanza katika mchakato huu ni kujua kifaa chako au vifaa. Katika kesi hiyo, utakuwa unalenga iPhone 6 ambayo ina eneo la skrini la pixels 375 pana na saizi 667 za juu. Mpangilio unahitaji picha ili kuwa upana wa skrini.
Picha ya kutumiwa ilitolewa ndani ya Kanisa la Kidini la Bern huko Bern, Uswisi. Mara baada ya kufungua picha katika Photoshop, chagua Image> Ukubwa wa Picha ili uone vipimo vya picha na azimio lake. Kwa wazi, picha ambayo ni 3156 x 2592 na Azimio la 300 ppi na ukubwa wa faili ya 23.4 Mb tu haitatumika.
Ndani ya sanduku la maandishi la ukubwa wa picha, kupunguza Azimio kwa ppi 100 . Fanya hili kwanza kwa sababu vipimo vya picha pia vitabadilika. Na kuweka Azimio, ubadili upana hadi 375 saizi. Ikiwa utaangalia data ya ukubwa wa picha utaona picha imeshuka kutoka 23.4 Mb hadi 338k zaidi ya simu ya mkononi. Bofya Bonyeza kukubali mabadiliko na ufunge sanduku la maandishi ya Ukubwa wa Picha.
02 ya 05
Jinsi ya kutumia "Export As ..." Sanduku la Dialogue katika Adobe Photoshop
Mara tu picha iko tayari kwa ajili ya kuuza nje, chagua "Export> Export As ..." ili kufungua sanduku la Nje la Nje.
Sanduku hili la Majadiliano ni kuongeza kwa hivi karibuni kwa Photoshop na hubadilisha sanduku la mazungumzo la "Hifadhi Kwa Wavuti" ambalo lilitumiwa kwa miaka. Ikiwa unahitaji bado, unaweza kuipata kwenye pop ya Nje. Kwa, kwa sababu za wazi, sasa inajulikana kama "Export For Web (Legacy)". Ikiwa hii ndiyo ziara yako ya kwanza kwenye sanduku hili la mazungumzo, hapa kuna ziara fupi:
- Ukubwa: safu hii inaweka ukubwa wa pato wa picha. Kipengele cha kuvutia cha eneo hili ni kitambaa cha kupanua picha lakini picha haionekani kama "fuzzy" kwenye kifaa kwa sababu ya idadi kubwa ya saizi kwenye skrini ya kifaa.
- 1X: Bonyeza kushikilia hili na utawasilishwa kwa ukubwa wa idadi. Makundi ya 1x, 2x na 3x yanahusiana na vifaa vya Hi Dpi kutoka Apple na wao pamoja na wachache wengine wataandaa picha za vifaa vya Android.
- Suffix: Uchaguzi huu utaonyesha ukubwa wako lakini utaonyeshwa kama @ 2x au ukubwa umechaguliwa. Kipindi hiki kitaongezwa kwa jina la picha.
- Ishara +: Bonyeza hii ili kuongeza ukubwa tofauti kwa pato. Katika kesi hii, bofya mara mbili na ukachagua 2x na 3x kutoka pop chini. Hii itafikia kifaa chochote cha iOS.
- Trash Inaweza: Bonyeza hii na chaguo hilo limeondolewa kutoka kwenye usanidi.
- Mipangilio ya faili: Chagua muundo - jpg, png, gif au svg - bora zaidi kwa picha. Ikiwa ukubwa wa faili ni wasiwasi unaweza pia kupunguza mipangilio ya Ubora.
- Ukubwa wa picha: unaweza kubadilisha vipimo vya kimwili vya picha.
- Ukubwa wa Canvas: Unaweza kubadilisha vipimo vya kimwili vya canvas ya picha.
- Metadata: Unaweza kuongeza hakimiliki na maelezo yako ya kuwasiliana kwenye metadata ya picha.
Baada ya kumaliza, bofya kifungo cha Export All. Utaulizwa wapi unataka kuweka picha. Njia nzuri ya kuendeleza ni bonyeza kitufe cha Folda Mpya na uunda folda ili kushikilia picha zilizosafirishwa. Unapofya Export, utaonyeshwa picha kwenye folda.
03 ya 05
Jinsi ya Kuandaa Picha za Vifaa vya Mkono katika Mchoro 3 Kutoka kwa Coding ya Bohemian
Mchoro wa 3, maombi ya Macintosh tu kutoka kwa Coding ya Bohemian, inapata ufanisi kati ya wabunifu wa UX na UI kwa sababu ya kuzingatia kwa kasi mtandao na programu ya programu. Kwa kweli Photoshop, kwa njia nyingi, ni katika nafasi isiyo ya kawaida ya kuwa na kucheza "catch up" na Mchoro.
Ili kuandaa picha ya simu katika Mchoro, chagua picha kwenye ubao wa sanaa na bofya Bomba la Kuingiza nje chini ya Jopo la Mali . Hii itafungua sanduku la dialog Export. Bofya ishara + ili kuongeza vifungu vya 2x na 3x na pia kuongeza vifungo. Fomu zilizopo ni PNG, JPG, TIF, PDF, EPS, na SVG. Katika kesi hii, chagua JPG. Bonyeza kifungo cha Export na lengo au uunda folda ili kushikilia picha mbalimbali zilizouzwa.
04 ya 05
Kwa nini Unahitaji Kujenga Matoleo Tatu (Au Zaidi) ya Picha
Kwa namna nyingi, soko la Mkono ni "Wild West" ya maazimio na ukubwa mmoja dhahiri haufanani yote. Katika mfano ulio juu kutoka kwa Adobe Experience Design, picha imewekwa kwenye sanaa 2 za sanaa 6 za iPhone na sanaa ya kifaa cha Android. Tazama jinsi toleo la 1x upande wa kushoto inaonekana kuwa ukubwa wa nusu. Hii ni jinsi gani picha itaonekana kwenye iPhone 6 na skrini yake ya retina. Toleo la 2x linafaa kikamilifu na toleo la Android linaondoka kwenye skrini. Chaguo lako ni kupanua picha au kusafirisha picha nje ya Photoshop kwa ukubwa tofauti.
05 ya 05
Mtihani wa Mapema, Mtihani Mara nyingi, Usitumie Hakuna, Utegemea Mtu na Hasa
Nini unahitaji kuelewa ni hii tu mwanzo wa mchakato. Kuangalia kazi yako kwenye vifaa kama vile iwezekanavyo inapaswa kuonekana kama kipande muhimu cha kazi ya kazi. Pia unahitaji kuwa na ufahamu huu ni hatua ya kwanza tu katika mchakato wa kujenga mali za picha kwa programu au miradi ya mtandao ya simu.
Kutumia maombi ya prototyping ni njia nzuri ya kugundua pointi za maumivu lakini mali hizi hizo zitahitajika kuwa pato kwa matumizi ya mtengenezaji. Katika hali nyingi, vipimo vya kimwili vya mali, ikiwa ni pamoja na icons, vitakuwa vya kimwili na sio kwenye muundo wa svg bali wa png. Kwa mtazamo wa kwanza, hii inaweza kuonekana kuwa juu juu lakini kukumbuka utawala wa dhahabu wa kuongeza picha: ni bora kupunguza chini kuliko scale up.
Mstari wa chini ni kufanya kazi kwa karibu na msanidi programu yako na kutumia programu ya kupiga kura kama njia ya kuonyesha nia yako ya kubuni. Hatimaye, hatimaye mali hiyo hiyo itahitaji kuwa tayari kwa bidhaa ya mwisho na msanidi programu wako ana kushughulikia bora juu ya kile anachohitaji kuliko wewe.