One UI
ワンUI / 2018– / Estilo / Lenguajes de pantalla
El lenguaje de diseño que Samsung definió para los Galaxy. Corta la pantalla a la altura que el pulgar alcanza con más facilidad y llama a la parte de arriba zona de visión y a la de abajo zona de interacción, de modo que los títulos quedan altos mientras los botones, las pestañas y los diálogos se agrupan abajo. El contenido se reúne en cajas de esquinas muy redondeadas, el fondo es blanco o negro puro y un único azul carga con todos los acentos.
La parte superior de la pantalla no contiene más que un título y espacio libre, sin ningún control que se pueda tocar / El texto y las imágenes se reúnen en cajas con forma de tarjeta y esquinas muy redondeadas / La barra de título solo tiene dos estados, desplegado y plegado, y nunca se detiene en una altura intermedia / En el tema oscuro el fondo pasa a negro puro y encima solo se posa el acento azul
Entrada del diccionario
- Usos idóneos
- Cuando hay que llevar todos los controles a la mitad inferior de un teléfono grande para que un solo pulgar llegue a ellos · Cuando se quiere rehacer una pantalla de lista como un conjunto de cajas redondeadas en lugar de filas separadas por líneas
- Tipografía
- Deja que el título ocupe toda la altura de la zona superior y abre una diferencia amplia con el texto corriente. El título plegado puede ser una cadena más corta y distinta de la desplegada.
- Composición
- Divide la pantalla a la altura que alcanza el pulgar. Arriba deja solo el título y el espacio libre, y baja todo lo que se pulsa, se conmuta o pide confirmación. Los márgenes laterales nunca bajan de 24dp.
- Material
- Redondea las esquinas con generosidad, entre 12dp y 26dp aproximadamente. El fondo se elige entre dos, #fafafa o #000000, el acento se reduce a un solo azul y ningún otro tono entra en la pantalla.
- Precaución
- Colocar un control que se pueda pulsar en la zona de visión destruye la razón misma de dividir la pantalla, y lo que queda es solo una composición con mucho vacío arriba.
- Para profundizar
- One UI Design Guidelines の Structure 章にある領域分割の定義 / 開いた見出しと畳まれた見出しで文言を変えてよいとする規定 / Android のカラーカテゴリの仕組みを One UI がどう流用しているか
Entradas relacionadas
Citar esta entrada
El diccionario existe para que se enlace. Toma la forma que encaje donde estés escribiendo.
- Link
- https://indexstyle.org/es/styles/one-ui
- Markdown
- [One UI — IndexStyle](https://indexstyle.org/es/styles/one-ui)
- HTML
- <a href="https://indexstyle.org/es/styles/one-ui">One UI — IndexStyle</a>