El texto del héroe (generalmente un titular, una nota publicitaria y un llamado a la acción) sobre una imagen, a menudo una de las cuatro o cinco imágenes prominentes (llamadas “héroe”) en un cuadro de “carrusel” que gira en la parte superior de la página para una página de destino Es una técnica de diseño común y efectiva. Así que hacerlo bien es importante. Combinar el titular correcto y los mensajes de llamado a la acción con las imágenes correctas es realmente la clave. Los métodos innovadores además de eso son para un efecto extra, pero no un sustituto de un mensaje pobre o una imagen pobre.
Sin embargo, en lo que respecta a la innovación, aquí hay algunas ideas que puedo mostrarle.
- La animación o el texto de paralaje sobre la imagen del héroe se está volviendo muy popular (aunque en cuanto a si es efectivo, conducir o retrasar el clic del usuario, depende del contexto del sitio web real). El texto puede deslizarse hacia arriba, hacia abajo, sobre o crecer o cambiar de opacidad.
- Integración con el gráfico . Un ejemplo sería la frase “aléjate” en medio de un lago grande y apartado con un niño en un pequeño muelle en la esquina de la imagen, usando un espacio negativo. (Si no hay un vínculo con el título al menos en algún nivel, la imagen probablemente sea realmente genérica, como una foto de archivo sonriente, o debería reconsiderarse porque probablemente sea visualmente irrelevante para la mensajería).
- Libro cómico Thought Bubble o Speech Bubble . Esto probablemente sería innovador en un entorno de héroe / texto. Considere el impacto de la marca, primero. ¿Es el tono de su marca lo suficientemente juguetón como para permitir esto, o sería demasiado caricaturesco y abarataría la imagen de la marca?
- Empate o doble participación con el llamado a la acción . Para esto, imagina que la imagen del héroe te lleva visualmente al botón o al llamado a la acción. Quizás la imagen, por ejemplo, es un vasto paisaje con un camino sinuoso, y el titular es “No hay lugar como el hogar”. En su botón, debajo del título, en la esquina inferior derecha de la imagen, tiene el camino que lleva al icono de una casa, y las ventanas de la casa se iluminan al pasar el mouse o al hacer clic.
- Revelar. Muestre solo la llamada a la acción visual o icónica primero, y al hacer clic se muestran textos y / o fotos adicionales. (Para ser efectivo, este es, de alguna manera, el mismo concepto que el anterior, pero a la inversa. Piense en iluminar la casa y luego mostrar el titular y el escenario).
- Paralaje Acróstico. Tal vez la “A” en acme es para “arte” (tenga un cuadro que habla sobre arte) pero a medida que se desplaza hacia abajo se da cuenta de que la “A” también es para “aventura” o “increíble”, etc. En lugar de texto, usted también podría usar el paralaje acróstico en una configuración de representación visual. Por ejemplo, en una caja, una máquina produce un producto. Luego, en el siguiente panel, la misma máquina en la misma posición que antes actúa como la “A” en Acme y produce una sonrisa feliz, o sea cual sea el beneficio del que estás hablando.
- Fuentes artísticas o Word Art. Aquí hay varios ejemplos de esto con una imagen de héroe / configuración de título (estos son correos electrónicos html, no sitios completos).
http: //www.flintandsteelstudio.c…
http: //www.flintandsteelstudio.c…
http: //www.flintandsteelstudio.c…
http: //www.flintandsteelstudio.c…
- Si un buen desarrollador desarrolla un sitio web como Quora para usted, ¿puede ser administrado por una persona ya que todo ha sido programado? ¿Por qué o cuándo necesitarás ayuda?
- ¿Cuáles son los mejores sitios web de usabilidad (experiencia del usuario)?
- ¿Cuáles son algunos sitios web o aplicaciones importantes para los estudiantes de B.Tech?
- ¿Cómo creo vínculos de retroceso para mi sitio web?
- Nombres de dominio: ¿existe una edad mínima para comprar un nombre de dominio?