Entradas de la etiqueta: patrones de diseño


17
Jul 10

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


En este post comentaremos los aspectos basicos del diseño web en grid y los principios de uso de 960 Grid System.

(más…)

Continuar leyendo: Diseño web en grid: introducción a 960 Grid System

17
Dic 09

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

Violeta Dabija

(más…)

Continuar leyendo: Wordpress: 20 diseños web minimalistas

2
Dic 09

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.

(más…)

Continuar leyendo: Diseño web minimalista: más ejemplos

9
Nov 09

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:

(más…)

Continuar leyendo: Web 2.0: guía de diseño

6
Nov 09

Diseño Web minimalista: algunos ejemplos

Reproducimos, traducido al español, el artículo sobre casos de estudio y ejemplos de páginas web con diseños minimalistas publicado por webdesignbooth:
El minimalismo en el diseño significa retirar los elementos innecesarios y centrarse en la simplicidad. El diseño minimalista se ha aplicado en diferentes campos como las artes visuales, música, arquitectura, así como en el diseño web. Se trata de un estilo altamente influenciado por el diseño tradicional japonés, donde se prescinde de efectos coloristas , y se centra sólo en las características fundamentales.En este artículo, vamos a ver cómo estos diseños web de aplicar la idea de minimalismo. Estos 60 + sitios web muestran cómo construir un diseño web minimalista, utilizando elementos simples y básicos. Recuerda, menos es más.
Continuar leyendo: Diseño Web minimalista: algunos ejemplos

12
Oct 09

Tipografía: colección de fuentes gratuitas hechas a mano

Recogemos esta colección de fuentes hechas a mano encontrada en el blog de Kabytes que pueden ser muy útiles para nuestros proyectos web.

Para cada una de las tipografías aportamos un enlace para su descarga gratis, así como una imagen para su visualización previa.

(más…)

Continuar leyendo: Tipografía: colección de fuentes gratuitas hechas a mano

10
Oct 09

Wordpress: como crear un tema con Photoshop

Como desarrolla una plantilla para Wordpress

Como desarrolla una plantilla para Wordpress

Reproducimos, traducido al Español, el tutorial publicado en Grafpedia sobre la creación de un tema en Wordpress. En él se explica, paso a paso, como desarrollar un plantilla única a partir de un PSD, utilizando PhotoShop.

Este es el resultado que se obtiene siguiendo el tutorial.

(más…)

Continuar leyendo: Wordpress: como crear un tema con Photoshop

3
Sep 09

Fuentes para diseño web: enlaces a colecciones interesantes

En este post os dejamos algunos enlaces a colecciones de fuentes interesantes para diseño en general y diseño web en particular.

Tipografías para diseñonadia serif free high quality font web design 150x150 Fuentes para diseño web: enlaces a colecciones interesantesnevis free high quality font web design 150x150 Fuentes para diseño web: enlaces a colecciones interesantesmuseo free high quality font web design 150x150 Fuentes para diseño web: enlaces a colecciones interesantes

m plus outline free high quality font web design 150x150 Fuentes para diseño web: enlaces a colecciones interesantes

steiner free high quality font web design 150x150 Fuentes para diseño web: enlaces a colecciones interesantes

Continuar leyendo: Fuentes para diseño web: enlaces a colecciones interesantes

28
Ago 09

Typedia, enciclopedia colaborativa sobre tipografía y fuentes para diseño

typedia 300x226 Typedia, enciclopedia colaborativa sobre tipografía y fuentes para diseño

Os hacemos referencia a esta interesante enciclopedia sobre tipos de letra que puede ser de gran interés para trabajos de diseño en general y de diseño web en particular.

Se trata de Typedia, una enciclopedia colaborativa, orientada a dar información sobre fuentes tipográficas.

Continuar leyendo: Typedia, enciclopedia colaborativa sobre tipografía y fuentes para diseño

27
Ago 09

Fuentes utilizadas en logos sitios web populares

Hemos encontrado en http://buildinternet.com este listado de las fuente utilizadas por algunos de los sitios web más populares en Internet.
(más…)

Continuar leyendo: Fuentes utilizadas en logos sitios web populares