SwiftUI Series 11 ｜ Modo oscuro, fuentes dinámicas y adaptación de varios tamaños de SwiftUI

Al principio, muchas páginas parecían normales en la máquina de desarrollo:

-El color está bien -El tamaño de fuente también es apropiado.

• El diseño es bastante fluido.

Pero simplemente vaya a:

• modo oscuro
• Fuente más grande
• Pantalla más estrecha
• Copia más larga

El problema quedará expuesto de inmediato.

Esto muestra que muchos de los llamados “problemas de adaptación” son esencialmente la página que se escribe en una condición predeterminada desde el principio.

1. El modo oscuro, las fuentes dinámicas y las diferentes pantallas preguntan lo mismo: ¿la página es flexible a los cambios ambientales?

Una situación común es considerar estos elementos de adaptación por separado:

• El modo oscuro es una cuestión de color.
• Las fuentes dinámicas son una cuestión de tamaño de fuente.
• La adaptación a la pantalla pequeña es una cuestión de diseño.

Por supuesto, estos juicios son correctos, pero desde un nivel superior, esencialmente prueban lo mismo:

¿La página sólo está establecida en un “entorno predeterminado”?

Si una página sólo parece razonable con el tamaño de fuente predeterminado, el modo claro y el tamaño estándar, su problema en realidad es una flexibilidad insuficiente.

2. El error de adaptación más común es que demasiadas suposiciones visuales están codificadas.

Por ejemplo:

• El texto es siempre una línea.
• Altura de la tarjeta fija
• Siempre se puede mantener la distancia entre los iconos y la redacción.
• Un determinado color es lo suficientemente claro en cualquier fondo.

Todas estas suposiciones pueden ser ciertas en un solo entorno, pero una vez que el entorno cambia, todas colapsan juntas.

Entonces, lo realmente importante acerca de la adaptación es escribir menos sobre este frágil supuesto.

3. El problema más común expuesto por las fuentes dinámicas es que el nivel de diseño no es estable.

Cuando se plantea el tema de las fuentes dinámicas, la primera reacción es:

• Si el tamaño de fuente es demasiado grande, ¿superará el

Esto ciertamente es un problema, pero los riesgos más profundos son:

• Ciertas estructuras son inherentemente sólo válidas bajo una longitud de copia fija.
• Algunas tarjetas se mantienen inherentemente con alturas codificadas
• No hay flexibilidad en algunas relaciones imagen-texto.

Por lo tanto, las fuentes dinámicas están probando si el diseño sólo es válido en “solo este tamaño”.

4. La verdadera dificultad del modo oscuro es si la jerarquía y la relación de contraste estarán desequilibradas.

Muchas páginas tienen problemas después de cambiar a colores oscuros:

• La relación entre el fondo y la jerarquía del texto no está clara.
• Los colores de acento se ven bien en el modo claro, pero son duros en el modo oscuro
• La información secundaria tiene un contraste demasiado bajo en colores oscuros.

En otras palabras, el modo oscuro prueba si la jerarquía visual es lo suficientemente clara.

5. La adaptación a pantallas de diferentes tamaños se trata esencialmente de si la lógica de asignación de espacio es lo suficientemente estable.

Algunas páginas parecen cómodas en una pantalla grande, pero empiezan a verse así en una pantalla pequeña:

• apretar
• romper
• Todo está desordenado después del salto de línea.

Esto muestra que el problema no suele estar en la pantalla pequeña en sí, sino en una lógica de asignación de espacio inestable. Por ejemplo:

• ¿Qué áreas deberían expandirse elásticamente? -¿Qué áreas se pueden cambiar de línea?
• ¿Qué contenido tiene mayor prioridad?

No pensé en esto claramente al principio, pero quedará expuesto una vez que cambie el equipo.

6. Conclusión: La verdadera adaptabilidad es esencialmente la flexibilidad de la página a los cambios ambientales.

Para decirlo en forma más breve, diría:

Las páginas de SwiftUI se adaptan al modo oscuro, fuentes dinámicas y pantallas de diferentes tamaños. Lo que realmente hay que hacer es no bloquear la página en un entorno predeterminado desde el principio.

Cuando la propia página sea flexible, la adaptación será mucho más natural; Cuando no hay elasticidad, las manchas posteriores suelen volverse cada vez más numerosas.