Pedro Puig

Entradas de la categoría ‘Diseño’

50 ejemplos de tarjetas de visita originales

Ya hemos hablado en este blog de ejemplos en el diseño de tarjetas de visita, es importante tener claro que una buena tarjeta de visita, ya sea por su originalidad en el diseño o en el materia utilizado, trasmitirá un buen concepto de nuestro saber hacer a un futuro cliente potencial. Es por ello que siempre debemos de cuidar mucho el diseño de este soporte y convertir nuestra tarjeta de visita en nuestro mejor comercial.

En Presidia Creative han recopilado 50 ejemplos de tarjetas de visita muy originales y que pueden servirnos de inspiración para realizar las nuestras.

Vía: Presidia Creative

También puede interesarte:

Iconwerk, el diseño de iconos

Iconwerk es un estudio alemán liderado por Stefan Dziallas dedicado exclusivamente a la creación de iconos y pictogramas.

Ejemplo de Iconwerk

Ejemplo de Iconwerk

Iconwerk ha desarrollado trabajos para empresas tan importantes como Cisco, Corel, AOL etc…

Podéis ver algunos de sus trabajos en este video donde destaca su facilidad para conceptualizar ideas y conceptos de forma muy original.

URL: http://www.iconwerk.de

Facebook Facelift, un nuevo interface para Facebook

Facebook Facelift es una iniciativa de Barton Smith para desterrar de una vez la antipática interface de Facebook mejorando la distribución del contenido y la experiencia de usuario.
Este diseñador australiano se encargó de crear un diseño totalmente nuevo, creando una interface del Facebook mucho más racional. Su objetivo es ahorrar tiempo al visitante y publicar contenidos desde cualquier página dentro de Facebook.

El resultado es prometedor, podéis sentiros frustrados si veis el video y luego volvéis a entrar a vuestro Facebook de siempre.

Capturas de Imagen:

Vía: Webdesigndev

Set de botones y recursos para nuestros diseños

En Medialoot nos proponen un interesante set con elementos gráficos que podemos utilizar en nuestros diseños.

El set está formado por los siguientes elementos:

  • Botones de control (flechas y símbolos)
  • Migas de pan, radio/checkboxes, scrollbars
  • Desplegables
  • Formularios de búsqueda, comentarios
  • Cuadros de texto

Podemos encontrarnos 3 acabados diferentes: brillante, satinado y de un color. El estilo satinado está disponible en 7 colores.

En cuanto a la licencia podemos utilizar este set tanto para uso personal como comercial siempre que incluyamos una referencia al autor

Vía: Intenta

Ejemplos de páginas en desarrollo y error 404

Cuando tengamos la necesidad de crear una cortinilla de aviso sobre el próximo lanzamiento de una web, es necesario tener en cuenta varias premisas, por un lado, debemos crear el interés en el usuario, para eso debemos crear un diseño sorprendente que provoque la necesidad de volver sin conocer aun la temática de la web, por otro dar la posibilidad de que el usuario pueda dejarnos su email para avisarle en el gran día del lanzamiento.

En Webdesigndev han recopilado ejemplos de cortinillas que estéticamente son muy potentes e invitan a volver.

También en Webdesigndev podemos observar una interesante recopilación de páginas de error 404.

Vía: Webdesigndev

También puede interesarte:

Plantillas para realizar wireframes a mano

Leo en Intenta una interesante recopilación de plantillas listas para imprimir y poder realizar nuestros bocetos tanto para páginas web, aplicaciones para el iPhone y storyboards.

wireframes iphone

wireframes en papel

Muy recomendable si queremos realizar estudios de usabilidad y AI.

Vía: Intenta

También puede interesarte:

jQuery Before/After

ejemplo_jquery_02

Este plugin realizado en jQuery nos permite observar las diferencias entre 2 imágenes simplemente arrastrando el manejador sobre ellas. El efecto final es muy espectacular.

Podéis ver el plugin aquí

Ver ejemplos

Vía: Woorkup

Logo UEFA 2012

La Agencia Brandi Central ha sido la encargada de realizar el diseño para la próxima Eurocopa 2012 que se celebrara conjuntamente en Polonia y Ucrania.

El resultado es como mínimo llamativo; podéis ver la historia de la marca en el video siguiente:

Pero lo que más me ha llamado la atención es la adaptación del mismo a diferentes soportes. En Brand New se pueden ver mas aplicaciones siguiendo el mismo estilo gráfico del logotipo.

Vía: Vecindad Gráfica

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)