Tagged: diseño web

Ops! Error.

Parte II

Loooong long time ago (el fin de semana nos pone bilingües), pusimos a su alcance una serie de páginas 404, para que perderse en la web no sea tan frustrante.
Se acerca otro fin de semana y puede que, con la mente más descansada, utilicen estos ejemplos como guía para diseñar las suyas.

Happy weekend.

Error_birds

404_page not found

errorpages_ninja

errorpages_fuelly

errorpages_party is over

Errorpage

Grandes diseñadores:

Krzysztof Domaradzki

No intenten nombrarlo y tampoco pretendan que lo hagamos nosotras. Menos mal que en un blog se escribe y no se habla. En fin…
Hoy en la sección de grandes diseñadores, les presentamos a Krzysztof Domaradzki, un diseñador polaco creador de Studiokxx, que además de trabajar en branding, identidad visual, diseño web, etc., experimenta con todo lo que tiene que ver con las artes visuales.
Cabe aclarar que trabajó para grandes marcas como Nike, Sony Ericsson, Volkswagen, entre otros.

Les dejamos algunos trabajos para que vean, pero en el link de Studiokxx, pueden ver el resto.

(vía)

Krzysztof Domaradzki

Krzysztof Domaradzki

Krzysztof Domaradzki

Krzysztof Domaradzki

Krzysztof Domaradzki

Lo mínimo e indispensable

Frase trillada si las hay. Se utiliza en una conversación, en un escrito y por qué no, en el diseño también.

Hacemos una pequeña reseña del tema en cuestión: El arte minimalista
Este movimiento se remonta a los años 60′ luego de la Segunda Guerra Mundial y se basaba en reducir las características de una pieza a lo escencial, despojándola de los elementos sobrantes. En la antigüedad se aplicó en las esculturas y años más tarde, fue una de las técnicas más utilizadas en la pintura.

Actualmente, el hecho de comunicar lo mínimo e indispensable, cada vez se nos hace más familiar a la vista cuando de diseño se trata. Solo hay que animarse y sacarse el miedo a comunicar con poco, porque una pieza cargada de información visual, puede contaminar la vista de quién la reciba.

Les dejamos algunos ejemplos a modo de inspiración.

Web

WorkLifeBalanceCentre

Emrah Yaman

wktokyo.jp

Seleccionamos dos posters de los treinta, que, el diseñador y artista Albert Exergian, elaboró para representar a famosas series televisivas estadounidenses en una composición simple y con gran capacidad de síntesis.

Two-and-a-half-man

Sex-and-the-City

Lo vimos acá

Favicon

Los favicons o también llamados iconos de página, son pequeñas imágenes que viven en la barra de direcciones o en el encabezado de la pestaña de la página visitada. Sirven para identificar la web más fácilmente, ya sea en el historial, como en los marcadores o favoritos, o mientras se navega la misma.

Su medida estándar es de 16×16 px y cada propietario de su página web, puede diseñarlo en photoshop sin mayores dificultades.
Chicos, seamos prolijos y tengamos en cuenta este detalle para el próximo proyecto.

Acá van algunos ejemplos y un tutorial desde My Ink blog para que tengan el paso a paso.

google-favicon

google_favicon

Compatibilidad en Navegadores

Programadores del mundo, vean esto.
Estan sentados frente a su proyecto con una lista de pasos a seguir para la programación y nunca deben olvidarse de la compatibilidad con los navegadores, porque puede ser faltal.
HTML, HTML5, CSS, CSS3, todos tienen sus truquitos para cada navegador.
En esta ocasión, les dejamos algo super útil para que en su checklist de pasos a seguir, no se les escape nada de nada.

Lo encontramos acá

compatibilidad navegadores_tabla

Diseño de newsletter

Muchas veces, los usuarios, identifican a los boletines informativos o newsletter que se envían por correo electrónico, como spam o mails basura.
No nos olvidemos de que hoy, la web, es el medio de comunicación más utilizado por el público y es el más explotado por los medios, no solo para publicitar su empresa, sino también para informar acerca de ella o de sus servicios.
Desde somostres, seguimos apostando a esta forma de mostrar información y les dejamos algunos diseños para inspirarlos y que sus boletines se vean un poco mejor.

Acá te dejamos más ejemplos.

Themisadventures_newsletter

nike_newsletter

Whiskeymilita_newsletter

Grandes elementos del diseño

¿Te acordás que, no hace mucho, te mostramos la Tabla de elementos tipográficos?, bueno, ahora te mostramos “The XHTML character entity reference“… Te lo decimos en castellano mejor. Es la Tabla de caracteres XHTML, súper útil para tener a mano cuando la memoria falla, en la meticulosa tarea de programar un sitio web.

La encontramos acá

xml-entity-reference

Plantillas para bocetar

En somostres, creemos que la mejor forma de plasmar una idea a llevar a cabo, es con una hoja en blanco y lápiz en mano. Si, si, después lo convertimos en digital, pero primero debemos estudiar la estructura y volcar nuestro pre brainstorming en un soporte tangible, como lo es el papel.

Siendo que estamos convencidísimas de ésta idea, les traemos unas plantillas para plantear el diseño de un sitio web, con líneas guías y sector de comentarios. Pueden descargarlas en PDF, las imprimen y listo el pollo!
Les recomendamos que prueben, y vean cuánto más fácil y ordenado es el proceso.

Suerte y a bocetar!

plantillas_para_bocetar