Pedro Puig

Entradas de la categoría ‘Diseño’

22 efectos de texto realizados con CSS

embossing-technique-css-text-effects-typography

letterpress-css-text-effects-typography

Desde 1stwebdesigner nos ofrecen una interesante recopilación de efectos en textos html realizados simplemente con CSS. Muchas de las imágenes que utilizamos en nuestros sitios web podríamos suprimirlas simplemente utilizando este tipo de técnica, los resultados son muy elegantes.

85 ejemplos de pies de página

adaptd

neepz

roxy

Como continuación al post anterior sobre ejemplos de blockquote, os dejo una interesante recopilación de 85 ejemplos de pies de página.

Un buen diseño en un pie de página puede reforzar la imagen de marca de una empresa y dirigir de forma eficiente el tráfico interno; por otro lado es una zona que llama a tomarse ciertas licencias creativas que pueden rematar acertadamente un buen trabajo.

Vía: Elements of Design (Smileycat)

32 ejemplos de Blockquotes

onwired

speaklight

skynews

El blockquote es una etiqueta muy utilizada en los blogs para destacar una cita o para atraer la atención en un párrafo determinado, muy útil sobre todo en artículos largos.

En Elements of Design han realizado una muy interesante recopilación de 32 ejemplos de utilización de blockquotes.

Una fuente de inspiración para diseñar este tipo de etiquetas.

Vía: Elements of Design (Smileycat)

179 ejemplos de packaging creativo

Sin lugar a dudas el envoltorio de un producto (packaging) es su mejor tarjeta de visita. Ya hemos hablado mucho en este blog de lo importante que es tener una buena imagen de producto.

En Presidia Creative han recopilado 179 ejemplos de packaging que por su originalidad, creatividad y diseño merecen ser destacados.

vitalize-small_1-500x507

mrclean_1-500x583

Vía: Presidia Creative

CSSBake

comentarios

CSSbake es un interesante showcase donde a diferencia de la mayoría, en este no se clasifican las webs por su tipología (weblogs, webs corporativas, portfolios etc…). Si no por los elementos que lo forman, pies de página, archivos, cabeceras etc…

Un buen sitio para poder inspirarse

URL: http://www.cssbake.com

Vía: Intenta

CSS iPhone, los mejores diseños web para el iPhone

css-iphone

Ya existen infinidad de galerías CSS (CSS Mania, CSS Vault, CSS import etc…) con recopilatorios de diseños web que destacan por su estética y originalidad. Como no podía ser menos ahora le toca el turno a diseños realizados expresamente para el iPhone.

CSS iPhone es un desarrollo de Michael Dick y recopila los mejores diseños web realizados para esta plataforma a una resolución de 320 pixels, yo de momento no tengo mi versión iPhone, todo llegará.

URL: www.cssiphone.com

Vía: Criterion

El Valor del diseño

17092009

La Asociación de Diseñadores de la Comunidad Valenciana publico en el 2008 un libro titulado “El Valor del Diseño”, en el se recogen conceptos como la propiedad intelectual, los derechos de autor, modelos de contrato y algo que realmente me ha llamado la atención, un listado de tarifas de precios de las diferentes actividades de los diseñadores.

Aunque no debemos de utilizarlo como guía a la hora de realizar nuestros presupuestos, si que nos puede servir de referencia.

Los precios no incluyen IVA

Listado de Tarifas

Vía: Intenta

50 sitios webs diseñados en Flash

web_flash

Aunque no soy muy partidario de desarrollar un sitio web enteramente con tecnología flash, su utilización debería ceñirse a determinados elementos de nuestros desarrollos gráficos (cabeceras, banners etc…) que aporten la espectacularidad que otra tecnología no pueda conseguir, sin embargo es un gustazo ver los desarrollos que Webdesigndev ha recopilado en estos 50 ejemplos de sitio webs 100% flash donde podemos ver la espectacularidad de esta herramienta.

Vía: WebdesignDev

25 buenos ejemplos de tablas comparativas

Hay veces que sitios webs con un estética espectacular adolecen de una buena labor de diseño en las tablas de datos. En WebDesignDev han recopilado 25 ejemplos de un buen hacer en el diseño de tablas comparativas.

Lo importante en este tipo de diseño es que este sea claro y legible para el usuario. La sencillez es casi siempre un buen aliado para mostrar resultados profesionales en este tipo de contenidos.

Ejemplo de tabla comparativa 01

Ejemplo de tabla comparativa 02

Ejemplo de tabla comparativa 03

Vía: WebDesignDev

250 pinceles con efecto de luz para Photoshop

efectos_luz

La utilización de pinceles en nuestros diseños puede darnos ese elemento que diferencia un buen trabajo de un espectacular trabajo. Lo importante como siempre en el diseño web es no abusar de este tipo de recursos.

En DesignM han preparado una recopilación de 250 pinceles con efectos de luz que podremos disfrutar en alta calidad.

Si queréis podéis ver la manera de aplicar este tipo de pinceles en esta recopilación que han hecho en Vandelay Design.

Vía: DesignM