Miksi sinun pitäisi tulla retina valmiiksi?
Katso! Se on brändi, jolla on uusi, kiiltävä teknologinen piirre. Ja se todennäköisesti auttaa sitä toteuttamaan Apple-tuotteita. Pari hienoa sivustoa (kuten tämä) ovat jo alkaneet käyttää sitä. Mitä se tekee? Tuleeko se ikuisesti? Mitä se tarkoittaa ja milloin tai miksi minun pitäisi kokeilla sitä?
Puhumme verkkokalvon valmistamisesta. Olenkin rehellinen kanssasi; kun kuulin sen ensimmäisen kerran, heitin sen sivulle. Se on pääosin Applen laitteissa ja ajattelin, että se olisi jotain, mitä vain he voisivat tehdä. Se ei ollut valtava pelimuuttaja, koska monet muut ihmiset eivät voineet vaikuttaa siihen. Mutta poika, olin väärässä.
Nyt olen lukenut muutaman sivuston ja kuulin pari "asiantuntijaa" ja näyttää siltä kuin on todellinen kiehtoo olevan verkkokalvo valmis. Haluaisin myös sanoa, että kiehtovuus koskee lähinnä web-suunnittelijoita ja taiteilijoita, jotka huolehtivat hyvistä asioista. Olen varma, kysyitkö keskimääräisen henkilön (ilman Apple-laitetta), mikä verkkokalvo on valmis, he katsovat sinua, että sinulla olisi kaksi päätä. Tämä ei kuitenkaan tarkoita sitä, että se ei ole sellainen, joka olennaisesti osoittautuu suuriksi ja ottaa pian maailman haltuunsa.
Eli mikä se on?
Kun katsomme näyttöjä, näemme joskus yksittäisiä pikseleitä. Kokeile katsomaan jotain CSS: n pyöristettyä kulmaa tai todella epäselvää kuvaa, jota räjäytetään. Näet pienet pienet neliöt tai pisteet, jotka yrittävät muodostaa elementtiä. Pikselit ovat erittäin pieniä, mutta koulutettu silmä, kuten suunnittelija, voimme vain kertoa. Tiedämme, kun näemme pikselit ja tiedämme, milloin kuvat ja elementit ovat vain suora ruma.
Ongelma ei ollut valtava, ennen kuin asiat kuten reagoiva muotoilu ja tarve asentaa yksi asia useisiin selaimen koon tuli mukaan. Ennen sinä vain käsitteli sitä, koska selaimesi, kumpi näistä olit, näytti täsmälleen, mitä olet pyytänyt näyttämään. Nyt reagoivalla suunnittelulla ja tablettien ja muiden laitteiden toiminnalla voin tarttua kuvan päälle, jotta pienennä sitä tai kaksoisnapsauta näyttöä sivun suurentamiseksi.
Sivustot, jotka eivät ole verkkokalvot, ovat sivuilta näyttävän pinnaltaan epätarkkoja ja epäselviä normaalissa tilassaan sekä sivujen koon kasvaessa. Retina-valmiiden verkkosivustojen ja laitteiden avulla voit nähdä enemmän pikseleitä neliötuumaa kohden. Siksi koulutettu silmäsi näkee erittäin sileän, laadukkaan kuvan tai elementin eikä vääristymiä. Verkkokalvon valmistaminen on tehty joidenkin CSS: n ja Javascriptin avulla. Kuvien kohdalla ne luodaan kuitenkin vähintään kaksinkertaiseksi niiden kokoon nähden, jotka näytetään verkossa.
Verkkokalvon valmis sivustojen edut
1. Terävät kuvat: Kuten olemme jo puhuneet, koko retina-tekniikan idea on antaa meille terävämpiä kuvia. Verkkokalvon taustalla oleva ajatus on luoda jotain, joka näyttäisi yhtä teräväksi kuin se olisi painettuna. Värit ovat kirkkaat ja kirkkaat, koska verkkokalvon valmis laitteissa on enemmän pikseleitä tuumaa kohti. Se on pohjimmiltaan kuin teräväpiirto kannettavan tietokoneen, puhelimen tai tabletin kanssa.
2. Parempi estetiikka herkälle: Jälleen olemme koskettaneet ajatusta, että saat paremman kuvanlaadun. Mitä jotkut eivät välttämättä tiedä, on se, että verkkokalvon valmis verkkosivusto luo terävät fontit. Kun me joskus suurennamme sivuja verkkosivuilla, päädymme ulos joitakin fontteja, joita ei voida venyttää. Monia näistä kirjasimista ei saa käyttää sellaisella tavalla ja antaa meille saman pikselitason ilmeen, jota voimme saada joistakin kuvista.
Retina-valmiit sivustot helpottavat fonttien sujuvuutta. On myös joitain fontteja, jotka on valmistettu verkkokalvon valmiskohteille ja jotka säilyttävät kuvanlaadun verkkokalvon laitteissa (tai jopa ulos).
3. Suunnittelu entistä tarkemmin: Minusta minimalismi on tullut yleistynyt, koska se on yksinkertainen käsitys ymmärtää ja suunnitella. Ajatus on pysyä mahdollisimman puhtaana ja päästä eroon fluffista. Jokainen niin usein, on hienovaraisia yksityiskohtia heitetty tällaisiin teemoja, samoin kuin muita, jotka ovat joskus vaikea nähdä säännöllisesti näytöt. Retina-laitteet eivät ole ainoastaan hyödyllisiä korkealaatuisessa kuvasuhteessa vaan myös näytön kirkkaudessa.
4. 30 miljoonaa ihmistä ajattelee sivustosi ruma: Web-sivusto kärsii juuri tällä hetkellä, jos et ole verkkokalvo valmis. Yli 30 miljoonaa käyttäjää on ostanut nämä Applen laitteet, joilla on tämä terävämpi näyttöominaisuus. Kun he katsovat sivustoasi, kuvat ovat pikseleitä, fontit ovat vaikeita lukea ja yleisesti on luultavasti huono esteettisyys. Jos tiedät, että yleisösi on todennäköisesti sama yleisö, jolla on nämä laitteet, saattaa olla aika mennä eteenpäin ja valmistaa sivustosi verkkokalvon valmiseksi.
Oppaat ja resurssit
Retina.js
Retina.js on JavaScript-komentosarja, joka tarkistaa palvelimesi nähdäksesi, onko sivustossasi saatavilla korkean resoluution kuvia. Jos esimerkiksi sinulla on alkuperäinen image.jpg, jotta verkkokalvo on valmis, he etsivät sitä kuvaa, jonka lataat, joka on kaksinkertainen kokoon, ja sen pitäisi olla nimetty vastaavasti. Tämä huolehtii suuresta osasta suurta resikuvaa.
Miten tehdä WordPress teema Retina valmiiksi
Kun saat Retina.js, joka käsittelee pääasiassa kuvia, mikä on tietenkin suuri osa verkkokalvon valmis-sivuston luomisesta. Tämä opetusohjelma menee läpi muutamia tapoja, joilla voit muokata sivustosi loppuosaa niin, että se toimii näillä laitteilla. Siellä on joitain CSS: ää, sekä vaihtaa grafiikan ulkoasuja kirjasimille ja muille.
Miten luodaan verkkokuvioituja grafiikoita verkkosuunnitteluihisi
Ymmärrämme, että suurin osa teoksista on grafiikan avulla, joten miten muutat grafiikkaa, jonka täytyy tehdä verkkokalvo valmis? Ja miten jatkat verkkokalvon valmisgrafiikkaa? Line25 selittää joitakin Photoshopissa ja Illustratorissa käytettävissä olevia tekniikoita saadaksesi grafiikkasi järjestyksessä.
Miten luodaan retina valmiita grafiikkaa Adobe Photoshop CS6: ssa
Niille, jotka haluavat nopeasti korjata verkkokalvon kuvia vain Photoshopissa, tämä on opetusohjelma sinulle. Kolmen nopean askeleen avulla voit luoda malleja verkkokalvon valmiiden grafiikoiden luomiseen.
johtopäätös
Verkkokalvon valmis maailma on edelleen uusi, ja se on vielä jotain, mitä Applen on ymmärtää. Kukaan ei tiedä, että aika vaikuttaa, joten odotamme ja näemme. Sillä välin monet meistä pitäisivät nauttia erittäin terävistä kuvista ja kaiken ympärille paremmasta suunnittelusta.
Kuinka sinusta tuntuu, että verkko muuttuu verkkokalvoksi valmiiksi? Onko sinulla väliä? Jaa kommenttisi ja linkit verkkokalvon valmiisiin sivustoihin kommentteihin.