Hvernig á að kvarða lit á vefnum
Hvenær er appelsína meira eins og rautt? Vefur hönnuður, jafnvel vandlátur sjálfur, stundum hunsa litaskiptingu yfir skjái.
Hvernig er vefur hönnuður að stjórna lit þegar skjár notenda þeirra gæti verið hvaða stærð eða litur eða gæti verið skoðað við hvaða birtuskilyrði?
Ólíkt því að ákveða HTML villur, sem hafa áhrif á vafra þegar blaðsíðan er hlaðin, færðu nákvæmar litir í vinnsluferli hönnuðarinnar.
Viðhalda litum yfir verkefni er mögulegt þegar vandamálin eru skilin. Lestu um áskoranirnar og lausnirnar - til að fá samkvæm lit á vefnum.
Getur þú komið auga á muninn á myndunum hér fyrir neðan?
Eitt af myndunum er örlítið meira blátt en hitt. Þessi "litaskipti" eða heildarbrigði tiltekins litar getur verið óséður af frjálslegur áheyrnarfulltrúi. Eftir allt saman, lítilsháttar breyting á litblæti gerir þetta ekki minna af blómum né dregur úr smáatriðum smáatursins. Það er uppsöfnuð breyting.
Með tímanum borða hágæða JPEG-myndir og 256-lit PNG tákn upp dýrmætur bandbreidd. Fjölbreytileiki í HTML eykur vinnuálag vafrans við hverja hleðslu síðu. Ólíkt þessum vandamálum, sem bæta við sem gestir skoða vefsíðuna, er litastjórnun vandamál í hönnunarferlinu . Myndir sem eru búnar til á óskilgreindum skjá verða ósamræmi með tímanum.
Litur breyting gæti farið með öðru nafni: inattentiveness.
Hvenær getum við sagt að litur grafík passar við síðuna nógu nálægt? Hvenær er liturinn á myndinni of ónákvæm? Hvaða upplýsingar skiptir ekki máli við verkefnið í heild? Allir geta haft mismunandi svör, en enginn sem tekur stafrænar myndir alvarlega getur hunkað lita kvörðun.
Prentaðnaðurinn hefur barist við að fá nákvæma lit í áratugi. Að tryggja að nákvæmlega sömu litirnar birtast á öllum framleiðslustigum, þ.mt í ýmsum skjái, skrifstofuprentarar og hápunktarþrýstir, hefur skapað eigin iðnað kvörðunarbúnaðar, hugbúnaðarlausna og jafnvel ISO-staðla.
Vefhönnunarsamfélagið hefur yfirleitt ekki áhyggjur af stöðvaþrýstingi. En kannski ætti það.
Vefurinn hefur haft litaspjöld þar sem hann hefur litið
Á tíunda áratugnum varð nákvæmur litur á vefnum með því að nota stiku af 216 "öruggum" litum. Þessar litbrigði og tónum voru (að mestu leyti) tryggð að ekki dither þegar birtist á skjái sem gæti ekki séð meira en 8-bita lit.
Ofan er halli með og án dithering. Í dag er mikill meirihluti tölvur hægt að sýna 24-bita lit eða betri (samkvæmt Þessar vafra sýna tölfræði og Google Analytics mælingar á vefsvæðum, þar á meðal Webdesigner Depot). Það er, hver pixla getur sýnt eitt af milljónum litum, sem gerir kvörðun bæði flókin og mikilvægari.
Vefurinn hefur lengi treyst á hexidecimal kóða, eins og # F35C23, til að skilgreina liti. Þessir sex stafa strengir geta sýnt mikið úrval af litum og gildum með mikilli nákvæmni. Mynd sem hefur # F35C23 og CSS bakgrunn í # F35C23 mun passa fullkomlega.
Vandamálið er að kóðinn skilgreinir blöndu af rauðum, grænum og bláum en leiðir ekki alltaf til samræmda lit. Skjárinn sýnir reikninginn fyrir mismuninn.
Hvítur er hvítur, nema þegar það er ekki
Margir þættir hafa áhrif á nákvæmni lit þegar búið er að breyta og breyta stafrænum myndum. Eins og með prentun fer litur á vefnum á umhverfið þar sem myndin er búin til. Ólíkt prentun geta vefmyndar myndir breyst í hvert skipti sem þeir birtast vegna þess að fylgist með notendum breytilegt og ekki er hægt að ýta á flipa sem geta upplifað vandamál.
Þó að margir nútíma vefur flettitæki geta birt
En ekki eru allir skjáir byggðir á sama hátt, og því gæti ákveðin skugga af appelsínu ósamræmi á mismunandi skjái. Hér eru nokkrar af orsökum litabreytinga:
- Lítil breyting á milli framleiðenda og módel er lítilsháttar ónákvæmni í skugga og lit.
- Margir skjáir (sérstaklega CRT- skjáir) breyta litum í gegnum árin og jafnvel þegar þeir hita upp yfir daginn.
- Þangað til nýlega, Mac OS X og Windows notaðir tvær mismunandi "gamlar", sem þýddi að myndir á Macs virtust bjartari en sjálfur á tölvunni. Mac OS X 10.6 (Snow Leopard) notar algengara gamma 2,2 , sem er það sama og Windows og margir sjónvörp og myndavélar.
- Fólk vafrar á vefnum frá mörgum mismunandi stöðum og í mörgum mismunandi birtuskilyrðum. Áhrif loftljósanna og magn og lit náttúruljóssins hafa öll áhrif á útlit litsins á skjánum.
Ofangreind sýnir mismunandi kvörðun að "hvítur" er oft ráðinn litur:
- Upprunalega myndin, skotin undir flúrljósi með punkta og skjóta myndavél.
- U.þ.b. litaskipting á Mac fyrir Snow Leopard.
- U.þ.b. litaskipting á öldrunarsvæðinu.
- Nálægt sannri lit, eins og sést á fartölvu sem myndin var unnin.
A örlítið rauður skjár gæti sýnt annað fullkomlega bláu eins og aðeins fjólublátt eða sýnt grænt með gulu tinge. Skjáir sem eru of björt munu þvo út skugga og hápunktur; fylgjendur setja of dökk mun muddar skuggar og auka líkurnar á litaskiptingu í hápunktum. Fyrir hönnuði sem annt um þessar upplýsingar er gæðaeftirlit ákveðið áskorun.
PNG litabreyting
Einfaldlega sett breytir gamma gildi luminance myndarinnar sem birtist. Hannað fyrir stafræna skjá, gerir PNG myndsniðið hönnuði kleift að bæta við gamma leiðréttingu á hverri mynd. En án þess að vita um lýsingu á framleiðslubúnaði (það er, án þess að vita hvaða skjámynd myndin mun birtast), hafa hönnuðir erfitt með að bæta við nákvæmum gamma leiðréttingu.
Þessi einkenni hafa orðið algengasta vandamál PNG. Á vefnum mun myndin stundum passa við sex litirnar sem eru tilgreindar í CSS og stundum er það ekki-jafnvel þótt það sé búið til með réttum lit.
Forrit eins og PNGCrush (Windows) og PNGenie (Mac) er hægt að fjarlægja umframupplýsingar úr PNG skrám, þar á meðal gamma stillingunni, sem gerir litina áreiðanlegri.
Önnur mál
Koma í veg fyrir litaskiptingu getur krafist breytinga á því hvernig hönnuðir vinna. Léleg lita kvörðun mun standa út um tíma. Það er ein af þessum upplýsingum um hönnun sem ekki er talað um og ætti ekki að taka eftir.
Iðnaðarlausnir
Ýmsar lausnir hafa tekið mikið af því að gera ráð fyrir að stjórna lit og koma í veg fyrir litaskiptingu.
The International Color Consortium (
ICC snið eru skrár sem innihalda upplýsingar um hvernig mismunandi tæki birta lit. Prentarar og flestir tölvur skipa með ICC sniðum byggð inn, því framleiðendur þeirra vita nákvæmlega hvernig þeir vinna. En sérsniðnar ICC-snið geta aðlagað tiltekið tæki við ákveðnar aðstæður, td þegar skjá er notuð undir flúrljósi, í stað þess að við hliðina á stórum glugga.
Auk þess að passa liti yfir skjái (og á prenti) styður Adobe Flash Player 10 ICC snið , gerir litastjórnun á milli Flash og prentara (að því gefnu að prentari endir notandans noti ICC snið).
Árið 1996 skilgreindu Hewlett-Packard og Microsoft staðlaða rauðu, grænu, bláu (
Þessar tæknilegar lausnir eru iðnaðarviðbrögð frá fagfélögum. En hönnuðir geta einnig gert ráðstafanir til að halda starfi sínu stöðugt með tímanum.
Ráð til að undirbúa herbergi fyrir vinnu í litum
Hvers konar ljós notarðu núna? Ef þú ert að lesa þetta í aðalvinnu þinni, og ef nákvæmur litur er mikilvægur fyrir þig, þá getur þú gert ráðstafanir til að bæta vinnusvæðið þitt núna.
- Tíu sekúndur á hálftíma
Taktu fljótlegt hlé og stara á 18% grátt kort . Að horfa á sama kortið undir sömu birtuskilyrðum er góð leið til að "endurstilla" augun. (Athugaðu: Purists mæla með 12% gráum kortum. Þeir eru líka fínn, svo lengi sem þú notar sama kortið í hvert sinn. Aðalatriðið er að horfa á eitthvað í samræmi og hlutlaus.) - Tíu mínútur
Færðu skjáinn þinn úr beinu ljósi. Slepptu aldrei ljósgjafa beint á skjáinn. - Fimmtán mínútur
Fjarlægðu lituðu fylgihluti skrifborðs (dagatal, merkimiðar, myndir, möppur, allt sem er ekki grátt) úr sjónarhorni þínu. Ef skjárinn þinn er hugsandi skaltu ekki halda litríkum hlutum beint fyrir aftan þig. - Tíu mínútur á dag
Láttu augun aðlagast umhverfinu áður en þú byrjar að vinna. Gefðu augun tíma til að laga sig að vinnusvæðinu, sérstaklega ef þú hefur bara komið inn úr sólarljósi eða utanríkislýsingu. Notaðu tímamælir ef þörf krefur. - Tíu mínútur á viku
Hreinsaðu skjáinn þinn. Notaðu a límlaus klút að fjarlægja ryk og fingrafarið varlega, eða vísa í handbók handbókarinnar til að hreinsa leiðbeiningar. Gera það sama við augnglerin þín, ef þú klæðist þeim. - Dagur eða svo
Cover nærliggjandi gluggum með þykkum skjárum eða gluggatjöldum. Helstu ávinningur af náttúrulegu ljósi er nákvæmni. Það er erfitt að fá meira eðlilegt en sólarljós og framboð. En náttúrulegt ljós breytilegt. Það breytist um daginn, með veðri og árstíðum. - Helgi
Umkringdu vinnusvæðið með hlutlausum gráu. Mála veggina og skipta um dökk húsgögn með eitthvað blíður. Helst ætti skrifborðið að endurspegla aðeins um 60% af ljósi sem slær það. GTI Munsell hlutlaus grár mála er vinsæll meðal ljósmyndara til að skapa hlutlausan bakgrunn. - Helgi eða sendingartími
Ef þú ert ekki fær um að breyta lýsingu á skrifstofunni þinni, kaupa eða setja saman skjár hettu til að koma í veg fyrir endurlífgun og breyttar aðstæður.
Ábendingar til að kvarða skjáinn þinn
Tilgangur kvörðunarinnar er að útrýma litaskiptum og bjartsýni á skjánum þínum. Skuggarnir ættu að vera ríkir en sýna enn frekar smáatriði. Helstu hápunktur ætti hvorki að vera of heitt né of kalt. Til lengri tíma litið skapar þetta fyrir nákvæma, í samræmi lit.
Hér eru almennar skref:
- Hitaðu skjánum þínum í að minnsta kosti 30 mínútur.
- Veldu gamma (5000-9500 ° K, gamma 1.8-2.2).
- Finndu bestu hvíta og svarta punkta.
- Jafnvægi rauður, grænn og blár til að koma í veg fyrir að kasta lit.
- Endurtaktu þetta ferli mánaðarlega.
Mörg forrit munu ganga þér í gegnum þetta ferli. Adobe Gamma er vinsæll fljótleg lausn til að kvarða CRT skjái. Burtséð frá því að vera auðvelt í notkun er það ókeypis með kaupum á Photoshop eða Photoshop Elements. Aðrar lausnir eru QuickGamma (Windows) og Spyder Datacolor vélbúnaður kvörnunarbúnaður.
Litur mig hrokkinn
Nákvæmar, samkvæmir litir eru ein af þessum minniháttar smáatriðum sem flestir - þ.mt vefhönnuðir - velja að hunsa í andlitið á flokka villur, vefur staðla, mistök viðskiptavinar og góðan frest.
En það er líka ein af þeim þáttum sem gera betri heildarupplifun. Þegar hönnuðir byrja að taka eftir frávikum í litblærum og muddy skuggar, vilja ekki verða betra starf verða óvenjuleg.
Skrifað eingöngu fyrir Webdesigner Depot eftir Ben Gremillion. Ben er sjálfstæður vefhönnuður hver leysa samskiptavandamál með betri hönnun.