Chan eil ìomhaigh airson gluasadach an-còmhnaidh na tha e coltach
Tha e a 'sìor fhàs cumanta airson beairtean grafaigeach chan ann a-mhàin gu bheil an obair aca a' nochdadh ann an clò ach cuideachd air an lìon agus innealan leithid iPhones, iPads, innealan Android agus tablets Android. Air an uachdar, ghabhadh seo fhaicinn mar "rud math" mar na meadhanan a tha an obair againn a 'nochdadh air leudachadh gu sgrionan didseatach. Is e an t-ìsleachadh an àireamh as motha de sgàileanan agus an àireamh mearachdach de rùintean scrion. Chan eil e neo-àbhaisteach a bhith a 'cluinntinn seusanan iongantach a dh' aindeoin dè thachair dha na làithean nuair a bha dealbh de dheilbh 300 dpi TIFF ann am cruth CMYK an àbhaist. O na seann làithean math!
Tha na làithean sin seachad. Feumaidh sinn a-nis cumail a-mach leis an fhìrinn gum faod 200 le 200 ìomhaigh nochdadh gu math air aon inneal agus a bhith a 'nochdadh meud ceathramh air meud eile agus trì cairteal air fear eile. Tha e gu lèir a 'tighinn sìos gu "Rèis Resolution Arms" a tha air a ghleidheadh le luchd-dèanamh innealan fhad' s a tha iad a 'feuchainn ri barrachd piogsailean a thionndadh a-steach do sgrion na farpaisich.
Bheir sin dhuinn gu dè an t-ainm a th 'air "Togail nan Iarpaidhean". Is iad na h-iarrtasan sin na rudan sin - @ 2x, @ 3x - a 'dol air adhart gu ainm ìomhaigh. Tha iad gu h-àraidh, mar eisimpleir, cuir an ìomhaigh cheart san àite cheart air an inneal cheart. An uairsin bidh e a 'fàs nas fheàrr.
Tha tòrr den obair againn a 'gabhail a-steach obrachadh le ìomhaighean agus, le àrdachadh gluasad dealbhaidh Flat, thèid na rudan sin a chruthachadh ann an tagraidhean dealbhaidh feòir leithid Illustrator and Sketch. Is e an duilgheadas a th 'ann an uidheaman nach urrainn ach faidhlichean .ai no .eps a thoirt seachad. Feumaidh iad a bhith air an tionndadh gu Graphics Scalable Vector agus, a rèir an tagraidh a thathar a 'cleachdadh gus na h-ìomhaighean a chruthachadh, cha bhiodh eadhon na roghainn SVG.
An uairsin bidh e a 'fàs nas fheàrr.
Tha clas ùr de phrògraman bathar-bog - tagraidhean prototyping - a tha a 'fàs na àite co-chruinneachaidh mus bi na h-ìomhaighean agad agus na h-ìomhaighean air an cur a-mach gu innealan agus tha na nithean sònraichte aca cuideachd.
Tha an oideachadh seo a 'gluasad eadar Photoshop agus Sgeidse airson na grafaigs agus a' cleachdadh Adobe Experience Design gus sealltainn beagan de na puingean pian eadar do bheachd agus cleachdadh mu dheireadh. Leigamaid tòiseachadh.
01 de 05
Mar a dheasaicheas tu dealbhan airson innealan siubhail ann an Adobe Photoshop
Is e a 'chiad cheum sa phròiseas seo fios a bhith agad air an inneal targaid no innealan agad. Anns a 'chùis seo, bidh thu a' cuimseachadh air iPhone 6 aig a bheil raon sgrion de 375 piogsail de leud le 667 piogsail a dh 'àirde. Tha an dealbhadh ag iarraidh gum bi an dealbh mar leud an sgrion.
Chaidh an dealbh a chaidh a chleachdadh a mharbhadh taobh a-staigh Cathair-eaglais Bern Minster ann am B Bern, an Eilbheis. Aon uair 's gu bheil an ìomhaigh a' fosgladh ann an Photoshop, tagh Ìomhaigh> Meud Ìomhaigh gus sùil a chumail air tomhasan na h-ìomhaigh agus a rèiteachadh. Gu dearbh, bidh dealbh a tha 3156 x 2592 le Rùn de 300 ppi agus meud faidhle de 23.4 Mb dìreach nach obraich.
Am broinn bogsa deasachaidh Meud na h-Ìomhaigh, lughdaich am Fuasgladh gu 100 ppi . Dèan seo an toiseach seach gun atharraich na dealbhan ìomhaighean cuideachd. Leis an t-suidheachadh Fuasgladh, atharraich an leud gu 375 piobail. Ma nì thu sgrùdadh air dàta Meadhan na h-ìomhaigh, seallaidh tu gu bheil an ìomhaigh air a mhilleadh bho 23.4 Mb gu 338k nas fhasa gluasad air falbh. Cliog air OK airson gabhail ris an atharrachadh agus dùin am bogsa deasbaid Meud Ìomhaigh.
02 de 05
Mar a chleachdas tu am bogsa còmhraidh "Export As ..." ann an Adobe Photoshop
Aon uair 's gu bheil an dealbh deiseil airson às-mhalairt, tagh "Export> Export As ..." gus am bogsa deasbaireachd Export As fhosgladh.
Tha am Bogsa Còmhraidh seo a 'cur ri Photoshop o chionn ghoirid agus tha e an àite bogsa còmhraidh "Save for Web" a chleachd iad airson bliadhnachan. Ma dh 'fheumas tu fhathast e, faodaidh tu a lorg anns a' phut Allt a-nuas. Is ann air sgàth adhbharan follaiseach a tha an-diugh "Export For Web (Legacy)". Mas e seo a 'chiad thuras agad air a' bhogsa deasbaid seo, tha turas goirid an seo:
- Meud: Tha an colbh seo a 'suidheachadh meud an toraidh. Is e taobh inntinneach an raoin seo an ìomhaigh a leudachadh ach cha nochd an ìomhaigh mar "furasda" air an inneal air sgàth an àireamh mhòr de piogsail air sgrion an uidheim.
- 1X: Cliog air air a chumail suas agus bheir thu seachad grunn mheudan. Tha na roinnean 1x, 2x agus 3x ceangailte gu traidiseanta ri innealan Hi Dpi bho Apple agus bidh iad còmhla ri beagan eile ag ullachadh dhealbhan airson innealan Android.
- Suffix: Bidh an roghainn seo a 'sealltainn do mheud, ach thèid a shealltainn mar @ 2x no thèid am meud a thaghadh. Thèid an ceum seo a chur ris an ainm-dhealbhan.
- Soidhne + +: Cliog air seo gus diofar mheudan a chur ri toradh. Anns a 'chùis seo, cliog air a dhà agus tagh 2x agus 3x bhon pop sìos. Gabhaidh seo a-steach gu gnìomhach ri inneal iOS sam bith.
- Faodaidh an sgudal: Cliog air seo agus thèid an roghainn a thoirt air falbh bhon loidhne.
- Roghainnean an fhaidhle: Tagh an cruth - jpg, png, gif or svg - a tha freagarrach airson an ìomhaigh. Ma tha meud an fhaidhle na adhbhar dragh faodaidh tu cuideachd na roghainnean Càileachd a lùghdachadh.
- Mion-ìomhaigh: faodaidh tu atharrachadh a dhèanamh air tomhasan fiosaigeach an ìomhaigh.
- Meud Canvas: Faodaidh tu atharrachadh a dhèanamh air tomhasan fiosaigeach canvas an ìomhaigh.
- Metadata: Faodaidh tu còraichean-sgrìobhaidh agus an fhiosrachadh conaltraidh agad a chur ri meata-dàta an ìomhaigh.
Nuair a bhios tu deiseil, briog air a 'phutan Alltachadh air fad Thèid faighneachd dhut càit a bheil thu airson na h-ìomhaighean a chur. Is e cleachdadh math a th 'ann a bhith a' briogadh air a 'phutan Dòghraidh ùr agus cruthaich pasgan gus na h-ìomhaighean a chaidh a thoirt a-mach a ghleidheadh. Nuair a phutas tu air Export, thèid na h-ìomhaighean anns a 'phasgan a shealltainn dhut.
03 de 05
Mar a chuireas tu dealbhan air adhart airson innealan siubhail ann an sgeidse 3 bho òrdugh bohemianach
Tha Sgeidse 3, tagradh Macintosh-a-mhàin bho Bohemian Coding, a 'fàs gu math follaiseach am measg dealbhadairean UX agus UI air sgàth' s gu bheil fòcas làidir air dealbhadh lìn agus app. Gu dearbh, tha Photoshop ann an iomadh dòigh ann an iomadh suidheachadh a bhith a 'feuchainn ri "glacadh suas" le Sgeidse a chluich.
Gus dealbh a dhealbhachadh airson gluasadach ann an Sgeidse, tagh an dealbh air a 'phìos-ealain agus briog air a' phutan Dèan Thoir air falbh aig bonn a 'phannail Properties . Fosglaidh seo am bogsa deasbaireachd Export. Briog air a 'chomharra + gus na dreachan 2x agus 3x a chur ris agus cuir ris na h-àireamhan. Is e na cruthan a tha rim faighinn PNG, JPG, TIF, PDF, EPS, agus SVG. Anns a 'chùis seo, tagh JPG. Briog air a 'phutan Export agus targaid no cruthaich pasgan gus na diofar ìomhaighean a chaidh a thoirt a-mach a ghleidheadh.
04 de 05
Carson a dh 'fheumas tu Crìochan de na h-Ìomhaighean (no barrachd) a chruthachadh
Ann am mòran dhòighean, is e am margadh Mobile an "West West" de rùintean agus tha aon mheud gu cinnteach nach eil a 'freagairt air a h-uile càil. Anns an eisimpleir gu h-àrd bho Adobe Experience Design, tha an ìomhaigh air a chur air 2 crann-ealain iPhone 6 agus artboard inneal Android. Sònraich mar a tha coltas gur e leth-mheud a th 'anns an tionndadh 1x air an làimh chlì. Tha seo dìreach mar a nochd an dealbh air iPhone 6 leis an sgrìn retina aige. Tha an tionndadh 2x a 'freagairt gu foirmeil agus tha an tionndadh Android a' ruith air falbh bhon sgrion. Is e do roghainn an dealbh a sgèile no an ìomhaigh a-mach à Photoshop aig meud eadar-dhealaichte.
05 de 05
Deuchainn Tràth, Deuchainn gu tric, Chan eil Urras sam bith, Urras Àireamh a h-Aon agus gu sònraichte thu fhèin
Na tha agad ri thuigsinn nach e seo ach toiseach a 'phròiseis. A 'coimhead air an obair agad air uiread innealan mar a dh'fheumas tu a bhith air am meas mar phàirt riatanach den shruth-obrach. Feumaidh tu cuideachd a bhith mothachail gur e seo dìreach a 'chiad cheum anns a' phròiseas a bhith a 'cruthachadh maoin grafaigeachd airson app no pròiseactan lìn gluasadach.
Tha cleachdadh tagraidhean prototyping na dhòigh math air na puingean pian a lorg ach feumaidh an aon mhaoin seo a bhith na toradh airson a chleachdadh leis an leasaiche. Ann an iomadh cùis, bidh tomhasan corporra an stòrais, a 'gabhail a-steach ìomhaighean, gu math corporra agus chan ann san svg ach ann an cruth png. Aig a 'chiad sealladh, is dòcha gu bheil e coltach gu bheil seo beagan thairis air a' mhullach ach cuimhnich air an riaghailt òir a bhith a 'sgèileadh ìomhaighean: tha e nas fheàrr sgèileadh sìos na sgèile suas.
Is e an loidhne ìseal obrachadh gu dlùth leis an leasaiche agad agus bathar-bog prototyping a chleachdadh mar dhòigh air an t-amas dealbhaidh agad a shealltainn. Aig a 'cheann thall, ge-tà, feumaidh an aon mhaoin sin a bhith deiseil airson a' phrìs deireannach agus feumaidh an leasaiche agad dèiligeadh nas fheàrr air na dh'fheumas e no i na tha thu.