„Pixel perfect“ technika: iš ko ji susideda ir į ką turėtumėte atkreipti dėmesį

„Pixel“ tobulas

Ar kada nors girdėjote apie pixel perfect? Ar jūsų apie tai buvo klausiama darbo pokalbiuose ar matėte tai darbo pasiūlymuose? Jei taip, jums gali kilti abejonių dėl to, ką jie turi omenyje. Nebent iš savo mokymo ar patirties tiksliai žinote, kas tai yra.

Bet jei taip nėra ir jums reikia patikslinti šią sąvoką, kad pokalbyje jūsų nepagautų kaip „naujoko“, čia yra visa informacija, kurią apie tai turite žinoti. Ar pasižiūri?

Kas yra tobulas pikselis

pikselių vaizdas

Gali būti, kad pagal šiuos žodžius galima manyti, kad tai reiškia iliustracijų ar vaizdų su tobulais pikseliais kūrimą (tai yra su elementais, kurie sudaro vaizdą).

Bet iš tikrųjų tai eina toliau. Tiesa, apie tai iš tikrųjų kalbama, o dizainas yra tobulas.

Šie metodai dažniausiai naudojami kuriant puslapius ar programas, tačiau niekas netrukdo jų naudoti kuriant vaizdus kompiuteriu.

Terminas pradėtas vartoti 90 m., kurie buvo apibūdinti, nes tinklalapiai buvo sukurti naudojant „Photoshop“, labiau tradiciniu būdu (ne taip, kaip dabar). Dėl šios priežasties buvo ieškoma žmonių, kurie puikiai išmanytų įrankį ir atliktų techniką, kad dizainas būtų adekvatus.

Žinoma, praėjo daug metų ir, nors profesionalų, mokančių pritaikyti pixel perfect techniką, ieškančių nedaug, tai neskauda žinoti arba bent jau žinoti, kokia technika buvo naudojama siekiant geresnio rezultato.

Mes apie juos pasakojame toliau.

pikselių tobulos technikos

vaizdas žiniatinkliui

Kaip jau minėjome anksčiau, čia kalbėsime apie skirtingus metodus, kuriuos naudojo tobulas pikselių profesionalas siekdamas savo tikslo.

Prieinamumas

Prieinamumas yra kažkas, kas neleidžia žinoti, apie ką mes kalbame jei nesuteiksime jums daugiau duomenų, tiesa?

Įsivaizduokite, kad turite tinklalapį, kuriame bus meniu, kuriame bus rodomos kelios parinktys.

Nepasiekiama svetainė būtų tokia, kurios rodomose parinktyse būtų galima perskaityti kiekvieno puslapio ištrauką.

Prieinama svetainė būtų tokia, kurios pateiktose parinktyse turėtume žodį ar du, kurie apibrėžia, kas bus tame puslapyje.

Kitaip tariant, sutelkiant dėmesį į dizainą, reikia sukurti svetainę ar programą, kurioje būtų lengva naršyti, kuri nesukeltų problemų ir būtų intuityvi.

Typografija

Nors tipografija gali patekti į prieinamumą, tiesa ta, kad ji turi savo techniką.

Viena vertus, Turite rasti šriftą, kuris būtų veiksmingas tos svetainės verslui ar sektoriui. Tačiau taip pat svarbu, kad jis būtų tinkamo dydžio ir tarpų, kad būtų skaitomas, kad būtų galima matyti bet kurioje naršyklėje, įrenginyje ir pan.

Tokiu atveju nerekomenduojama lažintis dėl labai originalių šriftų, kurie yra iš „klasikos“. Nes galite pastebėti, kad naršyklė pakeičia raidę, nes jos neturi, nes tekstas nerodomas ir pan.

pikselis

Kaip ne, Jei kalbame apie tobulą pikselį, tai vienas iš būdų, kurį turite puikiai įvaldyti Viskas apie pikselius. Turėtumėte ne tik žinoti, kas jie yra, jų svarba ir pan. bet ir kaip juos panaudoti savo naudai.

Ir šia prasme turėtumėte žinoti, kad viena iš tų, kurie jų nepriekaištingai įvaldo, nesėkmių yra leisti rastruoti kraštus (tai, ką Photoshop gali padaryti pagal nutylėjimą).

Norėdami to išvengti, jums reikės, kad kraštai būtų tiesūs ir, be to, kad jie būtų sveiki. Kitaip tariant: naudodami „Photoshop“ nustatymus turėtumėte vengti anti-aliasing ir pikselių rastrizacijos.

vizualinė hierarchija

detalus vaizdas

Nors ši technika nėra taip susijusi su pikseliais, ji yra susijusi su skirtingų svetainės ar programos elementų rodymo tvarka. Darydami tai naudodami „Photoshop“, turėjote labai aiškiai suprasti, kaip norite, kad viskas atrodytų (nes vėliau buvo sunku jį pakeisti).

Dėl šios priežasties, kuriant žiniatinklio „bazę“ arba struktūrą, reikėjo žinoti, kurie elementai yra svarbūs, kokiu laipsniu ir kokia tvarka jie turėtų pasirodyti, kad būtų vizualiai malonus dizainas.

Organizacija ir nomenklatūra

Nebent svetainę kuriate visiškai patys ir susitvarkote taip, kaip norite, gera organizacija sukuria labai gerą įvaizdį.

Dizaineriai paprastai dirba kaip komanda. Todėl gerai sutvarkyto failo pateikimas, sluoksniais ir kiekvieno elemento (ne tik svetainių, bet ir jame esančių vaizdų, piktogramų ir pan.) apibrėžimas padės vėliau atlikti pakeitimus daug greičiau, nes visada žinosite, kur paliesti.

lygiavimas ir tarpai

Siūlyti interneto dizainą su keliais produktais, tačiau kiekvienas iš jų yra aukštesnis ar žemesnis už kitą, bus chaotiška. Pirma, todėl, kad sukursite labai blogą įvaizdį; ir antra, nes vizualiai jis bus toks netvarkingas, kad žmonės tiesiog norės kuo greičiau iš ten ištrūkti.

Rūpindamiesi paraštėmis, nustatydami vertikalias ir horizontalias linijas, kad kiekvienas elementas būtų centre, ir nustatydami dydžio kriterijus, puslapyje bus pasiektas balansas.

Be to, dizainas „kvėpuos“ ir su juo nesijausi priblokšti visko, ką pamatysi, o eisi ramiau.

Spalva, forma ir prasmė

Vaizdiniai svetainės ar programos elementai turi „susituokti“. Tai yra, būtina, kad jie būtų derinami vienas su kitu, kad jie pasiūlytų rezultatą taip, tarsi jie visada būtų buvę kartu. Tuo pixel perfect rūpinasi.

Priešingu atveju tai suklaidins vartotoją.

Pvz., Padėkite juodą piktogramą su kita piktograma šalia jos su fluorescencine spalva.

Turite atkreipti dėmesį į šias detales. nes jie gali visiškai sunaikinti galutinį rezultatą.

„Pixel perfect“ technika nebėra naudojama retai, ypač todėl, kad svetainės nebekuriamos naudojant „Photoshop“. Bet tai galite perkelti kitiems tikslams. Ar jūs kada nors girdėjote apie ją?


Palikite komentarą

Jūsų elektroninio pašto adresas nebus skelbiamas. Privalomi laukai yra pažymėti *

*

*

  1. Atsakingas už duomenis: Miguel Ángel Gatón
  2. Duomenų paskirtis: kontroliuoti šlamštą, komentarų valdymą.
  3. Įteisinimas: jūsų sutikimas
  4. Duomenų perdavimas: Duomenys nebus perduoti trečiosioms šalims, išskyrus teisinius įsipareigojimus.
  5. Duomenų saugojimas: „Occentus Networks“ (ES) talpinama duomenų bazė
  6. Teisės: bet kuriuo metu galite apriboti, atkurti ir ištrinti savo informaciją.