Narinig mo na ba ang pixel perfect? Tinanong ka ba tungkol dito sa mga panayam sa trabaho o nakita mo ba ito sa mga alok sa trabaho? Kung gayon, maaari kang magkaroon ng mga pagdududa tungkol sa kung ano ang kanilang tinutukoy. Maliban kung alam mo kung ano ito, mula sa iyong pagsasanay o mula sa iyong karanasan.
Ngunit kung hindi ito ang kaso at kailangan mong linawin ang konseptong ito upang hindi ka mahuli bilang isang "newbie" sa isang panayam, narito ang lahat ng impormasyon na kailangan mong malaman tungkol dito. Tingnan mo ba?
Ano ang perpektong pixel
Posible na sa pamamagitan ng mga salitang iyon maaari mong isipin na ito ay tumutukoy sa paglikha ng mga ilustrasyon o mga imahe na may perpektong pixel (iyon ay, kasama ang mga elemento na bumubuo sa isang imahe).
Ngunit ito ay talagang nagpapatuloy. Totoo na ito talaga ang tungkol dito, pagkamit ng pagiging perpekto sa mga disenyo.
Ang mga diskarteng ito ay pangunahing ginagamit sa mga disenyo ng pahina o application, ngunit walang pumipigil sa iyo na gamitin ang mga ito kapag gumagawa ng mga larawan gamit ang iyong computer.
Ang termino ay ginamit noong 90s., na nailalarawan dahil ang mga web page ay ginawa sa pamamagitan ng Photoshop, sa mas tradisyonal na paraan (hindi tulad ngayon). Para sa kadahilanang ito, hinanap ang mga tao na perpektong pinagkadalubhasaan ang tool at ang mga diskarte upang ang disenyo ay sapat.
Siyempre, maraming taon na ang lumipas at, kahit na hindi gaanong naghahanap ng mga propesyonal na alam kung paano ilapat ang perpektong pamamaraan ng pixel, hindi masakit na malaman ito, o at least alam kung anong mga technique ang ginamit para makamit ang mas magandang resulta.
Sasabihin namin sa iyo ang tungkol sa kanila sa ibaba.
pixel perpektong diskarte
Tulad ng sinabi namin sa iyo dati, dito namin pag-uusapan ang iba't ibang mga diskarte na ginamit ng isang pixel perfect na propesyonal upang makamit ang kanyang layunin.
Pagkarating
Ang pagiging naa-access ay isang bagay na hindi nagpapahintulot sa iyo na malaman kung ano ang aming tinutukoy kung hindi ka namin bibigyan ng karagdagang data, tama ba?
Isipin na mayroon kang isang web page na magkakaroon ng menu kung saan ipinapakita ang ilang mga opsyon.
Ang isang hindi naa-access na website ay magiging isa na, sa mga ipinapakitang opsyon na iyon, maaaring basahin ang isang katas ng bawat pahina.
Ang isang naa-access na website ay isa na, sa mga ipinapakitang opsyon, magkakaroon tayo ng isa o dalawang salita na tumutukoy kung ano ang makikita sa pahinang iyon.
Sa madaling salita, at pagtutok sa disenyo, ito ay tungkol sa paglikha ng isang website o application na madaling i-navigate, na hindi nagdudulot ng mga problema at iyon ay intuitive din.
Palalimbagan
Bagama't ang typography ay maaaring nasa loob ng kung ano ang magiging accessibility, ang katotohanan ay mayroon itong sariling pamamaraan.
Sa isang banda, Kailangan mong maghanap ng font na mabisa para sa negosyo o sektor ng website na iyon. Ngunit gayundin, mahalaga na mayroon itong angkop na laki at espasyo upang ito ay nababasa, upang ito ay makita sa anumang browser, device, atbp.
Sa kasong ito, hindi inirerekomenda na tumaya sa mga font na napaka orihinal, na wala sa "klasiko". kasi makikita mo na binabago ng browser ang sulat dahil wala ito, dahil hindi ipinapakita ang text, atbp.
ang pixel
Paano hindi, Kung pinag-uusapan natin ang tungkol sa pixel perfect, isa sa mga technique na dapat mong ganap na makabisado Ito ay tungkol sa mga pixel. Hindi mo lang dapat alam kung ano ang mga ito, ang kanilang kahalagahan, atbp. ngunit din kung paano gamitin ang mga ito sa iyong kalamangan.
At sa ganitong kahulugan, dapat mong malaman na ang isa sa mga kabiguan ng mga taong hindi lubos na nakakabisado ay ang payagan ang mga gilid na ma-rasterize (isang bagay na maaaring gawin ng Photoshop bilang default).
Upang maiwasan ito, kakailanganin mo ang mga gilid upang maging tuwid at, bilang karagdagan, na sila ay buo. Sa madaling salita: sa pamamagitan ng paggamit ng mga setting ng Photoshop dapat mong iwasan ang anti-aliasing pati na rin ang pixel rasterization.
visual na hierarchy
Bagama't hindi gaanong nauugnay ang diskarteng ito sa mga pixel, nauugnay ito sa pagkakasunud-sunod kung saan lalabas ang iba't ibang elemento ng isang website o app. Kapag ginagawa ito sa Photoshop, kailangan mong maging napakalinaw tungkol sa kung paano mo gustong tingnan ang lahat (dahil ang hirap palitan mamaya).
Para sa kadahilanang ito, kapag binubuo ang "base" o istraktura ng web, kinakailangang malaman kung aling mga elemento ang may kaugnayan, sa anong antas at pagkakasunud-sunod kung saan dapat lumitaw ang mga ito upang magkaroon ng isang kasiya-siyang disenyo.
Organisasyon at katawagan
Maliban kung gagawin mo ang website nang mag-isa, at inayos mo ang iyong sarili ayon sa gusto mo, ang pagkakaroon ng isang mahusay na organisasyon ay nagbibigay ng isang napakagandang imahe.
Karaniwang nagtatrabaho ang mga taga-disenyo bilang isang pangkat. Samakatuwid, ang pagpapakita ng isang maayos na file, sa pamamagitan ng mga layer, at pagtukoy sa bawat elemento (hindi lamang ang mga website, kundi pati na rin ang mga imahe, icon, atbp. na mayroon ito) ay makakatulong upang makagawa ng mga pagbabago nang mas mabilis sa ibang pagkakataon, dahil palagi mong malalaman kung saan hawakan.
pagkakahanay at espasyo
Ang pag-aalok ng disenyo sa web na may ilang mga produkto, ngunit ang bawat isa ay mas mataas o mas mababa kaysa sa susunod ay magiging magulo. Una, dahil magbibigay ka ng napakasamang imahe; at pangalawa dahil sa paningin ay magiging napakagulo na ang mga tao ay gugustuhin na lamang na makaalis doon sa lalong madaling panahon.
Ang pag-aalaga sa mga margin, pagtatatag ng patayo at pahalang na mga linya upang ang bawat elemento ay nakasentro, at ang paglikha ng pamantayan para sa laki ay makakamit ang balanse sa pahina.
Bilang karagdagan, makukuha mo ang disenyo upang "huminga" at, kasama nito, hindi ka madarama ng lahat ng iyong nakikita, ngunit sa halip ay pumunta nang mas mahinahon.
Kulay, hugis at kahulugan
Ang mga visual na elemento ng isang website o app ay kailangang "magpakasal". Ibig sabihin, kailangang pagsamahin sila sa isa't isa para mag-offer sila ng resulta na para bang palagi silang magkasama. Iyan ang pinangangalagaan ng pixel perfect.
Kung hindi, malito nito ang gumagamit.
Halimbawa, ang paglalagay ng itim na icon na may isa pa sa tabi nito na may kulay na fluorescent.
Kailangan mong bigyang pansin ang mga detalyeng iyon. dahil maaari nilang ganap na sirain ang huling resulta.
Ang pixel perfect technique ay bihira nang gamitin, lalo na't ang mga website ay hindi na nilikha gamit ang Photoshop. Ngunit ito ay maaari mong ilipat para sa iba pang mga gamit. Narinig mo na ba siya?