ʻO ka hoʻolālāʻana no ka moenaʻaʻoleʻo ia i nā manawa a pau
Ke ulu nei ka mea maʻamau no nāʻoihana kiʻi kiʻiʻaʻole eʻike waleʻia kā lākou hana ma ka pepa akā ma nā pūnaewele pūnaewele a me nā polokalamu e like me iPhones, iPads, mea polokalamu Android a me nā papahana Android. Ma luna o kaʻili, hiki keʻikeʻia he "mea maikaʻi" e like me keʻano o ka pāpāla e hōʻike ana i kā mākouʻoihana i ka hoʻonaniʻana i nā pale kamepiula. ʻO kaʻaoʻao lalo ka helu nui o nā pale a me ka helu kānalua o nā manaʻo pale. ʻAʻole hiki ke lohe ka loheʻana i nā mea kūpono e mahalo ana i nā mea a pau i loaʻa i nā lā i loaʻa ai ke kūlana TIFF 300 dpi ma ka format CMYK . Auwē nā lā kahiko!
Ua hala kēlā mau lā. I kēia manawa, pono mākou e paio me keʻano o kahi 200 a 200 mau kiʻi eʻike maikaʻi ma ka'ōkuhi hoʻokahi aʻikeʻia he hapaha nui ma kahi'ē aʻe aʻekolu hapahā nui ma kahi'ē aʻe. Ke hele nei i lalo i ka "Resolution Arms Race" i ka hanaʻia e nā mea hana hana ma ka ho'āʻoʻana e hoʻopili i nā pika i nā pika ma mua o ka poʻe i hoʻokūkū.
ʻO kēia ka mea e alakaʻi iā mākou i kahi e kapaʻia ai "The Rise Of The Suffixes". ʻO nā hemahema kahi mau mea - @ 2x, @ 3x - i kākoʻoʻia i ka inoa o kekahi kiʻi. ʻO lākou, ma ka laʻana, kau i ke kiʻi kūpono ma kahi'ākau ma luna o ka mea pono. A laila uaʻoi aʻe ka maikaʻi.
ʻO ka nui o kā mākou hana e pili ana i ka hana me nā kiʻi a, me ka piʻiʻana o ka hāpai papahana Flat, ua hanaʻia kēia mau mea ma loko o nā kiʻi hana kiʻi like me ka mea hōʻike a me ka'ōlelo. ʻO ka pilikia,ʻaʻole hiki i nā polokalamu ke hoʻokomo i ka .ai a .eps i nā pūnaewele. Pono lākou e hoʻohuli i nā kiʻi paʻi kiʻi kiʻi a, e like me ke noi i hoʻohanaʻia e hana i nā kiʻi, hikiʻole i kahi koho SVG.
A laila uaʻoi aʻe ka maikaʻi.
Aia kekahi papahana hou o nā polokalamu - Hoʻolālā i nā noi - hiki ke lilo i ka piko hālāwai ma mua o ke kauʻiaʻana o nā kiʻi a me nā kiʻi i nā polokalamu aʻo lākou hoʻi nā mea likeʻole.
ʻO kēia kumu aʻo ma waena o Photoshop a me Sketch no nā kiʻi a me ka hoʻohanaʻana i Adobe Experience Design e hōʻike i kekahi mau māhele pale i waena o kāu manaʻo a me ka hoʻolālāʻana. E hoʻomaka kākou.
01 o 05
Pehea e hoʻomākaukau ai i nā kiʻi no nā pūnaewele Mobile ma Adobe Photoshop
ʻO ka hana mua i kēia kaʻina hanaʻo kaʻike i kāu'ōnaehana paʻamau a iʻole nā'ōnaehana. Ma kēia hihia, e hoʻokumu anaʻoe i ka iPhone 6 i loaʻa kahi 375 pixels ākea me 667 pixels kiʻekiʻe. Hōʻike ka manaʻo i ke kiʻi e like me ka laula o ka pakuhi.
ʻO ke kiʻi e hoʻohanaʻia ana, ua panaʻia i loko o ke keʻenaʻo Bern Minster ma Bern, Switzerland. Ke weheʻia ka kiʻi ma Photoshop, koho i ka kiʻi> Nānā Kiʻi e nānā i ka nui o ke kiʻi a me kona hoʻonā. ʻIke i keʻano, he kiʻi 3156 x 2592 me kahi Resolution o 300 ppi aʻo kahi kōnae nui o 23.4 Mb hikiʻole ke hana.
Ma loko o ka pahu kiʻi Image, e ho'ēmi i ka hoʻoholoʻana i 100 ppi . E hana i kēia ma mua no ka mea e hoʻololiʻia nāʻaoʻao kiʻi. Me ka hoʻoholo Resolution, hoʻololi i ka whānui i 375 Pixels. Inā nānāʻoe i kaʻikepili kiʻi kiʻi eʻikeʻoe ua hoʻonui ke kiʻi mai ka 23.4 Mb i 338k punahele iʻoi aku. E kaomi iā OK eʻae i ka loli a hoʻopili i ka pahu kiʻi Image.
02 o 05
Pehea e hoʻohana ai i ka "Export As ..." Dialogue Box in Adobe Photoshop
Ke hoʻomākaukauʻia kēia kiʻi no ka hoʻokuʻuʻana aku, e koho i "Export> Export As ..." e wehe i ka Export As a dialog.
ʻO kēia pahuhopu Dialogue kahi hōʻano hou i Photoshop a pani i ka pahuhopu dialog "Save For Web" i hoʻohanaʻia no nā makahiki. Inā makemakeʻoe i kēia, hiki iāʻoe ke loaʻa ia ma ka Paʻiʻana i lalo. ʻO ia, no nā kumu kūpono, i kēia manawa i kapaʻiaʻo "Export For Web (Legacy)". Ināʻo kāu hele mua kēia i kēia pahu kūkākūkā, eia kahi mākaʻikaʻi pōkole:
- Nui: Hoʻonohonoho kēia kola i ka nui puka o ke kiʻi. ʻO ka hiʻohiʻona maikaʻi o kēia wahi, e hoʻonui ia i ke kiʻi akāʻaʻole eʻikeʻia ke kiʻi e like me "fuzzy" ma ka mea no ka nui o nā pika ma ka pākuhi o ka mea.
- 1X: E kaomi i ka paʻaʻana i kēia a ke hōʻikeʻiaʻoe me nāʻano nui. ʻO nāʻaoʻao 1x, 2x a me 3x e pili pū ana me nā polokalamu Hi Dpi mai Apple aʻo lākou a me nā mea'ē aʻe e hoʻomākaukau i nā kiʻi no nā'ōnaehana Android.
- Suffix: ʻO kēia koho e hōʻike i kou nui akā e hōʻikeʻiaʻo @ 2x a i kohoʻia ka nui. E hoʻokomoʻia kēia kikowaena i ka inoa kiʻi.
- Ka + hōʻailona: E kaomi i kēia no ka hoʻohuiʻana i nāʻano likeʻole no ka huahana. I kēia hihia, e pāloli pinepine i ka koho a koho i 2x a 3x mai ka pop. Mālama kēia i kekahi polokalamu iOS.
- Hiki i ka pākuhi : Kaomi i kēia a ua weheʻia ka koho mai ka lineup.
- Nā Paʻa Pūnaewele: koho i ka hōʻokoʻa - jpg, png, gif a svg - maikaʻi loa i ka kiʻi. Inā he pilikia ka nui o ka faila, hiki iāʻoe ke hoʻohaʻahaʻa i nā koina Honua.
- Nui kiʻi: hiki iāʻoe ke hoʻololi i keʻano o ke kiʻi.
- Ka Lae Kanone: Hiki iāʻoe ke hoʻololi i nāʻano o ke kāʻei kiʻi.
- Kālehua: E hiki iāʻoe ke hoʻohui kope a me kāuʻikeʻikepili i ke metadata kiʻi.
Ke pau, e kaomi i ka pākuhi Export All. E nīnauʻiaʻoe kahi e makemakeʻoe e kau i nā kiʻi. ʻO kahi maʻamau maikaʻi e hoʻomohala,ʻo ia ka pākuhi i ka pākuhi Kōpena Hou a kāpili i kahi waihona e hoʻopaʻa i nā kiʻi i laweʻia. Ke kāomiʻoe i ka'akeʻana, e hōʻikeʻiaʻoe i nā kiʻi i loko o ka waihona.
03 o 05
Pehea e hoʻolālāʻia ai nā kiʻi no nā pūnaewele liʻiliʻi ma kaʻaoʻao 3 Mai ka huiʻana o Bohemia
ʻO ka papa 3, kahi Macintosh-application wale nō mai Bohemian Coding, ua loaʻa kokeʻo ia i ka hilinaʻi nui ma waena o nā mea hoʻolālā UX a me UI no ka nānā nuiʻana i ka hoʻolālā pūnaewele a me ka hoʻolālā. ʻOiaʻiʻo,ʻo ka Photoshop, ma nāʻano he nui, aia ma kahi kūlana o ka pāʻaniʻana i "kāʻili" me ka Sketch.
No ka hoʻomākaukauʻana i kiʻi no ka moena ma Sketch, koho i ke kiʻi ma ka artboard a kaomi i ka pihi Make Exportable ma lalo o ka papahana Properties . Mā kēia e wehe i ka pahuhopu Export. E kaomi i ka + hōʻailona e hoʻonui i nā'ōmole 2x a me 3x a hōʻoia hoʻi i nā suffix. Aia nā puka i loaʻa ma PNG, JPG, TIF, PDF, EPS, a me SVG. I kēia hihia, koho iā JPG. Kaomi i ka pākuhi Export a hoʻoholo a iʻole e hana i kahi waihona e hoʻopaʻa i nā kiʻi likeʻole i laweʻia.
04 o 05
No ke aha e pono ai e hana iʻekolu (aiʻole) mauʻano o nā kiʻi
Ma nāʻano he nui,ʻo ka Mobile Market ka "Wild West" o nā'ōlelo kūpaʻa aʻo keʻano nuiʻaʻole i kūpono i nā mea a pau. Ma keʻano i hōʻikeʻia ma luna aʻe nei mai Adobe Experience Design, hoʻokumuʻia kēia kiʻi ma nā kiʻi hana kiʻi 2 a me ka'ōnaehana'ōnaehana Android. Eʻike i keʻano o ka helu 1x ma ka hema e hōʻike i ka hapalua. ʻO kēia keʻano o kaʻikeʻana o ke kiʻi ma kahi iPhone 6 me kāna'ōpana retina. Hiki ke kūpono 2x me ka maikaʻi a holo aku ka'ōkuhi Android mai ka maka. ʻO kāu kohoʻana i ke ana o ka kiʻi a iʻole e hoʻokuʻuʻia ke kiʻi ma Photoshop ma kahi'ē aʻe.
05 o 05
Ka Hoʻoʻo mua, Ka Hōʻoiaʻana I mau manawa,ʻAʻohe Mea Manaʻo,ʻAʻohe Manaʻo a me ke Aliʻi
ʻO kāu mea e pono e hoʻomaopopo ai,ʻo ia wale nō ka hoʻomaka o ka hana. Ke nānā nei i kāʻoukou hana ma nā'ōnaehana he nui e hiki ai keʻikeʻia heʻano nui o ka workflow. Ponoʻoe e noʻonoʻoʻo kēia wale nō ka mea mua i ka hana o ka hanaʻana i nā mea hilinaʻi no kahi polokalamu a iʻole pūnaewele pūnaewele pūnaewele.
ʻO ka hoʻohanaʻana i nā noi hana ho'āʻo he ala maikaʻi loa ia e wehewehe i nā kumukūʻau paʻakikī akā e pono ana kēia mau waiwai e puka i waho no ka hoʻohanaʻana o ka mea hoʻolālā. Ma nāʻano he nui,ʻo ka nui o ka waiwai o nā waiwai, me nā kiʻi, e nui nui aʻaʻole i loko o ka hōʻailona svg engari png. I ka nānā muaʻana, hiki paha kēia ma kahi o luna ae hoʻomanaʻo i ke kaʻina gula o nā kiʻi hoʻolālā: maikaʻi ke kauʻana ma lalo o ka pālākiō.
ʻO ka laina lalo e hana pili me ka mea hoʻoponopono a me ka hoʻohanaʻana i nā polokalamu hoʻolālā e like me keʻano e hōʻike ai i kāu manaʻo noʻonoʻo. I ka hopena, akā, pono nō kēlā mau waiwai e mākaukau no ka huahana hope loa a iʻoi aku kaʻoi aku o kaʻoihana o ka mea nāna i hoʻokohu i ka mea i makemakeʻia e ia.