Imaging ji bo mobîl herdem her çi ye
Ew ji bo grafîkên ku ji bo karên xwe yên di çapemeniyê de ne, lê li ser malperên din û amûrên mîna iPhones, iPads, pirtûkên Android û pîlanên Androidê tête gelemperî. Li ser rûyê, ev dikare wekî "tiştek baş" dibînin wekî ku medya karê me dikeve li ser ekranên dîjîtal derxistin. Dûrtirîn hejmareke mezin ên klavyoyan û hejmarên berbiçav yên pêşniyazên hucreyê hene. Ev yek ne gelekî ne ku guhdarên demsedê bihîstin çi tiştê ku rojane ku 300 dpi bi pêşniyazkirina TIFF wêneyê di formata CMYK de norm. Ji bo rojên kevin yên baş!
Ew rojan bêtir kirin. Divê em bi vê rastiyê re bisekinin ku 200 ji 200 wêneyan dikarin li ser cîhazek yekser xuya bikin û hê jî sîlyona sisiyan di çarçoveya sêyemîn de û sê-sêyemîn sermayek din jî nîşan bide. Bi rastî ew bi rastî "Bişkojka Çekan Rêzan" tête ku ji hêla makirîneran ve digerin, ji ber ku ew hewl didin ku parsekên xwe ji hêla zêdetir pencere jimarek hewl bikin.
Ev ji me re dikeve ku em ê "Bila Pevçûnan Rast" re dibêjin. Pawlos ew tişt in - @ 2x, @ 3x - li ser navnîşa wêneyê ne. Ew bingehîn, wekî nimûne, wêneyê rastê li cîhê rastê li ser cîhaza rast. Hingê ew jî baştir dibe.
Gelek karê me karûbar bi mîlyonan re dixebitin û, bi zêdebûna tevgera tevgera Flatê, van tiştan di nav pêkanînên pêkanîna pêkanînên wek Illustrator û Sketch de têne çêkirin. Pirsgirêkên pêwist e ku bi tenê pelên xerîb an jîeps bike. Divê ew hewce ne ku Guhertoya Vector Vector Graphics veguherînin û, li ser serîlêdanê bi karanîna mîkroşan ve tê bikaranîn, dibe ku ne jî SVG bijî.
Hingê ew jî baştir dibe.
Dersa nû ya software-Prototype-prototyping heye-ku ew qonaxa civînê dibe ku berî wêneyên me û icons têne destûr kirin û wan jî pisporên xwe hene.
Vê gavên tutorial di navbera Grafik û Sketchê de grafikên ji bo Grafikên Navneteweyî û Pêşniyara Bikaranîna ji bo hin xalên xirab ên di navnîşa xwe de anîn û çalakiyê de xwenîşandan dikin. Let's start.
01 of 05
Çawa wêneyên ji bo Mobile Devices in Adobe Photoshop
Pêveka pêşîn di vê pêvajoyê de amûra xwe an amûrên xwe yên dizanin. Di vê rewşê de, hûn ê armanca iphone 6 armanc bikin ku di qada 660 pixel de li qada 375 pîrek dûr in. Pêşniyar ji bo wêneyê ku çarçoveya ekranî be.
Wêne ji bo bikaranîna wêneya Bernadal a Bern Minster di Bern, Swîsre de hat kuştin. Dema ku wêneyê di Photoshop vekirî ye, wêneyê Image> Hilbijêre hilbijêre ku amadekirina wêneyê û çareseriya wê. Bêguman, wêne ku 3156 x 2592 e, bi biryara 300 ppi û pelê 23.4 Mb-ê bi hêsanî dê dê kar nekin.
Inside Size Size Dialog box, Rastkirina 100 ppi . Ji ber vê yekê, ji ber ku pîvanên wêneyê jî jî biguherînin. Di çarçoveya biryarê de, di çarçoveya çarçoveya 375 pixelan de biguherînin. Heke hûn dakêşin ku dahateya pelê wêneyê, hûn dizanin ku wêneyê 23.4 Mb ji hêla mobîl-a-a-ya 338k ve veşartiye. Bişkojk biguhere ku guhertina pejirandina pelê ya peldanka diyalogê bigire.
02 of 05
Çawa çawa "Bikaranîna Export ..." Dialogue ya di Adobe Photoshop de çawa bikare
Dema ku wêneyê ji bo firotanê amadekar e, hilbijêre "Export> Export As ... Export" hilbijêre Dike As dialog box.
Boxê Ev Dialogue nûtirîn ji Fotografî ve ye û li "Daxistina Web Ji bo Daxuyaniya Dokument" ya ku ew ji bo salan tê bikaranîn. Heke hûn hîn hewce ne, hûn dikarin li benda Export Exportê bibînin. Ew ji ber sedemên berfireh e, niha ji "Export For Web (Legacy)" tê zanîn. Ger ev yekem serdana xwe ya vê diyalogê ya diyalogê ye, li vir rêwîtiyek kurt e:
- Mezin: Di vê kategoriyê de hejmara pelê hilbijêre. Pêwîstineke balkêş ya vê herêmê ev dê wêneyê mezin bibe lê wêneyê dê bi "amaz" re li ser cîhazê, ji ber ku hejmareke mezin a pencilên li ser ekfê ya cîhê.
- 1X: Vê li ser binçavkirinê bitikîne û hûn bi hejmareke hejmarekê bêne pêşkêş kirin. Kategori 1x, 2x û 3x bi kevneşopî bi Dpi-Dpi re ji alîyê Apple ve girêdayî ye û ew bi çend kesên din re wêneyên ji bo gerîlayên Androidê amade dikin.
- Pirsgirêk: Ev bijart wê dê sîteyê xwe bidin, lê dê wekî @ 2x an jî mezinahiya bijartî tê nîşandan. Vê belaş dê di nav navê wêneyê de zêde bibe.
- + Sign: Ji bo vê hilbijêre ku ji bo hilberên cûda zêde bike. Di vê rewşê de, her du caran bitikîne û 2x û 3x ji hilbijêre hilbijêre. Ev ê amûra yek devicea iOSê ye.
- Trash Can: Ji vê hilbijêre û bijartî ji rêzikê ve tê veşartin.
- Sîstema pelê: Jibergirtina jpg, png, gif an svg - hilbijêre ku ji bo wêneyê. Heke pîvana pelê xemgîn e, hûn dikarin jî pergalên kalîteyê kêm bikin.
- Mezinahiya wêneyê: hûn dikarin guherînên fizîkî yên wêneyê biguherînin.
- Kûvasê Size: Hûn dikarin guherînên fîzîkî yên kovayê wêneyê biguherînin.
- Metadata: Hûn dikarin agahdariya kopî û agahdariya têkiliyê ji bo metadata wêneyê vekin.
Dema ku qediya, bişkojka Hemî Export Export bike. Hûn ji wan re dipirsin ka tu dixwazî ku wêneyên ku hûn digerin. Dibe ku pêşveçûneke baş çêbikin ku bişkoka peldanka nû ya nû bitikîne û peldankek çêbikin ku wêneyên firotanê bistînin. Dema ku hûn veguhastin hilbijêre, hûn ê wêneyên li peldanka wêneyê nîşanî.
03 of 05
Çawa ku ji bo Daxistina Bohemian Kodê ji wêneyên Mobile Devices re amade bikin
Sketch 3, ji bo ku ji bo Bohemian Kodînanê, tenê pîşesaziya malpera UX û UI di navnîşa web û pirtûka wê de ji hêla mîkintosh a Macintosh ve tête. Di rastiyê de Photoshop, di gelek awayan de, di rewşeke odeyek de ye ku "lîstikên xwe" bi Sketch re lîstin.
Ji bo ku wêneyê ji bo Sketchê li mobîl amadekirin, wêneyê li ser kartê hilbijêrin û hilbijêre Dabeşkirina bazarê li bin jêr panelên Properties hilbijêre . Ev dê dişopandina dialog boxê vekin. Bişkojka + + bitikînin ku vîdyoyên 2x û 3x zêde bikin û pêdivî bin. Forma pelan hene PNG, JPG, TIF, PDF, EPS, û SVG. Di vê rewşê de, JPG hilbijêrin. Bişkojka Export Export bike û hilbijêre an jî peldankek çêbikin ku ji bo wêneyên celebên cuda vexwendin.
04 of 05
Çima Pêdivî ye Çima Pêdiviyên Pirtûka Duyemîn (an Daxuyan) Versiyonên nû çêbikin
Di gelek rêzan de, bazara mobîl "West West" ye ku biryarên pêşniyar û yek serek e ku her tiştî nake. Di nimûneya jorîn de ji hêla Design a Adobe Expert, wêneyê 2-ê Înternetê û ji hêla artêşa amûra an Android ve hatiye avêtin. Hişyar bikin ka çiqas çepê 1x çiqas li dora nîv be. Ev yek e ku ew wêneyê dê li ser iPhone-6 bi screen-screen retina xwe nîşan bide. Vebijêrk 2x bi temamî tête û versiyonê Androidê ji hêla veşartinê ve dike. Hilbijartina we ye ku an jî wêneyê an jî veguhestina wêneyê ji wêneya Photoshop ve di cuda de.
05 of 05
Zûtirîn Test, Têrtirîn Xwe, Ne tiştek Berbiçav, Ne Pêwîstek Pîroz û Bi taybetî
Hûn hewceyê ku hûn fêm bikin, ev yek tenê destpêka pêvajoyê ye. Vebijêrk karê xwe li ser gelek cîhazên ku hûn dikarin dikarin bibin ku parçek girîng a karûbarê girîng bin. Hûn jî hewce be ku bizanibin ev yek gava gava di pêvajoyê deynên grafîkî çêbikin ji bo an app an projeyên malperên mobîl.
Bikaranîna prototyping Bikaranîna rêbazek mezin e ku xalên pişikdariyê veguhastin lê heman weyên weyên wê ji bo pêşveçûna pêşvebirina hilberê hilberîn. Di gelek rewşan de, amûrên fizîkî yên mîkrobat, tevlî icons, fîzîkî pir mezin e û ne di nav svg de, png format. Di pêşniyarê yekem de, ev dibe ku bêtir di binê herî bilind de, lê serweriya zêrîn ya wêneyên sêvkirinê bîr bikin: ew ji hêla pîvanê ve baştir e.
Rêzika jêrîn e ku hûn bi pêşveçûna xwe pêşveçûna xwe bikin û bi karûbarên pergala prototyping wekî rêgezên paqijkirina xwe nîşan bide. Di dawiyê de, heger, wê wesayîtan wê hewce ne ku ji bo hilberîna dawîn be amadekirin û pêşveçûna we ya ku hûn ji we re hewce ne hewceyê baştir bikin.