Brackets: Editor web gratuito y de código abierto

Brackets

 

Edge Code, el anterior editor para la web ultraliviano de Adobe sufre una remodelación contundente, ahora tendrá un nuevo nombre, se llamará Brackets.

Esencialmente Brackets viene remodelado y recargado con nuevas funcionalidades. Una de la mas importante es trabajar desde un PSD y extraer las propiedades CSS de los elementos. Misma función que realiza la nueva versión de Photoshop CC.  Así como la integración de procesadores LESS y SCSS. Librería de Extensiones, etc.

Esta es una nueva opción para quienes hemos sido conquistados por estos editores ultra ligeros como Sublime Text y le encontramos un gustito a lo que hizo Adobe al rápido y sencillo Edge Code.

Descarga Brackets: http://brackets.io/
GitHub: https://github.com/adobe/brackets

Los 10 mandamientos del Diseño Web

Ten Commandments of Web Design – Jeffrey Zeldman at An Event Apart Austin 2013 from Jeffrey Zeldman on Vimeo.

Jeffrey Zeldman nos presenta los 10 mandamientos “modernos” del diseño web

  • Un sitio web debe entretener al usuario.
  • Hay que probar todo en nuestro sitio web, incluso las suposiciones.
  • Hay que iterar constantemente, un sitio web debe evoluciona.
  • Debes concentrarte en lanzar, es importante no dejarse llevar por ser perfeccionista si va a detenerte de lanzar tu sitio/producto.
  • Involucra a la comunidad.
  • El contenido debe llegar a todos sin importar el dispositivo.
  • El contenido es primero, el diseño debe adaptarse conforme al contenido.
  • Haz magia. No busques la perfección.
  • Debes priorizar, organizar y designar. Esto para asegurar un flujo de trabajo con el equipo involucrado en un sitio web.
  • Hay que mantener los principios por los que un sitio es creado.

¿Qué es el Design Thinking?

“Desing Thinking” o pensamiento del diseño es un proceso para resolución de problemas de manera creativa y metódica. Viene a ser un approach de como esencialmente gestiona un diseñador sus proyectos. Más que desde una visión analítica, esta basada en un conjunto de actividades que deben ser pensadas desde un punto de vista creativo, basada en acumulación de ideas o propuestas que alientan la generación de soluciones lo más diversas e innovadoras teniendo en cuenta a los usuarios.

Podemos imaginar el proceso en tres fases simples:
· Inspiración (problema – oportunidad)
· Ideación (iterar soluciones y propuestas)
· Implementacion (aplicación de la solución o propuesta mas adecuada para los usuarios).

En el siguiente video veremos el ejercicio del pensamiento del diseño aplicado a 5 conceptos que finalmente mantienen los mismos factores claves del proceso.

· Aprender de las personas
· Buscar patrones
· Definir los principios de diseño
· Hacer tangible
· iterar implacablemente

 

What is Design Thinking?

What is Design Thinking from Daylight on Vimeo.

Google Material Design UI Kit 1.0

cover

En reciente conferencia de Google IO se presentó las nuevas lineaturas de diseño (Design Guidelines). Las cuales como en ninguna otra versión anterior, se había demostrado con tanta fuerza un cambio en el diseño, y no sólo por hacer hincapié en las interfaces de la plataforma Android, si no que además, por presentarse como una de las mejores documentaciones o recursos de diseño. Hecho que merece ser revisado por todo diseñador.

El kit de diseño contiene:
- Elementos básicos UI y Layout http://google.com/design
- Pantallas adaptadas a “Material Deisng” y elementos avanzados de Android UI para Photoshop.
- Tipografía oficial.
- Colores.

Descarga: http://goo.gl/lepZkS

Video:

La marca gráfica de la Copa América Chile 2015

Había olvidado que Chile será la sede de la próxima Copa América, culpa mía por no ser un futbolero de corazón como muchos millones apasionados por este deporte. Lo siento! jeje.

Copa América Chile 2015

Ahora lo que si me interesa es observar la propuesta de marca gráfica para este certamen presentada por la Agencia Portuguesa Brandia Central que nos muestra parte del proceso creativo que implicó la creación de esta “experiencia” de marca en su sitio.
Ya que no podemos hablar de un simple “logo”, si no que, se trata de un todo (Gestalt) que debe ser visto en el contexto con todos los soportes y aplicaciones. Lo que nos explica a continuación esta agencia:

 

Copa América Chile 2015

Una nueva estrella de Fútbol “Rescatamos elementos de la cultura del país, conjugados con el espíritu sudamericano”.

 

Copa América Chile 2015

Un nuevo icono “La estrella de cinco puntas que representa la de la bandera Chilena. Hay otra de ocho puntas que se relacionan con el kultrún (tambor ancestral), y que recuerdan las ocho ciudades anfitrionas en las que se disputarán los cotejos. En las sedes de Antofagasta, La Serena, Valparaíso, Viña del Mar, Concepción, Temuco, Rancagua y Santiago”.

 

Copa América Chile 2015

Una identidad visual única “Destaca la presencia cuatro figuras humanas que representan cuatro elementos. Un hincha (Celebración), un corazón (Pasión), una chilena (Triunfo) y dos contendores (superación)”.

 

Copa América Chile 2015

De la estrategia a la táctica, de la razón a la meta “¿Cómo combinar tantas influencias culturales en un solo símbolo?. La garra de los fanáticos del fútbol Sudamericano, las personas, las estrellas de futbol, los jugadores. Todo se traduce a un largo juego de simplificación y equilibrio “.

 

Copa América Chile 2015

¿Tipografía manuscrita o geométrica? ambas pueden jugar juntas. “Los chilenos son orgullosos de sus letras, se pueden ver escritas en todas las esquinas (haciendo referencia a los graffitis y en locales de barrio) lo que justifica la tipografía manuscrita. En el caso de la tipografía geométrica la inspiración proviene de las grecas de los pueblos originarios”

 

Finalmente, el reel (video) donde se presenta esta nueva marca para la Copa América Chile 2015 que puedes revisar en Vimeo.

 

Bonus Track: Acá tenemos otra propuesta que participo en la licitación.