Objetos visuales
Nota
Esta guía de diseño se creó para Windows 7 y no se ha actualizado para las versiones más recientes de Windows. Gran parte de las instrucciones todavía se aplican en principio, pero la presentación y los ejemplos no reflejan nuestra guía de diseño actual.
Los objetos visuales incluyen los elementos visuales distintos de los controles. Estas directrices te ayudan a tomar decisiones sobre el diseño, las fuentes, el color, los iconos, etc. en la aplicación.
Tema | Descripción |
---|---|
Diseño |
El diseño es el ajuste de tamaño, el espaciado y la colocación del contenido dentro de una ventana o página. El diseño eficaz es fundamental para ayudar a los usuarios a encontrar lo que buscan rápidamente, así como hacer que la apariencia sea visualmente atractiva. El diseño eficaz puede marcar la diferencia entre los diseños que los usuarios entienden inmediatamente y los que dejan a los usuarios sintiendo desconcertados y abrumados. |
Fuentes |
Los usuarios interactúan con texto más que con cualquier otro elemento de Microsoft Windows. Segoe UI (pronunciado "SEE-go") es la fuente del sistema Windows. El tamaño de fuente estándar se ha aumentado a 9 puntos. |
Color |
El color es un elemento visual importante de la mayoría de las interfaces de usuario. Más allá de la estética pura, el color tiene significados asociados y respuestas emocionales. Para evitar confusiones en significado, el color debe usarse de forma coherente. Para obtener las respuestas emocionales deseadas, el color debe usarse adecuadamente. |
Iconos |
Los iconos son representaciones picttoriales de objetos, importantes no solo por motivos estéticos como parte de la identidad visual de un programa, sino también por razones utilitarias como abreviadas para transmitir significado que los usuarios perciben casi instantáneamente. Windows Vista presenta un nuevo estilo de iconografía que aporta un mayor nivel de detalle y sofisticación a Windows. |
Iconos estándar |
Los iconos estándar son los iconos de error, advertencia, información y signo de interrogación que forman parte de Windows. |
Animaciones y transiciones |
El uso estratégico de animaciones y transiciones puede facilitar la comprensión del programa, sentirse más suave, más natural y de mayor calidad, y ser más atractivo. Pero el uso gratuito de animaciones y transiciones puede hacer que tu programa distraiga e incluso molesto. |
Elementos gráficos |
Los elementos gráficos muestran las relaciones, la jerarquía y el énfasis visualmente. Incluyen fondos, banners, cristales, agregadores, separadores, sombras y manijas. |
Sonido |
Sound es el elemento de audio de la experiencia del usuario. Cuando se usa adecuadamente, el sonido puede ser una forma eficaz de comunicación que establece una relación no verbal e incluso emocional con sus usuarios. Los sonidos se pueden usar solos o como un complemento para la interfaz de usuario visual. Por ejemplo, agregar un efecto de sonido a una notificación aumenta la probabilidad de que se note, especialmente si el usuario no está mirando la pantalla cuando se produce un evento. |