Categoría Diseño Web

1
Soluciones prácticas para mejorar una maquetación web
2
Sitios creativos hechos con WordPress
3
Tips al contruir una Marca en diseño web
4
Yahoo México no se ve bien en Firefox, Opera y Safari para Mac
5
Comcast Town diseña tu propio espacio
6
Los ganadores del Webby Awards 2009
7
Ejemplos de sitios optimizados para el iPhone
8
La ventaja de utilizar Sprites CSS
9
Nominados para los Webby Awards
10
El sitio de Lacoste Red

Tips al contruir una Marca en diseño web

La marca es lo que representa el negocio o servicio. Se tiene que mostrar en anuncios de televisión, revistas, periódicos, empaques, sitios web, etc.
En el artículo mostrado, se habla de la marca con respecto al Diseño Web.
No importa si es grande o pequeña la empresa, esa marca debe tener características únicas en:
1. Color
2. Presencia
3. Emoción
4. Consistencia
5. Reutilizar código y visuales
6. Tamaño y posición del logo
7. Proposición del valor visual
8. Voz y tono
9. Originalidad

consistencia

9 Tips For Brand Building With Web Design

Ejemplos de sitios optimizados para el iPhone

deviantart i Phone
Ya es común que los sitios conocidos se puedan ver bien en la interfaz del iPhone, como dice el autor del artículo, no nada más es cambiar un poco el CSS, se tiene que hacer un buen trabajo en todos sentidos.
Nos habla de utilizar un servicio en línea como el de Mobify.me, si se desea que alguien lo haga por nosotros o en el caso de Abduzeedo, que se diseñó un tema desde cero en Drupal.

Tomando los sitios que se encuentran en CSSiPhone Fabio Sasso hizo una selección.

25 Great Examples of iPhone Optimized Sites

La ventaja de utilizar Sprites CSS

Como dicen en Smashing Magazine, los sitios con gran tráfico utilizan el método de los CSS sprytes. Se supone que en lugar de utilizar diferentes imágenes, por ejemplo en el caso de los botones gráficos de Link, Visited, Hover, Active. Se puede manejar una sola y acomodar los diferentes estados por medio de diferentes posiciones.
Esto mejora el tiempo de respuesta al tener menos pedimentos al HTTP:
csssprites
⇓ ⇓ ⇓ ⇓ ⇓ ⇓
csssprites2

cssspritesbotones

cssspritesamazon

The Mystery Of CSS Sprites: Techniques, Tools And Tutorials

Derechos reservados © 2015. Vecindad Gráfica.