Entradas de la etiqueta: inspiración


8
Sep 10

Patrones de interfaces web

Patternry, anteriormente conocido como The UI Pattern Factory (y por un tiempo Pattern App ), es un sitio web de recursos de diseño web para diseñar o desarrollar interfaces de usuario. Se trata de una colección de patrones de diseño web, desarrollados siguiendo las mejores prácticas, que nos puede ayudar a encontrar la inspiración y las herramientas para la implementación de interfaces de diseño web que permitan una gran experiencia de usuario en nuestros sitios.

(más…)

Continuar leyendo: Patrones de interfaces web

1
Sep 10

Galerías en CSS para inspiración

Vía Blog Web Designer hemos conocido esta recopilación de 25 galerías desarrolladas en CSS que pueden servirnos de inspiración para desarrollos web en los que neesitemos implementar portfolios, catálogos de imágenes y, en general, en aquellos sitios web donde predominen los elementos gráficos.
(más…)

Continuar leyendo: Galerías en CSS para inspiración

4
Ago 10

Ejemplos de diseños para páginas web sobre naturaleza

Vía webdesignledger hemos conocido esta recopilación de sitios web basados en temas de naturaleza y medio ambiente. Se trata páginas web sobre temas ecológicos, alimentación natural, energía renovable, etc.

Nos puede servir, no solo como inspiración para nuestros próximos diseños web, sino también para concienciarnos algo más sobre estos temas.
(más…)

Continuar leyendo: Ejemplos de diseños para páginas web sobre naturaleza

18
Jul 10

Menús de navegación para inspirarse

Recopilación de menús de navegación incluida en webdesignledger.com. Se trata de de menús con una elevada carga de diseño que, además de sorprender por su calidad técnica y visual, permiten acceder al contenido de forma muy eficiente y accesible.


En fin, muy recomendable como fuente de inspiración para nuestros proyectos web.

(más…)

Continuar leyendo: Menús de navegación para inspirarse

12
Jul 10

Sitios web de estudios de arquitectura

Colección de 40 sitios web de estudios de arquitectura publicada en propertypal.com. Los ejemplos se organizan en tres grupos:

(más…)

Continuar leyendo: Sitios web de estudios de arquitectura

20
Jun 10

Diseño web minimalista: principios, conceptos y ejemplos

El minimalismo en el diseño en general, y en diseño web en particular, se logra mediante la reducción de los elementos superfluos e innecesarios, colores, formas y texturas. Se trata de incluir exclusivamente los elementos necesarios para el correcto funcionamiento de nuestra aplicación.

Su propósito es hacer que el contenido sea el punto focal. Desde el punto de vista visual, el diseño web minimalista está orientado a lo básico.

El movimiento de diseño comenzó en Suiza y fue aplicado a una variedad de medios: diseño gráfico, arquitectura, música, literatura, pintura y, más recientemente, el diseño web.

Un buen punto de partida para la implementación de un diseño web minimalista pueden ser las 10 leyes de la simplicidad de John Maeda:

  • Reducir. La manera más sencilla de alcanzar la simplicidad es mediante la reducción razonada.
  • Organizar. La organización permite que un sistema complejo parezca más sencillo.
  • Tiempo. El ahorro de tiempo simplifica las cosas.
  • Aprendizaje. El conocimiento lo simplifica todo.
  • Diferencias. La simplicidad y la complejidad se necesitan entre sí.
  • Contexto. Lo que se encuentra en el límite de la simplicidad también es relevante.
  • Emoción. Es preferible que haya más emociones a que haya menos.
  • Confianza. Confiamos en la simplicidad.
  • Fracaso. En algunos casos nunca es posible alcanzar la simplicidad.
  • La única. La simplicidad consiste en sustraer lo que es obvio y añadir lo específico

En este artículo incluimos algunos de los principios de diseño web minimalista y las tendencias relativas a este estilo de diseño web, incluyendo los ejemplos publicados en el artículo Principles Of Minimalist Web Design, With Examples, publicado en smashingmagazine.com, a través de estas secciones:

  1. Menos es más
  2. Omitir cosas innecesarias
  3. Eliminar elementos hasta que el sitio deja de funcionar
  4. Cada detalle cuenta
  5. Colores
  6. Los espacios en blanco son esenciales
  7. Tendencias en diseño web minimalista
    1. Uso del gris
    2. Grandes tamaños de letra
    3. Patrones e imágenes
    4. Grids sencillos
    5. Círculos

(más…)

Continuar leyendo: Diseño web minimalista: principios, conceptos y ejemplos

28
May 10

Tutoriales sobre diseño web al estilo Apple

El estilo de Apple, incluyendo lo relativo a sus páginas y portales web, es una tendencia muy popular en nuestros días. El diseño que imprimen a todas sus creciones es realmente único, limpio y siempre atractivo.

En 1stwebdesigner hemos encontrado esta relación de 15 tutoriales sobre como implementar en nuestros diseños web elementos impregnados de este marchamo que imprime Apple.

(más…)

Continuar leyendo: Tutoriales sobre diseño web al estilo Apple

20
May 10

Prototipo en HTML5 de Sports Illustrated

Video del prototipo de la publicación digital de Sports Illustrated, presentada ayer durante el Google I/O y desarrollada totalmente en HTML5 utilizando, entre otras funcionalidades, estas:

  • Animaciones en CSS3
  • Fuentes embebidas
  • Drag & Drop
  • HTML5 Video
  • Geolocalización
  • Web Workers
  • App Cache
  • Web DB
  • Feeds
  • Google Maps API
  • Google Buzz API
  • Rails

Continuar leyendo: Prototipo en HTML5 de Sports Illustrated

20
May 10

Diseños creativos para Wordpress

Incluimos el listado de ejemplos de diseño para Wordpress publicado en Spyre Studios. Sin duda puede ayudarnos en esos momentos que necesitamos inspiración…


(más…)

Continuar leyendo: Diseños creativos para Wordpress

19
May 10

Ejemplos de páginas 404 creativas

Hace tiempo incluimos una descripción de en qué consisten las páginas 404, la razón para implementarlas en nuestros sitios web y como convertirlas en un valor añadido para el usuario en el artículo “Páginas 404: en que consisten y como mejorarlas“.

En esta ocasión os proponemos 25 ejemplos de páginas 404 creativas a modo de de inspiración para implementar la nuestra.

(más…)

Continuar leyendo: Ejemplos de páginas 404 creativas