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.
De un vistazo
Rasgos visuales
- 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
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
Usar este estilo
Lleva el resumen al proyecto o entrega la especificación estructurada a una herramienta de IA.
Guía detallada y fuentesReglas de producción, obras de referencia, comparaciones, investigación y citas
Entrada del diccionario
- 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
- the definition of the area split in the Structure chapter of the One UI Design Guidelines / the rule permitting different wording for an expanded heading and a collapsed one / how One UI borrows Android's colour category mechanism
Entradas relacionadas
- Material Design (マテリアルデザイン)Efectos compartidos: Trust.Comparar One UI y Material Design
- Bento Grid (ベントーグリッド)Efectos compartidos: Trust / Intimacy.Comparar One UI y Bento Grid
Más de Lenguajes de pantalla
Continúa con estilos de Lenguajes de pantalla, priorizados por sus efectos compartidos.
- GNOME Clearlooks (GNOME Clearlooks)Efectos compartidos: Intimacy / Trust / Calm.
- Adwaita (アドワイタ)Efectos compartidos: Calm / Trust.
- GOV.UK Design System (GOV.UK デザインシステム)Efectos compartidos: Trust / Calm.
Ver todas las entradas de Lenguajes de pantalla
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>