Rompiendo los límites con Wix Code

Hoy en día el no tener conocimientos de programación no es un impedimento para llevar un proyecto profesional a la web, ya que si bien existen diversas aplicaciones algo complejas apuntadas a profesionales, por otro lado hay todo un mercado que intenta acercar al usuario común que se pregunta como hacer una página web profesional. Y en este mercado es donde aparece Wix, en donde continuamente publica aplicaciones para su entorno de desarrollo online.

Ya unos meses atrás habíamos hablado acerca de una de las app que ofrece Wix para crear eventos online y galerías fotográficas realmente profesionales, pero hoy me ha llamado la atención Wix Code, una app que te permite crear páginas web dinámicas, recopilar información del usuario, generar bases de datos y otras funciones vitales para que tu sitio te sirva no solo para vender tu servicio o producto sino también para estudiar al usuario que te visita, algo vital a la hora de mejorar las estrategias de venta. Continuar leyendo…

Esquemas de color en Web Design: cómo elegir colores para tu propio sitio web

El proceso de elección del esquema de color para tu sitio web puede convertirse en una verdadera pesadilla, especialmente si no eres bueno en la combinación de colores y no eres un diseñador web experimentado.

Es verdad que elegir y combinar colores puede ser una tarea difícil.

El resultado de tus experimentos con la combinación de colores puede ser tanto armonioso y bonito, como parecer a una escena de una película de terror.

Continuar leyendo…

Tarifarios de Diseño actualizados al 2016

Imagen por gentileza de Shutterstock

Allá por el 2012 comenzaba a compartir en el blog un tarifario de diseño del Colegio de Diseñadores Gráficos de Misiones ya que, aún hoy, la pregunta habitual y diaria es cuanto cobrar por nuestro trabajo.

Si bien está muy divididas las aguas entre quienes calculan su hora de trabajo (otro enlace para este tipo de herramientas online es la Calculadora Freelance de Laura Lopez) y los que deciden manejarse con tarifarios según por el nivel socio-económico del cliente, lo bueno es saber encontrar el equilibrio utilizando uno y otro.

Para esto, aquí en Argentina hay varios tarifarios para tener de referencia. Sinceramente me encantaría saber si hay material de este tipo para España y Mexico, ya que no he podido encontrar (si algún lector de esos países o de otros quiere colaborar con el dato bienvenido sea).

Cámara de Diseñadores en Comunicación Visual de Santa Fe

Si debo optar por uno, creo que este es el mas completo y el que mas se acerca a los valores a cobrar en mi caso. Lo bueno es que el PDF lo actualizan por cuatrimestres, cuenta con un índice super útil y el abanico de opciones dentro de cada categoría se encuentra mucho mas desplegado que el resto.

Categorías: Identidad, Papelería, Publicidad, Promoción, Editorial, Señalización, Ilustración, Packaging, Web, Audiovisual.

Enlace | Tarifario de Precios CDCV v6.0

Continuar leyendo…

Size Marks. Simplificando la medición en Photoshop

A veces nos encontramos con scripts, acciones o plugins que desde la simplicidad se convierte en una herramienta eficaz para problemas cotidianos. Y si de mediciones se trata, nada mejor que Size Marks para Photoshop.

Este script se instala facilmente y lo que nos permitirá es medir rápidamente lo que querramos mediante la herramienta de selección “Marco Rectangular” y un atajo de teclado previamente establecido por nosotros.

En la página de descarga están todas las instrucciones para su instalación, pero… yo se que a muchos les gusta las cosas masticadas. Así que aquí van los pasos traducidos:

  1. Descargamos el script desde GitHub. Solo se encuentra disponible para Photoshop CC2014 y CC2015.
  2. Al abrir el zip veremos un solo archivo .jsxbin. El mismo debemos ponerlo en la carpeta de scripts de Photoshop.
    • OS X: /Applications/[Photoshop]/Presets/Scripts/
    • Windows: C:\[Program Files]\Adobe\[Photoshop]\Presets\Scripts 
  3. Reiniciamos Photoshop y buscamos en Archivo > Secuencia de Comandos > Size Marks. Desde ahi podremos activarlo siempre una vez hecha la selección que queremos medir.
  4. Para mayor comodidad, vamos a Edición > Métodos abreviados de teclado… Desde aquí buscamos a “Size Marks” y le otorgamos el atajo que querramos. De esta forma, podremos aplicar el script con facilidad.

Enlace | Size Marks Photoshop Script

Breeezy. Extension para Photoshop ideal para diseñadores web

Breeezy es una extensión gratuita para Photoshop que añade una funcionalidad de exportación de varias capas, pudiendo exportar varios elementos gráficos de tu PSD en un solo click. Esto hace que sea extremadamente rápido preparar los archivos gráficos para el desarrollo de aplicaciones, sitios web o banners en flash.

Algunos de los beneficios que enumeran en la página de Breeezy son:

  • Guarda capas con transparencias al exportar.
  • La interfaz tiene un solo botón para una rápida acción.
  • Le otorga el nombre de las capas a los archivos.
  • Organiza todos los elementos en carpetas.

Este es un video de Breeezy en acción:

La extensión es de libre uso y se encuentra disponible para Photoshop XS5 o superior.

Enlace y Descarga | Breeezy

Util Mockup para diseños web responsivos

Hoy en día los diseños web responsivos son cada vez mas necesarios y, todo proyecto nuevo, debería ser pensado de este modo con el fin de que pueda visualizarse correctamente en todos los dispositivos.

Es por eso que este mockup será de gran utilidad para los que deseen presentar sus trabajos en todas sus vistas posibles (o casi todas ya que no tiene para vista horizontal) dando un panorama de como verá el sitio el visitante.

El mockup es de libre uso tanto para fines comerciales como personales y contiene objetos inteligentes para utilizar desde la versión CS5 en adelante.

Enlace y Descarga

Responsive Showcase Mockup