Imaj pou mobil se pa toujou sa li sanble
Li vin de pli zan pli komen pou avantaj grafik pa sèlman gen travay yo parèt nan enprime, men tou sou entènèt la ak aparèy tankou iPhones, iPads, aparèy android ak tablèt android. Sou sifas la, sa a ka wè sa tankou yon "bon bagay" kòm medya yo travay nou parèt sou ogmante nan ekran dijital. Inconvénient la se nimewo a absoli nan ekran ak nimewo a konfizyon nan rezolisyon ekran. Li pa estraòdinè tande avantaj sezonman mande kisa ki te rive nan jou yo lè yon 300 dpi rezolisyon TIFF imaj nan fòma a CMYK te nòmal la. Oh pou bon jou yo fin vye granmoun!
Jou sa yo sou. Nou kounye a gen soutni ak lefèt ke yon 200 pa 200 imaj ka parèt amann sou yon sèl aparèy e ankò parèt gwosè trimès sou yon lòt ak twa-trimès gwosè sou ankò yon lòt. Li tout reyèlman vini desann nan "Rezolisyon an Arms Ras" yo te api pa manifaktirè yo aparèy jan yo eseye konfiti plis piksèl nan yon ekran pase konpetitè yo.
Sa a pote nou nan sa nou pral rele "Leve non an nan sufiks yo". Sifiks yo se bagay sa yo - @ 2x, @ 3x - tacked sou non yon imaj. Yo esansyèlman, pou egzanp, mete imaj la dwa nan plas la dwat sou aparèy la dwat. Lè sa a, li vin menm pi bon.
Yon anpil nan travay nou enplike nan travay ak ikon ak, ak monte nan mouvman an konsepsyon Flat, bagay sa yo yo kreye nan aplikasyon pou desen vektè tankou Illustrator ak trase. Pwoblèm lan se aparèy tou senpleman pa ka rann .ai oswa .eps dosye. Yo bezwen yo dwe konvèti nan grafik vektè Scalable ak, tou depann de aplikasyon an itilize yo kreye ikon yo, pa ta ka menm gen yon opsyon SVG.
Lè sa a, li vin menm pi bon.
Gen yon nouvo klas nan aplikasyon lojisyèl - Pwototip - ki ap vin pwen nan tout pèp la anvan imaj ou ak ikon yo pouse soti nan aparèy ak yo gen sengularite yo kòm byen.
Tutorial sa a deplase ant fotoschop ak trase pou grafik yo ak lè l sèvi avèk Adobe eksperyans Design yo demontre yon kèk nan pwen yo doulè ant lide ou ak evantyèlman deplwaman. An n kòmanse.
01 nan 05
Kijan pou prepare imaj pou aparèy mobil nan Adobe Photoshop
Premye etap la nan pwosesis sa a se konnen aparèy sib ou oswa aparèy. Nan ka sa a, ou pral vize iPhone a 6 ki te gen yon zòn ekran nan 375 piksèl lajè pa 667 piksèl segondè. Konsepsyon an apèl pou imaj la yo dwe lajè a nan ekran an.
Imaj la yo dwe itilize te tire andedan katedral la Bern minè nan Bern, Swis. Yon fwa imaj la ouvri nan fotoschop, chwazi imaj> gwosè Imaj yo tcheke dimansyon yo nan imaj la ak rezolisyon li yo. Li evidan, yon imaj ki se 3156 x 2592 ak yon Rezolisyon 300 ppi ak yon gwosè dosye nan 23.4 Mb tou senpleman pa pral travay.
Anndan ti bwat dyalòg Imaj, diminye Rezolisyon an nan 100 ppi . Fè sa premye paske dimansyon imaj yo pral chanje tou. Avèk seri a Rezolisyon, chanje lajè a 375 piksèl. Si ou tcheke done yo Size Size ou pral avi imaj la te retresi soti nan 23.4 Mb nan yon 338k plis mobil-zanmitay. Klike sou OK yo aksepte chanjman an epi fèmen ti bwat dyalòg Imaj la.
02 nan 05
KOUMAN POU SÈVI AK "Ekspòte kòm ..." Dyalòg Box nan Adobe Photoshop
Yon fwa imaj la se pare pou ekspòtasyon, chwazi "Export> Export Kòm ..." yo louvri Export la Kòm bwat dyalòg.
Bwat dyalòg sa a se yon adisyon ki resan nan fotoschop epi li ranplase bwat dyalòg "Save For Web" yo te itilize pou ane. Si ou toujou bezwen li, ou ka jwenn li nan Export pòp la desann. Li se, pou rezon evidan, kounye a ke yo rekonèt kòm "Export pou sit entènèt (Legacy)". Si sa a se premye vizit ou nan bwat dyalòg sa a, isit la nan yon vwayaj kout:
- Size: Kolòn sa a kouche gwosè pwodiksyon an nan imaj la. Aspè a enteresan nan zòn sa a se li pral elaji imaj la men imaj la pa pral parèt kòm "mou" sou aparèy la paske nan nimewo a gwo piksèl sou ekran aparèy la.
- 1X: Klike sou kenbe sa a, epi ou pral prezante ak yon kantite gwosè. Kategori yo 1x, 2x ak 3x yo tradisyonèlman ki asosye ak Hi Dpi aparèy soti nan Apple epi yo ansanm ak yon lòt moun kèk pral prepare imaj pou android aparèy.
- Sifiks: Chwa sa a ap montre gwosè ou men li pral montre li kòm 2x oswa gwosè a chwazi. Sifiks sa a pral ajoute nan non an imaj.
- Siyen la + Klike sou sa a ajoute gwosè divès kalite pou pwodiksyon. Nan ka sa a, klike sou li de fwa epi chwazi 2x ak 3x soti nan pòp la desann. Sa pral kouvri pratikman nenpòt aparèy iOS.
- Fatra a kapab: Klike sou sa a epi li se chwa a retire nan pwogramasyon an.
- Anviwònman File: Chwazi fòma a - jpg, png, gif oswa svg - pi bon-adapte nan imaj la. Si gwosè a dosye a se yon enkyetid ou ka tou redwi anviwònman yo Kalite.
- Imaj gwosè: ou ka chanje dimansyon fizik yo nan imaj la.
- Size Canvas: Ou ka chanje dimansyon fizik la nan twal la imaj.
- Metadata: Ou ka ajoute copyright ak enfòmasyon kontak ou a metadata imaj la.
Lè fini, klike sou bouton an Export All. Yo pral mande w kote ou vle mete imaj yo. Yon abitid bon yo devlope se klike sou bouton an Dosye New ak kreye yon katab yo kenbe imaj yo ekspòte. Lè ou klike sou Export, ou pral montre imaj yo nan katab la.
03 nan 05
Kijan pou prepare imaj pou aparèy mobil yo nan trase 3 De Bohemian kodaj
Trase 3, yon Macintosh-sèlman aplikasyon soti nan Bohemian kod, se rapidman pran importance nan mitan UX ak UI konsèpteur akòz konsantre entans li yo sou entènèt ak konsepsyon app. An reyalite Photoshop, nan plizyè fason, se nan pozisyon an enpè nan gen yo jwe "ratrape" ak trase.
Pou prepare yon imaj pou mobil nan trase, chwazi imaj la sou atizay la, epi klike sou bouton an Fè Exportable nan pati anba a nan panèl la Pwopriyete . Sa a pral louvri bwat dyalòg ekspòtasyon an. Klike sou la + siyen yo ajoute vèsyon yo 2x ak 3x epi tou li ajoute sifiks yo. Fòma ki disponib yo se PNG, JPG, TIF, PDF, EPS, ak SVG. Nan ka sa a, chwazi JPG. Klike sou bouton an Export ak sib oswa kreye yon katab yo kenbe imaj yo divès kalite ekspòte.
04 nan 05
Poukisa ou bezwen kreye twa (oswa plis) vèsyon nan Imaj la
Nan anpil respè, mache mobil la se "sovaj West" nan rezolisyon ak yon sèl gwosè definitivman pa anfòm tout. Nan egzanp lan pi wo a soti nan Adobe eksperyans Design, se imaj la mete sou 2 atis 6 iPhone ak yon tablo android aparèy. Avi sou ki jan vèsyon an 1x sou bò gòch la parèt yo dwe mwatye gwosè. Sa a se egzakteman ki jan imaj la ta parèt sou yon iPhone 6 ak ekran retin li yo. Vèsyon an 2x adapte parfe ak vèsyon an android kouri nan ekran an. Chwa ou se swa echèl imaj la oswa ekspòtasyon imaj la soti nan fotoschop nan yon gwosè diferan.
05 nan 05
Teste byen bonè, tès souvan, pa gen konfyans, pa gen okenn konfyans epi espesyalman tèt ou
Ki sa ou bezwen konprann se sa a se jis kòmansman an nan pwosesis la. Wè travay ou sou aparèy anpil jan ou ka gen yo dwe konsidere kòm yon moso vital nan workflow la. Ou bezwen tou dwe konnen sa a se jis premye etap la nan pwosesis pou kreye grafik byen pou yon app oswa mobil pwojè entènèt.
Lè l sèvi avèk aplikasyon pou prototype se yon bon fason pou dekouvwi pwen yo doulè, men byen sa yo menm ap bezwen pwodiksyon pou itilize pa pwomotè a. Nan anpil ka, dimansyon fizik yo nan byen yo, ki gen ladan ikon, yo pral fizikman gwo epi yo pa nan fòma svg men png. Nan premye gade, sa a ka sanble yo gen yon ti jan sou tèt la men sonje règ la an lò nan imaj Eskalad: li se pi bon echèl desann pase echèl moute.
Liy anba a se travay kole kole ak pwomotè ou ak yo sèvi ak lojisyèl prototype kòm yon fason pou montre entansyon konsepsyon ou. Evantyèlman, menm si, moun sa yo menm ap bezwen pou yo pare pou pwodwi final la ak pwomotè ou a gen yon pi bon okipe sou sa li bezwen li pase ou.