Fulls i superposicions

En tàctil, les opcions que a l'escriptori serien un menú desplegable pugen des de baix com un full. Una única primitiva dona suport al menú de continguts, al menú de compartir i al selector de llengua.

Anatomia

Un panell arrodonit a 20 píxels a la part superior, coronat per un tirador de 36 per 4, sobre un teló de fons enfosquit. Les files fan 48 píxels d'alçada per a un polze còmode; la fila activa té un tint verd tènue. Entra lliscant amb una corba elàstica, de manera que arriba amb una mica de pes.

Les files i el tirador del full, a partir de les classes reals.

A l'escriptori

El mateix selector és un menú desplegable a l'escriptori, no un full. L'opció és la mateixa; només canvia la superfície per adaptar-se a un punter i una pantalla més gran. L'ampliació de mitjans a pantalla completa és l'única superposició que es manté igual a tots els dispositius.

Quan utilitzar-ho

Fes

Recorre a un full quan un usuari tàctil tria d'una llista curta.

No facis

Fer servir un full per a un sol sí/no; això és un diàleg.

Fes

Mantén les files a 48 píxels perquè el polze hi aterri net.

No facis

Reduir les files per sota d'una mida tàctil còmoda.

Fes

Renderitza la mateixa opció com un menú desplegable a l'escriptori.

No facis

Atrapar el lector: un toc al teló de fons tanca el full.

On es troba

La família .post-sheet a global.css: .post-sheet-panel, .post-sheet-grabber, .post-sheet-head, .post-sheet-list, amb .sheet-active a la fila actual.

Paleta de cerca

La cerca del blog és l’únic overlay que no és ni full ni desplegable: una paleta d’ordres centrada sobre un fons desenfocat, oberta des de la barra superior o amb Cmd K, governada del tot des del teclat. Ofereix recomanacions i xips de sèries i etiquetes abans d’escriure, ressalta les coincidències en teclejar, i anomena la seva pròpia sortida. Entre 700 i 1279 píxels el selector d’idioma manlleva aquesta forma de panell centrat, en comptes del full inferior del mòbil.

Consentiment

L’avís de galetes és una barra fixa amb tres opcions iguals (acceptar, rebutjar, personalitzar), i la ruta de personalitzar obre una targeta de preferències amb el focus atrapat i un únic commutador d’analítica. Rebutjar és tan fàcil com acceptar, i la pàgina de privadesa pot reobrir la decisió en qualsevol moment.

Has vist alguna cosa que no quadra en aquesta pàgina? Escriu-me