2009-06-29 7 views
20

He desarrollado una aplicación que debe presentarse en la exposición como publicidad. ¡Quiero que se vea más sexy! ¿Qué trucos sabes que mejoran la apariencia de tus aplicaciones?Efectos de diseño en WPF (trucos para mejorar la apariencia de la aplicación)

¿Cuáles son los mejores efectos de diseño que el desarrollador puede usar para su aplicación? Me refiero a: brillantes, sombras, tal vez formas de botones, hermosa animación de pantallas de bienvenida, etc.

¿Cuál es SU efecto favorito?

+18

¿Está preguntando a los desarrolladores? –

+0

¡Por supuesto, el desarrollador de evan debe saber eso! ¡Mi jefe me dice que haga esto y hay muchos trucos que no son realmente difíciles!¡Solo quiero preguntarte sobre tu experiencia! – user101375

+4

Estaba bromeando - olvidé el emoticón :) Dicho esto, ¡mi efecto favorito es marchar hormigas! –

Respuesta

3

Prefiero que mis efectos sean sutiles. Algunos efectos agradables, rápidos y suaves de fundido/desvanecimiento/brillo pueden agregar mucho estilo. Si vas a hacer efectos de estilo de animación más grandes, las animaciones divididas (en lugar de lineales) por lo general se ven un poco más bonitas.

No se exceda. Si agrega demasiado, su aplicación se volverá frustrante para los usuarios que solo desean realizar la tarea.

4

El único que realmente uso por el momento es el Bitmap DropShadow y no lo uso tanto como una pequeña sombra. El ejemplo a continuación es demasiado para mí. Reduciría la Profundidad de las Sombras y la opacidad.

alt text http://i.msdn.microsoft.com/ms753350.Effects_DropShadowSimple(en-us,VS.90).png

Pero el truco es demasiado no usarlos demasiado y usarlos con consistencia. No cambie su estilo de efecto una y otra vez alrededor de su aplicación. De lo contrario, será difícil tomarlo en serio.

7

En cuanto a la mejora de su aplicación, aquí hay algunas cosas a mi me gustan:

  • Dropshadow ... Crea el efecto de la profundidad de su aplicación, garantizar una dirección global de la iluminación de lo contrario, es difícil de mantener un buen efecto general.
  • Escala ... Al pasar de un estado a otro, el uso de escalado llama la atención sobre el control/pantalla
  • Aliviar ... Siempre que haya movimiento en la pantalla, el movimiento debe reducirse de principio a fin .
  • Brillo ... Para volcaduras, me gusta un brillo sutil a un control, esto se puede lograr moviendo un gradiente sutil a través del control.

Estos son solo algunos efectos ... Creo que es importante tener en cuenta que los efectos pueden arruinar una aplicación tan rápido como uno, por lo que debe asegurarse de que los efectos que utiliza complementen su aplicación.

Desde una perspectiva de UX, mi consejo es que cualquier interacción del usuario debe ser exagerada. Por ejemplo, los efectos de conversión, destacando las interacciones de clic, etc.

Así que en conclusión:

  • Use efectos para resaltar la interacción del usuario
  • Asegúrese de que los efectos se utilizan en lugares apropiados
  • Mantenga los efectos sutiles
  • Evitar el uso excesivo de efectos

Espero que ayude!

+0

+1 para facilitar. Desde que comencé a trabajar con el lado "polaco" de UI de XAML, aprendí la diferencia que puede hacer una buena relajación. Además, es muy cierto que algunos buenos usos de los efectos> muchos efectos. – rmoore

+2

Mire aquí para visualizar las diferentes funciones de aceleración: http://www.robertpenner.com/easing/ – MicSim

+0

¿Hay algún ejemplo para el truco de Shine Gradient en un control? – jrandomuser

24

Si usted no tiene idea de lo que se ve bien, entonces no tratar trucos de magia como sombras brillantes o gradientes Sparky, sólo se verá como alguna aplicación incómoda desde finales de los años 90. Como dijo Chris, los efectos pueden arruinar una aplicación tan rápido como puede hacerla.

No hay una bala de plata para un buen diseño, el mejor consejo para alguien totalmente perdido es: Menos es más. Especialmente cuando se trata de colores, evite usar muchos colores diferentes.

Mire en otras aplicaciones atractivas (Photoshop CS4, Adobe Reader 9, Vista previa de OSX, etc.) que en realidad están realmente limpias.

Si realmente quiere usar algunas wpf-powers, un truco fácil es la transición de opacidad, solo mantenga todas las animaciones cortas (máximo 0.2 segundos). Y para mover animaciones, asegúrese de usar aceleración y desaceleración, de lo contrario, la animación se verá realmente extraña.

+2

Supongo que por la respuesta aceptada eligió ignorar su consejo. +1 – CodeKiwi

1

Los efectos específicos se deben adaptar para que coincidan con el concepto del sitio. Se debe tener cuidado de que los efectos no se interpongan en el uso y que no tengan un exceso que tengan un impacto significativo en el rendimiento.

Intenta dar algo a tus visitantes, en lugar de golpearlos con algo.

Los efectos sutiles de buen gusto a menudo pueden ser más dramáticos que las explosiones deslumbrantes de la actividad excesiva.

Un sitio para un abogado, por ejemplo, debe ser claro y más insulso que uno, por ejemplo, un sitio de juegos que puede ser bastante expresivo y aún así ser aceptable.

en el color:

La mezcla correcta de colores que recorrer un largo camino para mejorar la apariencia con un impacto negativo mínimo en uso, sólo tiene que utilizar la atención en diferentes tonos de un grupo de colores. Trate de no tener una redacción de color canela encima de un fondo de color marrón claro diferente, por ejemplo, podría degradar la capacidad de leer el texto.

Intentaré alejarme de una combinación de colores de lados opuestos de la rueda de colores o una mezcla de colores fríos y cálidos en la misma página.

Personalmente, me gustaría reservar los colores de neón para las cosas relacionadas con el entretenimiento o donde el tiempo de espera de los visitantes es limitado.

A menudo, cuando intenta anunciar un producto o servicio, menos es más.

Cuestiones relacionadas