Siempre existe la necesidad de muchos emprendimientos, proyectos de empresas que recién comienzan, por tener un buen “logo” para tener más visibilidad, más llegada a más personas, pero para esto resulta fundamental tener una imagen única que marque la diferencia entre una y otra empresa.

Hay que entender que esta labor es fundamental donde el diseñador tiene un papel clave en resolver en forma optima y de gran calidad, la imagen, la identidad propia y diferenciadora que marcará en los públicos objetivos de nuestros clientes.

Existe también mucho desconocimiento de parte de los emprendimientos, en como debe ser el diseño de una marca, lo que significa tener un marca diseñada y como debe funcionar en diferentes soportes. Por favor, dejen al diseñador que los oriente. Un profesional del diseño,
debe investigar sobre la competencia de nuestro cliente, revisar sitios, otros “logos”, pedir referencias a nuestro cliente, pedir información sobre su competencia, etc. y entregar la orientación necesaria para ayudar en la búsqueda de esa identidad.

Todoficina Chile SPA es un excelente ejemplo donde se grafica de forma simple, pregnante y de forma única, la identidad de lo que es la empresa y sus servicios. El uso del color, también marca una diferencia en muchas aplicaciones.

La marca contiene muchos elementos, pero en algunos casos es necesario usarlos par dar mayor identidad a la marca y diferenciación con el público. Usar 4 colores en la marca principal, es en muchos casos, más costoso y complicado de aplicar, sin embargo existió un especial cuidado por entregar sugerencias en 1 color y 2 colores.

Todoficina Chile SPA

« ‹ of 4 › »

Comencé a usar esta maravillosa herramienta de diseño web, más que nada por una necesidad urgente dada la exigencia en mi nuevo trabajo. Como diseñador gráfico y diseñador web, mi trabajo en estos últimos años, había estado enfocado en crear o adaptar plantillas web (HTML/CSS – WordPress), que me permitían resolver en forma rápida y óptima, diversos diseños de sitios que luego publicaba en diferentes servidores.

Hoy, agosto 2019, parte de mi trabajo ha cambiado, he debido entender y trabajar rápidamente con Adobe XD, quien me ha permitido avanzar consistentemente en resolver problemas de diseño gráfico de variadas interfaces gráficas, que necesitaban una intervensión urgente en este tema.

Adobe XD ha sido un aliado fundamental en esta tarea, ya que me ha permitido diseñar varios proyectos de interfaces gráficas, donde mi referencia de diseño base es Bootstrapp y Angular, ambos framewoks inspirados en Material Design. Esto quiere decir, buscar un diseño limpio, simple, minimalista, privilegiando los detalles, el uso del color e imágenes únicas; lo cuál puede transformare en una excelente experiencia de usuario.

Una vez logrado un diseño gráfico que cumpla con lo descrito anteriormente, se debe preparar el entregable a los desarrolladores web, en este caso, Ingenieros en Informática en su mayoría, quienes usando los frameworks mencionados, aplican el diseño. En este preciso momento, Adobe XD nos sorprende con una interfaz gráfica online, que permite al diseñador compartir con el desarrollador todos los elementos utilizados en el diseño, pero ya pre-adaptados en modo web, es decir, todos los elementos como tipografías, imágenes, colores, vectores y código CSS vienen listos para comenzar a codificar.

Algo que me ha sorprendido gratamente y he recibido buena aceptación por parte de los desarrolladores.

Comparto algunos ejemplos de lo que he diseñado hasta hoy (2019):

SAG

« ‹ of 8 › »

Este mapa interactivo fue encargado para un proyecto de difusión para productores gourmet de la Región de O’Higgins, a través de la Universidad Central de Chile.

El proyecto consistía en dibujar/trazar el mapa de la Región de O’Higgins e incluir alrededor de 100 productores, agrupados en las más de 30 comunas de la región.

Además de su nombre y ubicación, se incluyó su número de celular activo para llamar, su email, para enviar mensajes y en caso que corresponda, su sitio web.

El trabajo en Adobe Animate, requirió de tiempo para ordenar y dar interactividad a los más de 200 botones.

Primero lo dibujé en Adobe Illustrator y fuí exportando los elementos hacia Adobe Animate y luego fuí dándole interactividad a cada botón.

VER MAPA INTERACTIVO ADOBE ANIMATE

Este resumen de trabajos abarca desde el año 2016, hasta agosto del 2017.

Contiene una diversidad de trabajos, entre impresos, carpetas, portadas,  invitaciones digitales, banner para sitios web, un diseño para una caja (packaging), propuestas para sitios web y avisos para revistas.

Muchos de estos trabajos se usaron , varios otros quedaron sólo en la maqueta, en la propuesta ó simplemente el cliente jamás las vió. Por lo mismo me parece interesante compartirlas, para mostrar que muchas veces el trabajo del diseñador se torna muy complejo, ya que debe ser capaz de lograr un excelente trabajo y tomar en cuenta cada opinión del cliente e intentar lograr que el trabajo final quede de una calidad sorprendente y capaz de ser aplicada múltiples soportes.

« ‹ of 3 › »

La idea es  mostrar el trabajo que hago cuando diseño un logo.

Lo más importante es buscar abstraer los conceptos más significativos, dentro de lo que el cliente necesita mostrar como identidad corporativa, para esto recurro a múltiples recursos, entre ellas buscar en internet ideas que ayuden a inspirar y preparar los primeros bocetos, tirar las primeras líneas, usando tipografías que permitan mostrar una identidad propia, única, original.

Adobe Illustrator es mi gran aliado en esta tarea, como herramienta digital, me permite vectorizar conceptos y mesclar ideas. Colores, formas, trazos y dibujos, que hago a mano y luego escaneo, van mostrando avances en este complejo camino que es diseñar logos creativos, modernos, en poco tiempo y que no sean copias ó uso exagerado de íconos bajados de sitios gratuitos.

Tuve la oportunidad de aprender a usar este fantástico programa de Adobe Systems. Aprovechando que tengo licencia original, no podía dejar pasar la oportunidad de participar en un taller que duró 2 meses y me permitió conocer la forma de trabajar.

La idea de Adobe Animate CC 2017, es producir animaciones interactivas, con links y movimientos dentro de las mismas animaciones en HTML5/JavaScript.

La forma de trabajar es similar a lo que era años atrás Flash, pero las instrucciones para la interactividad son radicalmente diferentes.

Además no existe el problema de bloqueo de los navegadores web, sino que al contrario, el despliegue es bastante fluido y visualmente bastante atractivo.

BANNER INTERACTIVO HTML5/JAVASCRIPT

INTERACTIVIDAD HTML5/JAVASCRIPT

ANIMACIÓN INTERACTIVA HTML5/JAVASCRIPT EN SITIO WEB