Síðan 2014 hefur Google endurmetið forrit og þjónustu sína í samræmi við sína eigin Efni Hönnun meginreglur. Í gær það tilkynnti á hönnun bloggið sitt að komandi útgáfur af Chrome vafranum sínum (útgáfa 49.2) muni samþykkja efni hönnun sem sjálfgefin flutningur.
Gagnrýninn er nýr útgáfa af Chrome-kölluð Chrome MD- muni hunsa svæðisbundin CSS í samræmi við forskrift um efni hönnun; litir, tegundir og jafnvel myndir verða gefnir samkvæmt hönnunarmáli Google.
Tæknihástursstefna hönnunarsniðið í næstum tvö ár hefur sprottið á efnihönnun reynst árangursríkt fyrir Google í gegnum forritin sín og samkvæmt Google leggur hönnunarsniðið á efni sem birtist í vafrum sínum til að tryggja stöðuga og hágæða notendaupplifun fyrir viðskiptavini sína:
Við þróað efni hönnun til að veita viðskiptavinum okkar bestu notendaupplifun og við trúum því að þeir skilji gæði þess í hvert sinn sem þeir nota Google vöru - Anjeet Singh, Asst. Leikstjóri Marketing Production, Google Design
Auk þess að rebranding vefinn í eigin mynd sinni mun aðaláhrif þessarar uppfærslu vera róttækan hraðar vefur.
Aðal áhyggjuefni Google er fyrir hraðari vefur og með því að takmarka breytur sem vafrinn er neyddur til að gera, gerir hann ráð fyrir að upphaflega afhendingu síðna verði að meðaltali um 17%.
Chrome MD gerir vefsíðum hraðar en látlaus HTML án CSS. Þetta er vegna þess að jafnvel þegar engin stíll er skilgreindur þurfa vafrar enn að könnun á hugsanlegum stíldeildum; Chrome MD sleppur einfaldlega þetta skref flutningur í samræmi við innri stílkerfi hans.
Chrome MD markar stórt samþykki á AMP (Hröðun farsíma), verulega dregið úr vinnuálagi vafrans. Hins vegar hefur meiri árangur árangur náðst með því að takmarka stílvalkosti.
Litaval Material Design er takmörkuð við 256 liti og Chrome MD mun ekki gefa öðrum lit en þeim 256 hexum.
Þar sem hönnuður tilgreinir sex önnur verðmæti en einn af 256 samþykktum litum, mun Chrome MD sjálfkrafa þýða það í nánasta Efni hönnunarsviðs. Til dæmis, þessar tvær mismunandi raðir mun gera eins og sama efni Hönnun lit:
p.material { color:#E53935; } /* renders correctly as #E53935 */p.notMaterial { color:#EF2A39; } /* renders incorrectly as #E53935 */
Sama meginregla gildir um RGB gildi, RGBA gildi verða þýdd í nánasta efni Hönnun lit byggt á litinni sem þeir leggja yfir.
Stigsetningar verða ekki yfirleitt í Chrome MD. Hins vegar er gert ráð fyrir að lokað-beta-framkvæmdin (þessi stigamörk sem meðaltals tonal gildi) sé aðlöguð til að gera léttasta lit sem finnst í hallanum.
Sama litatakmarkanir eiga einnig við um myndir: Allir pixlar í punktamyndavél verða framleiddar sem einn af 256 skilgreindum litum Material Design, eins og núverandi .gif tækni. SVG lit gildi verða einnig sjálfkrafa breytt.
Google hefur veitt undantekningu á myndregluna í tilvikum sem lýsa henni sem " litaviðskiptum ", með því að styðja á bakgrunni -webkit-appearance :
img.default { -webkit-appearance:material; } /* the default Material Design rendering */img.trueColor { -webkit-appearance:none; } /* the true color as defined in the image file */
Hins vegar mun þessi leiðsla aðeins virka með punktamyndum og embed in SVG skrám, inline SVG mun alltaf gera með Material Design litum.
Skipt um sjálfgefna leturgerð, öll texti í Chrome MD mun gera notkun með einföldum innbyggðum leturgerðarsvæðum. Vegna tungumála stuðnings verður það ekki Roboto eins og búist var við, en Noto .
Texti mun einnig koma fram í 1 af 2 tónum: svart eða hvítt; Tónnin verður sjálfkrafa vald á grundvelli bakgrunnslitarinnar. Gradations tónn verður ákvörðuð sjálfkrafa : á dökkum bakgrunni mun H1-H6 gera við 100% ógagnsæi, öll önnur texti við 70% ógagnsæi; á léttum bakgrunni H1-H6 mun gera við 87% ógagnsæi, allur annar texti mun gera við 54% ógagnsæi.
Chrome MD mun einnig framfylgja hörku leturstærð fyrir þyngd, stærðir og línuhæð:
h1 { font: light 45sp/48pt Noto; }h2 { font: regular 34sp/40pt Noto; }h3 { font: regular 24sp/32pt Noto; }h4 { font: regular 16sp/28pt Noto; }h5 { font: regular 15sp/24pt Noto; }h6 { font: medium 13sp/24pt Noto; }*, p { font: regular 14sp/20pt Noto; }strong, em { font: medium 14sp/20pt Noto; }
Þessar stíll mun ekki vera over-ridable, og sérstaklega, það er ekki skáletrað valkostur.
Kannski er róttækari ákvörðunin lögboðin þátttaka í einum aðgerð. Þetta er skilgreint með kennimarkið og verður veitt sem fljótandi aðgerðahnappur :
https://is.odwebdesign.net/google-challenges-responsive-best-practice-with-resizer/"> Resizer app, eru nothæfar bilar: 360px, 480px, 600px, 720px, 840px, 960px, 1024px, 1280px, 1440px, 1600px.Hvert hönnunarbundið brotpunkt sem passar ekki verður hringt í næsta hæsta brotalið. Til dæmis:
@media only screen and (min-device-width:840px) { /* applies at 840px wide and above */ }@media only screen and (min-device-width:841px) { /* applies at 960px wide and above */ }Víðtæk áhrif
Google hefur langa og stolta sögu um að leggja áherslu á vefhönnuðir, frá óvæntum uppfærslum á reikniritinu, til samþykktar AMP. Hins vegar leggur áhersla á efni hönnun á vefnum líklega að mestu áhrif.
Að sjálfsögðu hafa þessar breytingar aðeins áhrif á vefsíður sem skoðuð eru í Chrome, en þó með meira en 52% af alþjóðlegri notkun vafra er erfitt að ímynda sér síðuna sem mun ekki verða fyrir áhrifum.
Aðal áhyggjuefni okkar er fyrir gæði reynslu viðskiptavina okkar. Og svo mælum við með að allir vefhönnuðir nýta bestu hönnunaraðferðir í Material Design til að tryggja að þeir skili samkvæmri reynslu fyrir viðskiptavini sína á öllum tækjum og kerfum - Anjeet Singh, Asst. Leikstjóri Marketing Production, Google Design
Uppfærslan í Chrome í MD er um að skila hraðari og samkvæmri vefupplifun, en í raun er líklegt að endurskoða alla vefinn sem Google verkefni.
Núverandi útgáfa af Króm er 49.0.2623.110, sem bendir til að minnsta kosti einum minniháttar uppfærslu má búast áður en Chrome MD rúlla út í fullum krafti. Hins vegar markar dagurinn 1. apríl í dag þann tíma sem við tókum að lokum einsleitan vef?
Uppfærsla: Já, betur fer var þessi grein fyndinn í apríl.