Pedro Puig » Diseño http://www.pedropuig.com Mon, 23 Jan 2012 10:47:49 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Subtlepatterns, fondos de gran calidad para nuestros diseños web http://www.pedropuig.com/2011/10/19/subtlepatterns-fondos-de-gran-calidad-para-nuestros-disenos-web/ http://www.pedropuig.com/2011/10/19/subtlepatterns-fondos-de-gran-calidad-para-nuestros-disenos-web/#comments Wed, 19 Oct 2011 17:43:28 +0000 ppuig http://www.pedropuig.com/?p=2599 Subtlepatterns, fondos de gran calidad para nuestros diseños web

Subtlepatterns es un sitio donde podremos consultar diferentes fondos para nuestros diseños web y ver una simulación de los mismos para poder ver el efecto.

Los fondos son de gran calidad y disponibles en formato .PNG. Actualmente hay disponibles 93 patrones

Su utilización esta permitida tanto para fines comerciales como personales.

 URL: www.subtlepatterns.com

]]> http://www.pedropuig.com/2011/10/19/subtlepatterns-fondos-de-gran-calidad-para-nuestros-disenos-web/feed/ 1 Recursos web de calidad con Premium Pixels http://www.pedropuig.com/2011/06/07/recursos-web-de-calidad-con-premium-pixels/ http://www.pedropuig.com/2011/06/07/recursos-web-de-calidad-con-premium-pixels/#comments Tue, 07 Jun 2011 14:07:39 +0000 ppuig http://www.pedropuig.com/?p=2495 Captura de Premium Pixels

Os presento  un sitio nuevo dedicado a la recopilación de recursos de calidad para nuestros trabajos, hablamos de botones, menús de navegación, texturas etc…. Lo interesante de todo esto es que podremos usarlos libremente en cualquier proyecto comercial sin necesidad de citar al autor.

Actualmente no hay muchos recursos, pero de momento los que hay tienen muy buena pinta.

URL: www.premiumpixels.com

También puede interesarte:

]]> http://www.pedropuig.com/2011/06/07/recursos-web-de-calidad-con-premium-pixels/feed/ 0 37 bonitas plantillas y tutoriales de “página en construcción” http://www.pedropuig.com/2011/05/25/37-bonitas-plantillas-y-tutoriales-de-%e2%80%9cpagina-en-construccion%e2%80%9d/ http://www.pedropuig.com/2011/05/25/37-bonitas-plantillas-y-tutoriales-de-%e2%80%9cpagina-en-construccion%e2%80%9d/#comments Wed, 25 May 2011 14:47:11 +0000 ppuig http://www.pedropuig.com/?p=2477 La importancia de tener una buena página de construcción es importante ya que actúa como una primera impresión de lo que nos encontraremos a posteriori y generar en el usuario la necesidad de volver a ella.

En Hongkiat han preparado un listado de 37 ejemplos y plantillas para que no tengamos que preocuparnos en desarrollar este tipo de páginas y poder utilizar alguno de los ejemplos que nos proporcionan.

Ejemplo "Página en construcción"

Ejemplo "Página en construcción"

Ejemplo "Página en construcción"

Ejemplo "Página en construcción"

Ejemplo "Página en construcción"

Ejemplo "Página en construcción"

Ejemplo "Página en construcción"

Las podéis descargar de forma gratuita en la página de Hongkiat.

Realmente hay algunas plantillas muy interesantes.


]]> http://www.pedropuig.com/2011/05/25/37-bonitas-plantillas-y-tutoriales-de-%e2%80%9cpagina-en-construccion%e2%80%9d/feed/ 0 51 ejemplos de tarjetas de presentación muy originales http://www.pedropuig.com/2011/03/08/51-ejemplos-de-tarjetas-de-presentacion-muy-originales/ http://www.pedropuig.com/2011/03/08/51-ejemplos-de-tarjetas-de-presentacion-muy-originales/#comments Tue, 08 Mar 2011 18:26:41 +0000 ppuig http://www.pedropuig.com/?p=2355 Ya hemos dicho muchas veces la importancia que hay quedarle a las tarjetas de presentación. En esta ocasión la originalidad llega a extremos de creatividad que reflejan el trabajo invertido en estas creaciones.

Vía: Webdesignledger

También puede interesarte:

]]> http://www.pedropuig.com/2011/03/08/51-ejemplos-de-tarjetas-de-presentacion-muy-originales/feed/ 1 25 buenos ejemplos de diseño de formularios en el diseño web http://www.pedropuig.com/2011/02/15/25-buenos-ejemplos-de-diseno-de-formularios-en-el-diseno-web/ http://www.pedropuig.com/2011/02/15/25-buenos-ejemplos-de-diseno-de-formularios-en-el-diseno-web/#comments Tue, 15 Feb 2011 14:31:20 +0000 ppuig http://www.pedropuig.com/?p=2325 Los formularios son elementos fundamentales en una página web y es la zona donde el usuario interactúa para comentar o solicitar más información. Es por ello que debemos de dedicarnos a crear formularios bien planteados a nivel de usabilidad pero que al mismo tiempo no estén reñidos con un diseño espectacular.

En Web Desgin Dev nos ofrecen 25 ejemplos de buenas aplicaciones de este tipo de elementos.

Vía: Web Design Dev

También puede interesarte:

]]> http://www.pedropuig.com/2011/02/15/25-buenos-ejemplos-de-diseno-de-formularios-en-el-diseno-web/feed/ 0 Diseño creativo en una sola página http://www.pedropuig.com/2011/01/14/diseno-creativo-en-una-sola-pagina/ http://www.pedropuig.com/2011/01/14/diseno-creativo-en-una-sola-pagina/#comments Fri, 14 Jan 2011 15:22:41 +0000 ppuig http://www.pedropuig.com/?p=2255 Últimamente está muy de moda que los portfolios de diseñadores y creativos estén diseñados en una sola página. Es decir nos movemos en vertical para acceder al contenido deseado sin tener que recargar la página. Este formato nos permite un mayor lucimiento en el diseño, ya que nos permite realizar un diseño vertical continuista y mucho más espectacular.

En Hongkiat han realizado una recopilación de buenos ejemplos en este tipo de diseño:

Mutante Laboratorios

Morphix Design Studio
morphix Beautiful & Creative Single Page Portfolio Websites


Arbel Diseño

Vía: Hongkiat

]]> http://www.pedropuig.com/2011/01/14/diseno-creativo-en-una-sola-pagina/feed/ 0 Trabajar con el nuevo perfil de Facebook http://www.pedropuig.com/2011/01/06/trabajar-con-el-nuevo-perfil-de-facebook/ http://www.pedropuig.com/2011/01/06/trabajar-con-el-nuevo-perfil-de-facebook/#comments Thu, 06 Jan 2011 12:57:57 +0000 ppuig http://www.pedropuig.com/?p=2219 En mi anterior post hablaba de las posibilidades creativas que nos brindaba el nuevo perfil de Facebook.  Ahora veremos cómo se debe trabajar para obtener resultados similares.

Ante todo deberemos descargarnos la plantilla en psd para poder trabajar con nuestras propias fotos (plantilla perfil facebook).

Lo primero que deberemos de hacer es tener actualizado nuestro perfil, para ello deberemos acceder a esta URL (http://www.facebook.com/about/profile/). A continuación y utilizando la plantilla de perfil que nos hemos descargado, recortaremos las imágenes necesarias; también podéis utilizar la aplicación www.perfilfacebook.com para realizar los cortes de las imágenes, pero a mí, esta aplicación me ha dado errores. Es importante que los formatos de imagen deben ser JPG, PNG o GIF.

Una vez que tenemos las imágenes las subiremos a la sección “fotos del perfil”. Deberemos etiquetar las fotos que subimos. Algo muy importante es que las deberemos etiquetar en orden inverso, es decir del 6 al 1. Des esta forma lograremos que la última imagen que hemos etiquetado sea luego la primera en mostrarse.

Y con esto y un bizcocho hasta mañana a las 8

]]> http://www.pedropuig.com/2011/01/06/trabajar-con-el-nuevo-perfil-de-facebook/feed/ 0 Ser creativos con el nuevo perfil de Facebook http://www.pedropuig.com/2011/01/05/ser-creativos-con-el-nuevo-perfil-de-facebook/ http://www.pedropuig.com/2011/01/05/ser-creativos-con-el-nuevo-perfil-de-facebook/#comments Wed, 05 Jan 2011 12:53:00 +0000 ppuig http://www.pedropuig.com/?p=2217 Hace poco que Facebook rediseño el nuevo perfil de su red social, muchas críticas negativas ha recibido esta nuevo rediseño, pero siempre hay gente que sabe sacarle partido a este cambio.

Hablamos de utilizar las imágenes de perfil de la parte superior de la pantalla para realizar cosas realmente creativas.

En este video de Tim G podemos apreciar como combina la fotografía y el video logrando un impacto visual muy acertado:

Aquí podéis ver algunos ejemplos para que os deis cuenta de las posibilidades de esta nueva funcionalidad del perfil de Facebook:

]]> http://www.pedropuig.com/2011/01/05/ser-creativos-con-el-nuevo-perfil-de-facebook/feed/ 0 50 buenos ejemplos en el diseño de botones http://www.pedropuig.com/2010/12/09/50-buenos-ejemplos-en-el-diseno-de-botones/ http://www.pedropuig.com/2010/12/09/50-buenos-ejemplos-en-el-diseno-de-botones/#comments Thu, 09 Dec 2010 18:40:27 +0000 ppuig http://www.pedropuig.com/?p=2186 Para un diseñador freelance como yo, es importante tener ubicados diferentes recursos que puedan inspirarnos en un momento determinado.

En el caso de los botones son siempre una parte muy importante en el diseño de una web. El principal objetivo de un botón es atraer al usuario para que realice una acción determinada (comprar, iniciar sesión, votar etc…). Pero el diseño de un botón también determina el aspecto de nuestro sitio web.

En esta recopilación podemos ver una serie de ejemplos de buena aplicación de este tipo de elementos. Espero que os sirva de inspiración para vuestros diseños.

Vía: Inspirationfeed

]]> http://www.pedropuig.com/2010/12/09/50-buenos-ejemplos-en-el-diseno-de-botones/feed/ 0 Un nuevo proyecto, Qdiario http://www.pedropuig.com/2010/11/18/un-nuevo-proyecto-qdiario/ http://www.pedropuig.com/2010/11/18/un-nuevo-proyecto-qdiario/#comments Thu, 18 Nov 2010 16:06:05 +0000 ppuig http://www.pedropuig.com/?p=2153 Portada Qdiario

Hoy os presento el último desarrollo en el que he estado inmerso en estos últimos meses, se trata del nuevo proyecto de Smallsquid “Qdiario”.

Qdiario es un magazine multitemático (26 temáticas diferentes) que pretende diferenciarse de la oferta online actual. Cada magazine se diferencia del resto por su gama cromática y por supuesto por el contenido que ofrece.

El objetivo era crear un magazine fresco, de fácil lectura y que resultara atractivo para el usuario. Aunque de momento no está implementado, uno de los retos más complicados era crear 26 tonalidades que se adaptaran y representaran las 26 temáticas de los magazines.

El proyecto lo he realizado con Blogestudio y han sido casi 3 meses de diseños, pruebas y ensayos hasta conseguir el resultado que veis.
Espero que os guste

Os dejo un video del presentación del proyecto:

Ver portfolio

URL: http://www.qdiario.com

]]> http://www.pedropuig.com/2010/11/18/un-nuevo-proyecto-qdiario/feed/ 0