Manomana sary ho an'ny fitaovana finday

Ny fitadiavana ny finday dia tsy voatery hitovy foana

Mihabetsaka hatrany ny fampiroboroboana ny sary, tsy hoe ny asany ihany no miseho amin'ny printy, fa ao amin'ny Internet sy fitaovana toy ny iPhones, iPads, Android ary tablety Android. Eo amin'ny faritra, azo jerena ho toy ny "zavatra tsara" toy ny fampahalalan'ny haino aman-jery ny asantsika eo amin'ny sehatra dizitaly. Ny fisavorovoroan-tarehimarika dia ny habetsahan'ireo screens ary ny fisafotohan-tsoratry ny famaranana ny efijery. Tsy mahazatra ny mihaino ireo tombontsoa azo antenaina hahalalahana ny zava-nitranga tamin'ny fotoana izay nahitana ny 300 dpi ny sary nalaina TIFF tamin'ny format CMYK no fitsipika. Ho an'ny andro fahiny!

Tapitra ireo andro ireo. Amin'izao fotoana izao isika dia mila miady amin'ny zava-misy fa 200 ny sary 200 dia mety ho tsara amin'ny fitaovana iray ary dia miseho amin'ny haben'ny habaka amin'ny ampahany iray sy telo litatra eo amin'ny iray hafa. Izany rehetra izany dia midina ao amin'ny "Resolutionary Arms Race" tarihan'ny mpamokatra herinaratra rehefa miezaka manodina pixel misimisy kokoa amin'ny efijery izy ireo noho ny mpifaninana aminy.

Izany dia mitondra antsika amin'ny antsointsika hoe "The Rise Of The Suffixes". Ny suffixes dia ireo zavatra ireo - @ 2x, @ 3x - noketrehina tamin'ny anaran'ny sary. Izy ireo, ohatra, dia mametraka ny sary marina eo amin'ny toerana mety amin'ny fitaovana mety. Dia tonga dia tsaratsara kokoa.

Ny ankamaroan'ny asantsika dia midika ho fiasana amin'ny sary, ary, amin'ny fiakaran'ny hetsika fanorenana Flat, ireo zavatra ireo dia noforonina toy ny Illustrator sy Sketch ao anatinĂ  sary tahaka ny vector. Ny olana dia ny fitaovana tsy afaka manome ny .ai na ny .eps files. Mila miova fo amin'ny Graphic Scalable Vector izy ireo , ary arakaraka ny fampiharana ampiasaina hamoronana ny sary, dia mety tsy hisy mihitsy aza ny safidy SVG.

Dia tonga dia tsaratsara kokoa.

Misy karazana rindrambaiko vaovao - Prototype momba ny fampiharana - izay manjary fivoriam-piangarana mialohan'ny hidiranao ny sary sy ny sary eo amin'ny fitaovana ary manana ny toetrany izy ireo.

Ity lesona ity dia mihetsika eo anelanelan'ny Photoshop sy Sketch ho an'ny sary ary mampiasa Adobe Experience Design mba hampisehoana ireo sombin-javatra vitsivitsy misy eo amin'ny hevitrao sy ny fametrahana azy. Andao isika hanomboka.

01 of 05

Ahoana no fomba hiomanana ny sary ho an'ny fitaovana finday ao Adobe Photoshop

Ampiasao ny vahaolana alohan'ny hanovanao ny refy raha mampiasa ny bokin'ny sary Size Size. Courtesy Tom Green

Ny dingana voalohany amin'io dingana io dia ny fahafantaranao ny fitaovana na fitaovana lasibatra. Amin'ity tranga ity, ianao dia mikendry ny iPhone 6 izay manana faritra avaratra amin'ny 375 piksela lehibe amin'ny 667 pixel avo. Ny endriny dia miantso ny sary ho ny sakan'ny efijery.

Ny sary nampiasaina dia notifirina tao amin'ny Katedraly Bern Minster any Bern, Switzerland. Raha vao misokatra amin'ny sary Photoshop ny sary dia tsindrio ny Image> Image Size mba hijery ny haben'ny sary sy ny resolution. Mazava ho azy, ny sary izay 3156 x 2592 miaraka amin'ny Resolution misy 300 ppi sy ny haben'ny 23,4 Mb dia tsy mety miasa.

Ao anatin'ny sahan-drakitra fanalehibiazina ny sary, hampihena ny Resolution ho 100 ppi . Ataovy aloha ity satria hiova ihany koa ny haben'ny sary. Miaraka amin'ny fametrahana ny Resolution dia manova ny habe ho 375 Pixels. Raha mijery ny tahirin'ny Image Size ianao dia ho hitanao fa nihodina tamin'ny 23.4 Mb ny sary tamin'ny 338k. Tsindrio OK mba hanaiky ny fanovana ary afindrano ny boaty dialog box Image.

02 of 05

Ahoana ny fomba fampiasana ny "Export as ..." Box Box ao Adobe Photoshop

Ny takelaka vaovao Ex Export As dia manidy ny singa Save for Web amin'ny Photoshop. Courtesy Tom Green

Raha vantany vao vonona ny fanondranana ilay sary dia tsindrio ny "Export> Export as ..." mba hanokafana ny boaty Exile amin'ny endrika.

Ity Dialogue Box ity dia fanampim-panaovana vao haingana an'i Photoshop ary nanolo ny boaty "Save for Web" nandritra ny taona maro. Raha mbola mila izany ianao, dia afaka mahita azy ao amin'ny Pop Export. Izany, noho ny antony mazava, ankehitriny fantatra amin'ny hoe "Export For Web (Legacy)". Raha ity no fitsidihana voalohany anao tamin'ity boaty fifanakalozan-dresaka ity, dia misy fitsidihana fohy:

Rehefa vita izany dia tsindrio ny bokotra Export All. Hanontaniana ianao hoe aiza no tianao hametrahana sary. Ny fahazarana mivoatra dia ny manindry ny bokotra New Folder ary mamorona ordinatera mba hitazonana ny sary naseho. Rehefa misarika ny Export ianao, dia haseho ireo sary ao amin'ny lahatahiry.

03 of 05

Ahoana no fomba hiomanana ny sary ho an'ny fitaovana finday ao amin'ny Sketch 3 amin'ny Bohemian Coding

Photoshop dia ao amin'ny toerana tsy mahazatra ny milalao & # 34; mihatonga & # 34; miaraka amin'i Sketch raha ny famolavolana finday. Courtesy Tom Green

Sketch 3, fampiharana Macintosh-fampiasa fotsiny avy amin'ny Bohemian Coding, dia mihamitombo haingana ny mpanakanto UX sy UI noho ny fifantohana amin'ny Internet sy ny rindrambaiko app. Raha ny marina, Photoshop, amin'ny lafiny maro, dia ao amin'ny toerana tsy misy dikany amin'ny hoe mila milalao "Sketch".

Raha manomana sary ho an'ny finday ao Sketch, dia fidio ny sary eo amin'ny artboard ary tsindrio ny bokotra Make Exportable eo ambany faritry ny Panama . Io dia hanokatra ny boaty Fandrosoana Export. Tsindrio ny + famantarana mba hanampy ny dikan-teny 2x sy 3x ary ampio ny suffixes. Ny format misy dia PNG, JPG, TIF, PDF, EPS, ary SVG. Amin'ity tranga ity dia misafidiana JPG. Tsindrio ny bokotra Export ary zarao na mamorona lahatahiry iray hitazonana ireo sary samihafa entina.

04 of 05

Nahoana ianao no mamorona Toro-lĂ lana telo (na mihoatra) amin'ny sary

Rehefa tsy mahomby ny fampiasana ny endriky ny sary amin'ny sombim-peo & # 64; 2x rehefa mampiasa rindrambaiko prototyping. Courtesy Tom Green

Amin'ny lafiny maro, ny tsenan'ny finday dia ny "Wild West" ny fanapahan-kevitra ary ny iray ihany dia tsy mifanaraka amin'ny rehetra. Ao amin'io ohatra voalaza etsy ambony io avy amin'ny Adobe Experience Design, ny sary dia napetraka amin'ny artboards 2 iPhone 6 sy ny boaty Android rafitra. Mariho fa ny andian-kapila 1x dia hita ho halavany. Izany indrindra no hipoahan'ny sary eo amin'ny iPhone 6 miaraka amin'ny efijery mainty. Ny dikan-teny 2x dia mifanaraka tanteraka ary ny version Android dia miala amin'ny efijery. Ny safidinao dia ny manova ny sary na manondrana ny sary avy amin'ny Photoshop amin'ny habe hafa.

05 of 05

Mandram-pihetseham-po, Matetika, Matokia, Aza Matoky, ary Indrindra

Tsy misy vahaolana iray mifanaraka amin'ny vahaolana rehetra ary mila mandini-tena amin'ny fitaovana maro araka izay azonao atao ianao. Courtesy Tom Green

Ny zavatra tokony ho fantatrao dia ity no fiandohan'ny fizotran'ny dingana. Ny fijerena ny asanao amin'ny fitaovana maro araka izay azonao dia tokony hoheverina ho toy ny ampahany manan-danja amin'ny workflow. Ilainao koa ny mahafantatra fa ity no dingana voalohany amin'ny dingana famoronana ny fananana graphics amin'ny tranonkala app na tranonkala.

Ny fampiasana fampiharana prototyping dia fomba lehibe ahafahana mamantatra ireo tebiteby marary, saingy ireo tahiry mitovy ireo dia mila avoaka hampiasain'ny mpamorona. Amin'ny toe-javatra maro, ny halehibeny ara-batana amin'ny fananana, anisan'izany ny sary, dia ho matanjaka ara-batana fa tsy amin'ny svg fa png format. Raha vao jerena dia toa toa kely fotsiny ny tampony, saingy tadidio ny fitsipika an-davan'andro momba ny sary mihodinkodina: tsara kokoa ny manenika fa tsy mihabetsaka.

Ny tsipika ambany dia ny fiaraha-miasa akaiky amin'ny mpandrindra anao ary ny fampiasana rindrambaiko prototyping ho fomba iray hampiseho ny fikasanao fikasana. Na izany aza, ireo fivarotan-tena ireo ihany no mila vonona amin'ny vokatra farany ary ny mpamolavola anao dia mila mifehy kokoa izay zavatra ilainy mihoatra noho ianao.