Imtixaanka mobileka ma aha had iyo jeer waxa ay u muuqato
Waxay noqoneysaa mid sii kordheysa ee guud ahaan sawirada sawirada si aysan u haysan shaqadooda oo kaliya muuqaal daabacan laakiin sidoo kale webka iyo qalabka sida iPhones, iPads, qalabka Android iyo kiniinnada Android. Dusha sare, tani waxa loo arki karaa "wax fiican" maadaama warbaahintayadu ay ka muuqanayso ballaadhinta muraayadaha dhijitaalka ah. Dhibatadu waa tirooyinka shaashadda iyo tirooyinka qarsoodiga ah ee shaashadaha. Maaha wax aan caadi ahayn in la dhagaysto sheekooyinka la yaabay oo la yaabay wixii wax ku dhacey maalmaha markii 300 dpi oo ah qaabka TIFF ee qaabka CMYK uu ahaa caadada. Maya maalmaha wanaagsan ee wanaagsan!
Maalmahaas way dhammaadeen. Hadda waa inaan ku doodnaa xaqiiqda ah in 200 illaa 200 oo sawir laga yaabo in ay ku soo baxaan hal qalab isla markaana ay u muuqdaan in afar jibbaar ay kudhigmeen mid kale iyo seddex koob oo kale. Dhammaantood waxay dhab ahaantii hoos u dhacaan "Hantidhowrka Hubka Qaraarka" oo ay soo saaraan shirkadaha qalabka korontada ka shaqeeya iyaga oo isku dayaya in ay jamacado badan ku galaan shaashad marka loo eego tartamayaashooda.
Tani waxay noo keenaysaa waxa aan soo wici doono "Rise Of The Suffixes". Suufiyadu waa kuwan - @ 2x, @ 3x - oo loo xayiray magaca sawir. Waxay asal ahaan ahaan yihiin, tusaale ahaan, sawirka saxda ah ee ku habboon meesha ku habboon qalabka midig. Kadibna way sii fiicnaanaysaa.
Waxyaabo badan oo shaqadeena ah waxaa ka mid ah la shaqeynta calaamadaha iyo, iyadoo kor u kacda dhaqdhaqaaqa naqshadda ee Flat, waxyaabahan waxaa loo abuuray sida codsiyada sawir-qaadashada sida Illustrator iyo Sketch. Dhibaatadu waa aaladaha kaliya ma bixin karo faylasha .ai ama faylasha. Waxay u baahan yihiin in loo rogo Wareegyada Wareegyada Sawireed iyo, iyadoo ku xiran codsiga loo isticmaalo si loo abuuro astaanta, waxaa laga yaabaa inaan xitaa ahayn SVG doorasho.
Kadibna way sii fiicnaanaysaa.
Waxaa jira nooc cusub oo software ah-Codsiyada Prototyping - kuwaas oo noqonaya dhibicda ka hor inta aan sawiradaada iyo calaamadaha la qalajiyo qalabka iyo waxay leeyihiin qaylo ay sidoo kale.
Casharadani waxay u dhexeeyaa Photoshop iyo Sketch si ay u sameeyaan sawirrada iyo isticmaalida Adobe Experience Design si ay u muujiyaan qaar ka mid ah dhibcaha xanuunka u dhexeeya fikraddaada iyo dejinta ugu dambeysa. Aynu bilowno.
01 of 05
Sida loo diyaariyo Sawirrada Moobalada Mobile ee Adobe Photoshop
Tallaabada ugu horreysa ee nidaamkan ayaa ah in la ogaado qalabkaaga ama qalabkaaga. Xaaladdan oo kale, waxaad noqon doontaa bartilmaameedka iPhone 6 kaas oo leh aag muuqaal ah oo 375 pixels ah oo ballaaran 667 pixels sare. Naqshadeynta waxay ku baaqeysaa sawirka inuu noqdo ballaadhka shaashadda.
Sawirka loo isticmaalay waxaa lagu toogtay gudaha Bern Minster Cathedral ee Bern, Switzerland. Marka sawirka laga furo Photoshop, Xulo Muuqaalka> Tusaalaha Sawirka si aad u hubisid cabbirka sawirka iyo xalka. Sida muuqata, muuqaal ah 3156 x 2592 oo leh Resolution of 300 ppi iyo size size 23.4 Mb ma shaqayn doonaan.
Iyada oo ku jira sanduuqa Muuqaalka Maabka ee cabbirka, hoos u dhig Resolution 100 ppi . Tan koowaad sameyso sababta oo ah cabbirka sawirka ayaa sidoo kale isbedelaya. Iyada oo qiyaasta xallinta, bedelka width si 375 Pixels. Haddii aad hubisid xogta Muuqaalka Muuqaalka waxaad arki doontaa sawirka hoos udhaca 23.4 Mb ilaa 338k oo mobile-ka ah. Guji OK si aad u aqbalaan isbeddelka una xiro sanduuqa Soodhiga Muuqaalka.
02 of 05
Sida loo Isticmaalayo "Dhoofinta Sida ..." sanduuqa wada hadalka ee Adobe Photoshop
Marka sawirku uu diyaar u yahay dhoofinta, dooro "Dhoofinta> Dhoofinta Sida ..." si loo furo Dhoorka Sida sanduuqa wada-hadalka.
Sanduuqa Wada-Hadalkani waa ku-soo-koobnaantii ugu dambaysay ee Sawir-qaadashada Photoshop waxuuna bedelayaa sanduuqa "Save for Web" ee ay isticmaalaan sanado. Haddii aad wali u baahan tahay, waxaad ka heli kartaa Daahfurka Dhoofinta. Waa, sababo cad, hadda loo yaqaan "Export For Web (Legacy)". Haddii tani tahay booqashada ugu horeysa ee sanduuqa wada-hadalka, halkan waa booqasho kooban:
- Cabbir: Tani waxay dhigtaa cabbirka baaxadda ee sawirka. Muuqaalka xiisaha leh ee meeshani wuxuu kor u qaadi doonaa sawirka, laakiin sawirku uma muuqanayo "xummo" qalab sababtoo ah tirada badan ee pixels ee shaashadda qalabka.
- 1X: Ku dhaji tani oo waxaa laguugu soo bandhigi doonaa tiro siyaabood. Noocyada 1x, 2x iyo 3x ayaa ah caado ahaan la xiriirta qalabka HiDpi ee ka yimid Apple iyo iyaga iyo qaar kale oo dhowr ah waxay diyaarin doonaan sawirrada qalabyada Android.
- Suffix: Doorashadani waxay muujineysaa cabbirkaaga laakiin waxaa lagu muujin doonaa sida @ 2x ama xajmiga ayaa la doortaa. Suuxintan waxaa lagu dari doonaa magaca image.
- Calaamadda + Tilmaan: Ku dhuftaan tan si aad ugu darto qaddaro kala duwan Xaaladdan, guji laba jeer oo doortay 2x iyo 3x oo ka soo deg deg ah. Tani waxay dabooli doontaa qalab kasta oo qalabkan ah.
- Qashin-qaadidda: Taabo tan iyo xulashada ayaa laga soocayaa line-ka.
- File Settings: Dooro nooca - jpg, png, gif ama svg - ugu fiican ee ku haboon sawirka. Haddii cabbirka faylka uu yahay cabasho waxaad sidoo kale yareyn kartaa goobaha Tayada.
- Cabbirka Sawirka: waxaad bedeli kartaa cabbirka jirka ee sawirka.
- Canvas Size: Waxaad bedeli kartaa cabbirka jirka ee sawirka sawirka.
- Metadata: Waxaad ku dari kartaa xuquuqda daabacaada iyo macluumaadkaaga xiriirinta metadata sawirka.
Markaad dhameeysid, riix badhanka Dhoofinta Dhamaan. Waxaa lagu weydiin doonaa meesha aad rabto inaad dhigto sawirada. Caado wanaagsan oo horumar leh waa inaad gujisaa badhanka Faylka Cusub oo abuuro fayl si aad u haysato sawirrada la dhoofiyo. Markaad riixdo dhoofinta, waxaa lagu tusi doonaa sawirada faylka.
03 of 05
Sida loo Diyaariyo Sawirrada Moobalada Mobile ee Sketch 3 Bohemian Coding
Sketch 3, Codsiga Macintosh-keliya oo ka yimid Bohemian Coding, ayaa si dhakhso ah u kasbaday UX iyo UI designers sababtoo ah diiradda xooggan ee webka iyo app design. Dhab ahaantii Photoshop, siyaabo badan, waxay ku jirtaa jaangooyada aan ku ciyaareynin "inay la qabsadaan" Sketch.
Si aad u diyaarsatid sawir loogu talagalay moobiilka Sketch, dooro sawirka farshaxanka, kadibna riix badhanka Qalabka la dhoofiyo ee hoose ee qaybta Guryaha . Tani waxay furi doontaa sanduuqa waraaqda la dhoofiyo. Riix calaamadda + si loo daro 2x iyo 3x noocyada iyo sidoo kale ku darso nuqullada. Hababka la heli karo waa PNG, JPG, TIF, PDF, EPS, iyo SVG. Xaaladdan, dooro JPG. Riix badhanka Badeecadda iyo bartilmaameed ama abuuro fayl si aad u haysato sawirrada kala duwan ee loo dhoofiyo.
04 of 05
Maxaad u Baahan Tahay Inaad Abuurto Saddex (ama Ka Badan) Noocyada Sawirka
Sikastaba, Suuqa Mobile waa "Wild West" ee qaraarada iyo hal darajo xaqiiqda ah ma aha mid taamil ah. Tusaalaha kor ku qoran ee Adobe Experience Design, sawirka waxaa la dhigayaa 2 farshaxan oo iPhone 6 ah iyo qalab Android ah. Ogeysiis sida qaybta 1x ee bidixda u muuqato inay tahay kala bar qeyb ahaan. Tani waa sida muuqaalku u muuqan doono iPhone 6 oo leh shaashadda retina. Nooc 2x ah ayaa si fiican u habboon, version-ka Android wuxuu ka baxayaa shaashadda. Doorashadaada ayaa ah inaad adigu kor u qaado sawirka ama aad sawir ka qaadato sawirada Photoshop ee cabbir ka duwan.
05 05
Imtixaanka Hore, Tijaabi Marar, Ku kalsoonow Waxba, Ammaan Maaha Mid Gaar ah iyo Gaar ahaan Naftaada
Waxa aad u baahan tahay inaad fahamto waa tan kaliya ee bilawga hawsha. Inaad eegto shaqadaada qalab badan intaad awood u leedahay in laguu tixgeliyo inaad tahay qayb muhiim ah ee hawlgalka. Waxaad sidoo kale u baahan tahay inaad ogaato inay tahay tallaabada ugu horreysa ee geedi socodka lagu abuurayo hantida sawirrada ee macaamiisha ama mashaariicda webka.
Isticmaalidda codsiyada prototyping waa hab weyn oo lagu ogaanayo dhibcaha xanuunka laakiin hantidaas oo kale waxay u baahan doontaa in la soo saaro isticmaalka horumariyaha. Xaalado badan, xajmiga jirka ee hantida, oo ay ku jiraan astaanta, waxay noqon doonaan kuwo muuqaal ah oo aan ku jirin qaabka svg laakiin qaabka png. Marka ugu horeysa, tani waxay u egtahay in ay ahaato waxoogaa sareysa ee sare laakiin xusuusnow xukunka dahabiga ah ee sawirada waxtarka leh: waxaa ka wanaagsan in hoos loo dhigo inta kor loo qaado.
Qeybta hoose waxay tahay inaad si dhow ula shaqeysid horumariyahaaga iyo isticmaalka software prototyping si aad u muujiso naqshadaada ujeedada. Ugu dambeyntii, hantidaasi waxay u baahan tahay inay diyaar u noqoto badeecada kama dambaysta ah oo aad horumariyayaashaadu hayso si wanaagsan oo ku saabsan waxa isaga ama iyadu kaaga baahan yihiin.