En este post incluimos una recopilación de colecciones de botones gratis en formato PSD. Con este tipo de formato podemos utilizarlos de base para nuestros propios diseño y darles un toque personalizado según nuestras necesidades.
Archivo | patrones de diseño
Feed RSS de esta secciónEjemplos del uso de texturas en diseño web
El uso de las texturas es uno de los principios importantes de un buen diseño y se está volviendo más y más popular en el mundo del diseño web, no solo como elemento decorativo, sino como forma de resaltar determinados objetos (por ejemplo, en el caso de las texturas táctiles).
Las texturas ayudan a dar una sensación táctil y realista a la interfaz, ayudando a que nuestras páginas parezcan más cercanas al mundo real. Mediante el juego con efectos de luces y sombres, podemos simular imágenes en tres dimensiones (texturas visuales).
Diseño web en grid: introducción a 960 Grid System
Un sistema en grid no es más que un archivo CSS que define una serie de estilos que te ayudan a organizar el contenido de una página web. Podemos pensar en ello como en una plantilla o una hoja cuadriculada. Las rejillas permiten la estabilidad y estructuración en un diseño de web, dando al diseñador una lógica para la construcción de la estética del sitio.
“El sistema de rejilla es una ayuda, no una garantía. Permite un gran número de posibles usos y cada diseñador puede buscar en ellos una solución adecuada a su estilo personal. Pero hay que aprender a utilizar el grid, es un arte que requiere práctica . “
Josef Müller-Brockmann
[slideshow id=8]
En este post comentaremos los aspectos basicos del diseño web en grid y los principios de uso de 960 Grid System.
WordPress: 20 diseños web minimalistas
Siguiendo con nuestra serie de post sobre diseño web minimalista, incluimos este listado de 20 ejemplos de temas de WordPress que destacan por aplicar los criterios de diseño de sencillez, limpieza y eliminación de elementos superfluos.
Violeta Dabija
Diseño web minimalista: más ejemplos
Después de la gran acogida de nuestro post sobre diseño web minimalista incluimos este listado de ejemplos de páginas web con los mismos criterios de diseño: sencillez, limpieza y eliminación de elementos superfluos.
Web 2.0: guía de diseño
Resumen traducido del artículo Web 2.0 how-to design style guide – London web designers (Scratchmedia) de Scratchmedia.
En este tutorial, se describen varios elementos comunes de diseño gráfico en los estilos de diseño de la web 2.0.
Resumen de los aspectos tratados en el artículo
La siguiente lista es un resumen de muchas de las características comunes de las web 2.0:
- WordPress: Plantillas para portfolios 6 mayo 2012
- 50 plantillas wordpress para fotógrafos 5 marzo 2012
- 4 Editores WYSIWYG para incluir en CodeIgniter [tutoriales] 3 marzo 2012
- markItUp! Universal Markup jQuery Editor 3 marzo 2012
- Liberada la nueva versión de WordPress 3.3 – Sonny 13 diciembre 2011
- Problemas con WordPress Stats 17 marzo 2011
- Contenidos Flash vs Posicionamiento en buscadores 26 junio 2009
- Colección de 24 libros gratuitos sobre Blogs y redes sociales 11 octubre 2009
- Estudio acerca de la seguridad en la autenticación de clientes Twitter 5 enero 2010
- jQuery: 35 tutoriales 18 mayo 2010
Categorías
- accesibilidad (24)
- analítica web (2)
- buscadores (31)
- cms (21)
- Comercio Electrónico (7)
- diseño web (226)
- CSS (18)
- diseño web minimalista (6)
- esquemas de color (3)
- Flash (5)
- fondos y texturas (6)
- framework (4)
- Fuentes (19)
- HTML (24)
- HTML5 (22)
- iconos (14)
- javascript (39)
- jQuery (29)
- mockup (3)
- wireframing (3)
- Drupal (1)
- Estándares (11)
- Flash (7)
- free web templates (4)
- General (20)
- gestores de contenidos (15)
- Google (4)
- guias de referencia (2)
- herramientas (71)
- imagenes (5)
- inspiración (60)
- intros flash (2)
- iPad (5)
- minimalista (12)
- navegadores (17)
- optimizacion (74)
- rendimiento (5)
- Optimización sitios web (71)
- Otros post de AWS (2)
- paletas de color (5)
- patrones de diseño (13)
- Plantillas (5)
- plantillas CMS (18)
- plantillas flash (5)
- plantillas gratis (14)
- Plantillas para documentos (6)
- Plantillas para sitios web (19)
- Plantillas Powerpoint (1)
- posicionamiento (34)
- programación (16)
- redes sociales (31)
- seguridad (8)
- seo (45)
- sitios en Flash (2)
- subvenciones (1)
- tutoriales (22)
- tweets (1)
- twitter (9)
- usabilidad (16)
- videos (5)
- WCAG (4)
- Web 2.0 (28)
- web templates (4)
- Web2.0 (28)
- word (1)
- Wordpress (46)





