Bocetos de iconos para inspirarse


icon_sketches_10Siempre cuando se realiza algo que es visto en una pantalla los no especializados piensan que es muy fácil de realizar con las múltiples aplicaciones que existen actualmente.

Los diseñadores sabemos que si se puede hacer algo directamente en la pantalla, pero la gran cantidad de diseños exitosos nacen en el papel, y desde Speckyboy Design Magazine nos encontramos con ejemplos de bocetos como modo de inspiración de todos aquellos que aun no se deciden a comenzar ese diseño en el papel o de forma digital.

Ir a Speckyboy Design Magazine para ver los ejemplos de inspiración

Temas de UI para sitios BootStrap. Algunos gratis, algunos de pago


Originalmente publicado en Web En Segundos:

bootstrap

Bootstrap se ha convertido en el framework de moda para la construcción de Webs “Responsive Design“ por excelencia. Siendo implementado, por ejemplo, por defecto en ASP.NET MVC5, sea cual sea el lenguaje de Backend.

Miles de temas donde elegir

Si bien en la propia página de Bootstrap podemos acceder a un buen número de ejemplos de páginas reales construidas con el framework, y que nos puede dar una orientación sobre el diseño gráfico que queremos implantar en nuestra web; también es cierto que se queda corto rápidamente siendo necesario ir a buscar más inspiración en otros sitios.

Por ejemplo tenemos Start Bootstrap en donde tenemos una treintena de temas, con la ventaja de que son de sites completos, no solamente una muestra gráfica de la portada.

También hay que darse una larga vuelta por BlackTie que es un blog en donde el autor va publicando de forma constante post con revisiones y enlaces a todo…

Ver original 193 palabras más

El elemento main en HTML5


Originalmente publicado en Web En Segundos:

A finales de 2012 hizo su primera aparición el elemento <main>, pero no ha sido hasta ahora cuando se ha incluido ya definitivamente en las especificaciones del Core HTML 5.1.

Si leemos dichas especificaciones vemos cuales son las características principales del elemento <main>:

  • Representa el contenido principal del cuerpo (body) de una web o aplicación.
  • Incluye el contenido que es único en la página y excluye contenido que se repite en todas las páginas de la web (menú, pie de página, barra lateral, etc)
  • No debe incluirse más de un elemento <main> por página.
  • No debe incluirse el elemento <main> dentro de elementos como article, aside, footer, header o nav.

Ejemplo (del Core HTML 5.1):

1
<!DOCTYPE html>
<html>
<head>
<title>Graduation Ceremony Summer 2022</title>
</head>
<body>

<header>The Lawson Academy:
<nav>
<ul>
<li><a href=”courses.html”>Courses</a></li>
<li><a href=”fees.html”>Fees</a></li>
<li><a>Graduation</a></li>
</nav>
</header>

<main>

<h1>Graduation</h1>

<nav>
<ul>
<li><a href=”#ceremony”>Ceremony</a></li>
<li><a href=”#graduates”>Graduates</a></li>
<li><a href=”#awards”>Awards</a></li>
</nav>

<H2 id=”ceremony”>Ceremony</H2>
<p>Opening Procession</p>
<p>Speech by Valedictorian</p>
<p>Speech by…

Ver original 80 palabras más

¿Qué ha sido de HTML5?


Originalmente publicado en Web En Segundos:

1392097719_HTML5

HTML5, la última versión del estándar HTML, lleva unos años en desarrollo y todavía queda tiempo hasta que todas sus características terminen de transformarse en estándares (de hecho, ni siquiera se espera HTML6: las características de próxima generación están implementándose en lo que llamanHTML.Next). Y, desde que estamos oyendo hablar de HTML5, hemos escuchado todo tipo de promesas, algunas de las cuales no se han cumplido (ni se van a cumplir que sepamos).

Pero, yendo más allá, vemos que, pese a que formalmente no es más que un borrador, HTML5 es muy importante en la Web de hoy, e incluso en algunos ámbitos más. Demos un repaso a cuál es la situación actual de HTML5.

HTML5: una evolución necesaria

Vamos a hablar un poco de estándares. HTML es quizá uno de los más importantes y de los más conocidos por todos nosotros, o por lo menos uno de los estándares con…

Ver original 1.009 palabras más

Se abre la temporada de clases particulares


Imagen

A todos quienes vivan en Santiago de Chile y sean parte del mundo del diseño o les interese integrarlo, les informo que comienzo a dar clases particulares.

  • Si eres estudiante de diseño y quieres reforzarte en Photoshop, Illustrator, InDesign, Flash, HTML5+CSS.
  • Si te compraste un mac y quieres saber todo lo necesario para sacarle el máximo provecho (facilitando todos los programas necesarios)
  • Si estudiaste diseño y quieres actualizarte de lo que aprendiste en clases.

Si tienes uno de estos motivos o algún otro para asistir a clases particulares, es hora de aprovechar este tiempo ya que a partir de abril me faltarán los minutos por que haré clases en el I.P. y la U. Los Leones.

Las clases son de 2 horas por sesión, se acomodan a tus avances  y a lo que necesites aprender. (no como las clases con más alumnos en donde debes avanzar igual que el resto)

Si estás interesado(a) escríbeme aquí para reserva tu cupo o para saber valores.

Si quieres aprovechar el verano con algo productivo, esta es la oportunidad de realizarlo

Abel Michel Torino, un vino renovado por Pierini Partners


antes y despues samtNo se trata de un vino de alta gama pero sin lugar a dudas, forma parte de los almuerzos y cenas de gran parte de los argentinos.
El vino Sucesión Abel Michel Torino se ha instalado como un producto noble dentro de la categoría y hoy se muestra renovado gracias a la intervención de Pierini Partners. Al respecto Adrián Pierini, director general creativo y autor del diseño, comentó: -“No buscamos generar una imagen aspiracionalmente incorrecta. Sabíamos que no habíamos sido convocados para transformar radicalmente la estética de una marca sino para actualizarla. Ese fue el deseo de nuestro cliente y el vínculo de sinceridad que SAMT siempre ha mantenido con sus consumidores. Podríamos resumir el concepto subyacente de la propuesta gráfica como “el vino que siempre te acompaña y habla tu mismo idioma”. Sigue leyendo

Cuando los folletos se hacían sin electricidad


jorgellanten:

Siempre es bueno saber como se hacia antes lo que uno hace hoy de forma más fácil, yo comencé a estudiar en la universidad a mediados de los 90′ y alcance a trabajar mucho a mano inventándome mis propias formas de que todo se vea lo más profesional posible.

Originalmente publicado en no tengo miedo a la pagina en blanco:

Hoy quería compartir con vosotros un spot que revoluciona por completo el concepto de marketing directo (asociado en muchas ocasiones al adjetivo masivo). He aquí la producción 100% artesanal de un folleto sin más uso que el de la energía humana y nada de electricidad.

Curiosa reflexión hecha spot para Fundaçao EDP, que proporciona energía a comunidades sin acceso a la electricidad. La fundación plantea una reflexión obligada sobre el uso masivo de la electridad la dificultad de acceso a la electricidad por parte de algunos sectores desfavorecidos.

Fantástico mensaje y propuesta narrativa, estética preciosista y sostenibilidad llevada hasta el extremo en este vídeo, cuya grabación también ha estado exenta de uso de electricidad.

Ver original

Cerveza Biela renovado por Pierini Partners



Icono biela.jpgCon una imagen noble y sofisticada, la nueva cerveza de Ambev Ecuador irrumpe en el mercado cervecero para quedarse y hacer historia. Con cuerpo y aroma profundo, Biela es el más alto exponente de su categoría en aquel país y el reconocido estudio de packaging y branding argentino ha sabido plasmar su diferencial apelando a recursos visuales de alta calidad estética.
Según Adrián Pierini, creador del nuevo diseño, se buscó una estructura de corte clásico que no gritara su presencia en el punto de venta sino que invitara, de un modo cordial y ameno, a compartir una experiencia de sabor diferente. El color identificador escogido ha sido el negro (en línea con la tendencia cromática internacional en lo que a cervezas de alta gama se refiere), el cual es combinado con el dorado y el verde, presente en el vidrio de la botella. Sigue leyendo

Importancia del SEO (Search Engine Optimization – Optimización en Motores de Búsqueda)


Originalmente publicado en Subcutaneo Creative:



Miles de personas alrededor del mundo hacen posicionamiento web para promover de una forma más efectiva sus productos o servicios. Actualmente, existen dos tipos de personas que hacen SEO (Search Engine Optimization por sus siglas en inglés) o posicionamiento web en español. 

La primera persona es la que ha estudiado o leído sobre el posicionamiento web, y utiliza sus técnicas de forma adecuada con herramientas correctas, haciendo análisis de forma objetiva y planeada de cómo generar posicionamiento y trafico web para su página a través de redes sociales, blogs, etc. En su mayoría estas personas son capaces de utilizar tanto herramientas gratis como plataformas pagadas, generalmente se obtienen resultados a corto plazo porque estas personas o empresas ya saben cómo utilizar estas técnicas. 

 La segunda clase de personas son aquellas quienes de forma empírica, hacen posicionamiento web de diversas formas y tiene éxito de una forma más lenta pero…

Ver original 183 palabras más