Immaġini għall-mowbajl mhuwiex dejjem dak li jidher
Qed isir dejjem aktar komuni għall- vantaġġi tal-grafika li mhux biss ix-xogħol tagħhom jidher stampat imma wkoll fuq il-web u apparat bħal iPhones, iPads, apparati Android u pilloli Android. Fuq il-wiċċ, dan jista 'jitqies bħala "ħaġa tajba" hekk kif il-midja ix-xogħol tagħna jidher fuq jespandi għal skrins diġitali. L-iżvantaġġ huwa n-numru kbir ta 'skrins u n-numru konfuż ta' riżoluzzjonijiet tal-iskrin. M'huwiex komuni li tisma 'dilettanti imħawwar minkejja dak li ġara fil-ġranet meta dehra TIFF tar- riżoluzzjoni ta' 300 dpi fil-format CMYK kienet in-norma. Oh għall-jiem qodma tajba!
Dawk il-jiem huma over. Issa għandna nissottostanzjaw il-fatt li immaġni ta '200 sa 200 tista' tidher multa fuq apparat wieħed u għadha tidher daqs kwarti fuq oħra u tliet kwarti tad-daqs fuq ieħor. Kollox verament jaqa 'taħt ir-"Riżoluzzjoni ta' l-Armi tar-Razza" li qed titwettaq mill-manifatturi ta 'l-apparat billi jippruvaw jam aktar pixels fi skrin mill-kompetituri tagħhom.
Dan iwassalna għal dak li sejrin nitolbu "It-Tkabbir tal-Isfissi". Is-suffissi huma dawk l-affarijiet - @ 2x, @ 3x - indirizzati fuq l-isem ta 'immaġini. Huma essenzjalment, pereżempju, poġġew l-immaġini t-tajba fil-post it-tajjeb fuq l-apparat it-tajjeb. Imbagħad jiġrilha saħansitra aħjar.
Ħafna mix-xogħol tagħna jinvolvi l-ħidma ma 'l-ikoni u, biż-żieda tal-moviment tad-disinn Flat, dawn l-affarijiet huma maħluqa f'tali applikazzjonijiet bħala Illustrator u Sketch. Il-problema hija l-apparat sempliċement ma jistax jirrendi fajls .ai jew .eps. Dawn jeħtieġ li jiġu kkonvertiti għal Skalabbli Vector Graphics u, skont l-applikazzjoni użata biex jinħolqu l-ikoni, jista 'ma jkunx hemm għażla SVG.
Imbagħad jiġrilha saħansitra aħjar.
Hemm klassi ġdida ta 'softwer - Applikazzjonijiet ta' prototipi - li qed isiru l-punt ta 'assemblaġġ qabel ma l-immaġni u l-ikoni tiegħek jintgħażlu għall-mezzi u għandhom ukoll il-partikularitajiet tagħhom.
Dan tutorja jiċċaqlaq bejn Photoshop u Sketch għall-grafika u bl-użu ta 'l- Adobe Experience Design biex turi wħud mill-punti ta' l-uġigħ bejn l-idea tiegħek u l-iskjerament eventwali. Ejja nibdew.
01 ta '05
Kif tipprepara Images għal Mezzi Mobbli f'Adobe Photoshop
L-ewwel pass f'dan il-proċess huwa li tkun taf l-apparat jew it-tagħmir fil-mira tiegħek. F'dan il-każ, inti tkun immirat lejn l-iPhone 6 li għandu żona ta 'screen ta' 375 pixels wiesgħa b'667 pixel għoli. Id-disinn jitlob li l-immaġni tkun il-wisa 'ta' l-iskrin.
L-immaġni li għandha tintuża ġiet maqtula ġewwa l-Katidral ta 'Bern Minster f'Bern, l-Iżvizzera. Ladarba l-immaġni jiftaħ fil-Photoshop, agħżel Image> Image Size biex tivverifika d-dimensjonijiet tal-immaġni u r-riżoluzzjoni tagħha. Ovvjament, immaġni li hija ta '3156 x 2592 b'Riżoluzzjoni ta' 300 ppi u daqs ta 'fajl ta' 23.4 Mb sempliċement ma jaħdmux.
Ġewwa l-kaxxa tad-Daqs tal-Immaġni, naqqas ir-Riżoluzzjoni għal 100 ppi . Agħmel dan l-ewwel għaliex id-dimensjonijiet ta 'l-immaġni se jinbidlu wkoll Bis-sett tar-Riżoluzzjoni, ibdel il-wisa 'għal 375 Pixels. Jekk tiċċekkja d-dejta tad-Daqs tal-Immaġni tinduna li l-immaġini naqset minn 23.4 Mb għal 338k aktar mobbli. Ikklikkja OK biex taċċetta l-bidla u tagħlaq il-kaxxa tad-Daqs ta 'l-Image
02 ta '05
Kif tuża l-kaxxa tad-Djalogu "Esportazzjoni bħala ..." f'Adobe Photoshop
Ladarba l-immaġini tkun lesta għall-esportazzjoni, agħżel "Esportazzjoni> Esportazzjoni Bħala ..." biex tiftaħ il-kaxxa tad-djalogu Esportazzjoni bħala.
Dan il-Kaxxa ta 'Djalogu hija żieda reċenti għal Photoshop u tissostitwixxi l-kaxxa tad-djalogu "Ħlief għall-Web" li użaw għal ħafna snin. Jekk xorta jkollok bżonnha, tista 'ssibha fil-pop Export popolari. Huwa, għal raġunijiet ovvji, issa magħrufa bħala "Esportazzjoni Għall-Web (Legacy)". Jekk din hija l-ewwel żjara tiegħek għal dan il-ktieb ta 'dialog, hawnhekk hija ġirja qasira:
- Daqs: Din il-kolonna tistabbilixxi d-daqs tal-output tal-immaġini. L-aspett interessanti ta 'dan il-qasam huwa li tkabbar l-immaġini imma l-immaġni mhux se tidher bħala "fuzzy" fuq l-apparat minħabba n-numru kbir ta' pixels fuq l-iskrin tal-apparat.
- 1X: Ikklikkja fuq iżommu dan u intom jiġu ppreżentati b'numru ta 'daqsijiet. Il-kategoriji 1x, 2x u 3x huma tradizzjonalment assoċjati ma 'apparati Hi Dpi minn Apple u flimkien ma' ftit oħrajn jippreparaw stampi għal apparati Android.
- Ħoss: Din l-għażla se turi d-daqs tiegħek imma se tintwera bħala @ 2x jew id-daqs jintgħażel. Dan is-suffiss jiżdied mal-isem tal-immaġini.
- Is-sinjal +: Agħfas dan biex iżżid diversi daqsijiet għall-output. F'dan il-każ, ikklikkja darbtejn u għażel 2x u 3x mill-pop down. Dan ikopri prattikament kwalunkwe mezz ta 'l-iOS.
- It-Trash Can: Ikklikkja fuq dan u l-għażla titneħħa mil-lineup.
- Settings tal-fajl: Agħżel il-format - jpg, png, gif jew svg - l-iktar adattat għall-immaġini. Jekk id-daqs tal-fajl huwa ta 'tħassib tista' wkoll tnaqqas is-settings tal-Kwalità.
- Daqs tal-immaġni: tista 'tbiddel id-dimensjonijiet fiżiċi tal-immaġini.
- Daqs tal-Kanvas: Tista 'tbiddel id-dimensjonijiet fiżiċi tal-kanvas tal-immaġni.
- Metadata: Tista 'żżid id-drittijiet tal-awtur u l-informazzjoni ta' kuntatt tiegħek mal-metadata tal-immaġini.
Meta jkun lest, ikklikkja l-buttuna Esportazzjoni Kollha. Int ser tintalab fejn trid tqiegħed l-istampi. Vizzju tajjeb biex tiżviluppa huwa li tikklikkja l-buttuna ta 'Folder Ġdid u toħloq folder biex iżżomm l-immaġini esportati. Meta tikklikkja Esportazzjoni, int se tintwera l-immaġini fil-folder.
03 ta '05
Kif tipprepara Images għal Mezzi Mobbli fi Skeċċ 3 Mill-Kodifikazzjoni Boemjana
Sketch 3, applikazzjoni Macintosh-only minn Bohemian Coding, qed jikber malajr fost l-disinjaturi UX u UI minħabba l-enfasi qawwija tiegħu fuq id-disinn tal-web u l-app. Fil-fatt, il-Photoshop, f'ħafna modi, jinsab f'pożizzjoni fard li jkollu "jaqbad" ma 'Sketch.
Biex tipprepara immaġini għal mobbli f'Sketch, agħżel l-immaġni fuq l-artboard u kklikkja fuq il-buttuna Make Exportable fil-qiegħ tal-pannell tal-Proprjetajiet . Dan se jiftaħ il-kaxxa ta 'dialog Esportazzjoni. Ikklikkja fuq is-sinjal + biex iżżid il-verżjonijiet 2x u 3x u żid ukoll is-suffissi. Il-formati disponibbli huma PNG, JPG, TIF, PDF, EPS, u SVG. F'dan il-każ, agħżel JPG. Ikklikkja l-buttuna Esportazzjoni u mira jew toħloq folder biex iżżomm l-immaġni varji esportati.
04 ta '05
Għaliex għandek bżonn toħloq tliet (jew aktar) verżjonijiet tal-immaġini
F'ħafna aspetti, is-suq Ċellulari huwa l- "Punent Imbiegħed" tar-riżoluzzjonijiet u daqs wieħed definittivament ma jinstallax kollha. Fl-eżempju ta 'hawn fuq mill-Adobe Experience Design, l-immaġini titpoġġa fuq 2 artboards iPhone 6 u mezz artboard Android. Avviż kif il-verżjoni 1x fuq ix-xellug tidher li hija ta 'nofs id-daqs. Dan huwa eżattament kif tidher id-dehra fuq iPhone 6 bl-iskrin tar-retina tagħha. Il-verżjoni 2x taqbel perfettament u l-verżjoni Android tispiċċa mill-iskrin. L-għażla tagħkom hija li jew ittella 'l-immaġni jew tesporta l-immaġni minn Photoshop b'dimensjoni differenti.
05 ta '05
Test bikri, Test ta 'spiss, Trust Xejn, Trust Nru Waħda u Speċjalment Yourself
Dak li trid tifhem hija din hija biss il-bidu tal-proċess. Li tara x-xogħol tiegħek fuq l-akbar numru ta 'mezzi kif tista ' titqies bħala biċċa vitali tal-fluss tax-xogħol. Għandek tkun taf ukoll li dan huwa biss l-ewwel pass fil-proċess tal-ħolqien ta 'assi grafiċi għal app jew proġetti mobbli fuq l-internet.
L-użu ta 'applikazzjonijiet ta' prototipi huwa mod tajjeb ħafna biex jinkixfu l-punti ta 'l-uġigħ iżda dawn l-istess assi jeħtieġ li jiġu rilaxxati għall-użu mill-iżviluppatur. F'ħafna każijiet, id-dimensjonijiet fiżiċi tal-assi, inklużi l-ikoni, se jkunu fiżikament enormi u mhux fil-format svg imma png. L-ewwel daqqa t'għajn, dan jista 'jidher li jkun daqsxejn fuq il-parti ta' fuq iżda tiftakar ir-regola tad-deheb ta 'skalar ta' stampi: huwa aħjar li titnaqqas iż-żieda milli tiżdied.
L-aħħar linja hija li taħdem mill-qrib mal-iżviluppatur tiegħek u li tuża s-softwer tal-prototipi bħala mezz biex turi l-intenzjoni tad-disinn tiegħek. Eventwalment, għalkemm, dawk l-istess assi jeħtieġ li jkunu lesti għall-prodott finali u l-iżviluppatur tiegħek ikollu manku aħjar fuq dak li hu jew hi teħtieġ milli suppost.