Image for post
Image for post
Ha llegado el dark mode, aunque prefiero llamarlo el SITH MODE

Había pasado mucho rato sin que Sketch tuviese cambios sustanciales y necesarios, esos cambios llegan ahora con Sketch 52, Dark mode para los que están en macOS 10.14 (Mojave), rediseño en la interfaz y “data”, veamos de que van estas nuevos cambios:

Dark Mode

No tiene nada que ver con batman ni Gotham, con la nueva actualización de macOS, llega dark mode, poco a poco empezaremos a ver mas apps nativas como empiezan a adoptar este “skin” oscuro, para los que trabajan haciendo código o cerca de un dev verán que esto es super común en sus pantallas, bueno ahora nosotros también podemos ser dark Gotham designers.


Image for post
Image for post

Diseyuño nº8

No es Lunes, pero vamos a pensar fuera de la caja y partir la semana el día y a la hora que queramos!, vamos con esas noticias YEY.

What tool to choose for voice user interface design?

Interesante post con herramientas que podemos usar para diseñar experiencias de voz, algo bastante complejo de visualizar sin tener que dibujar pantallas de chat con las conversaciones.

Common webpage design mistakes

Clásicos errores al momento de diseñar un sitio, nunca está demás recordarlos, y evitarnos uno que otro problema.

Font playground

FUCKING AWESOME!, sitio que nos deja jugar con tipos y muchas, muchas configuraciones, imposible describirlo, mejor visitarlo.

How to speak designer

En el día a día olvidamos todo el jargon que usamos los diseñadores y a veces hablamos con otros profesionales como si nada y en verdad, estamos hablando chino. …


Image for post
Image for post

Me atrasé, como dicen en ingles me quedé “resting on my laurels”, así que acá vamos de nuevo con las noticias de esta semana “corta”.

Artwork personalization in netflix

Increíble post sobre como Netflix crea “covers” personalizados dependiendo de nuestro historial para “vendernos” según nuestros gustos una serie o película.

Eight thing you need to know about Design Systems

Los famosos sistemas de diseño en este post nos cuentas 8 datos que probablemente no sabíamos sobre estos.

Flowmapp

Herramienta para hacer flujos, para que hacerlos por ti mismo cuando hay un servicio que te ayuda a hacerlos.

Fitting Text to a container

Sucios trucos de C. Coyer usando SVG y texto para que estos siempre estén donde corresponde.

Designing for accessibility is not hard

Diseñar para inclusión no es tan complicado, el simpático y buena onda de Pablo Stanley nos deja un montón de ejemplos y links de como mejorar la usabilidad de nuestros diseños. …


Image for post
Image for post

Nueva semana y partimos tarde, porque somos humanos y en verdad soy uno solo pero hablar en plural siempre suena mejor, vamos a darle átomos a esas noticias!.

Your brain on Front-End

El amigo Coyer, nos muestra como con su ojo front ender, ve un diseño y automáticamente empieza a pensar en como desarrollarlo.

DesignOps Handbook

Otro handbook de Designbetter, la vez anterior nos sorprendieron con un completísimo book sobre sistemas de diseño, ahora nos vuelan la cabeza con uno sobre DesignOps.

How to make Thrustworthy apps, when no one trust tech anymore

Luego de la polémica de Facebook y Cambridge Analytics, muchos nos hemos sentido traicionados por las grandes compañías, en este post los secos de…


Image for post
Image for post

Si el desayuno es la primera comida del día, si no toman desayuno, el almuerzo pasa a ser su desayuno? esta y otras dudas mas relevantes al mundo del diseño, esta semana, en este humilde pero nutritivo compilado de noticias.

Framer X

No, no es un framerphone, es una nueva herramienta de parte de framer que promete acortar la distancia entre el diseño y el desarrollo, exportando código, nunca antes escuchado </ironia>.

Pickr

Un increíble, sencillo, pero poderoso picker de colores.

Downplaying Empty states in Design

Uno de los estados de pantalla que siempre se olvida, solemos diseñar para todos los casos menos los estados “vacíos”, en este post hay varios ejemplos de como afrontar ese misterioso estado. …


Image for post
Image for post

Es viernes y el diseño lo sabe, o es mi cuerpo? da lo mismo, otra semana, otro montón de noticias, allá vamos!.

Design Report 2017

Los amigos de Avocode nos vuelven a mostrar sus estadísticas de diseño, las cuales siguen muy similares a los años anteriores.

https://avocode.com/design-report-2017

How bootstrap 4 grid works

En este post explican como funcionan las grillas de bootstrap 4 potenciadas con FLEXBOX

https://uxplanet.org/how-the-bootstrap-4-grid-works-a1b04703a3b7

Stop calling these dark design pattern or datk ux these are simply ASSHOLE designs

A estas alturas todos tenemos super claro que es un “dark pattern”, pero los ejemplos en este articulo van mas allá, estos ejemplos son simplemente, una mierda.

AI Ethics

Luego de la demostración de hace unas semanas de Google duplex, muchos nos empezamos a hacer preguntas, sobre hasta que punto una IA debe pasar desapercibida, en este post se explora el tema y como está debería ser una nueva skill de los UX. …


Image for post
Image for post

Comienza la semana(de a poco iré publicando cada vez mas cerca del lunes), volvemos con otro golpe de noticias para matar la incertidumbre y

Phase

Si, otra aplicación que se quiere subir al carro del software para diseño UI, ¿Quién gana con tanta aplicación? nosotros obvio.

Introducción a Machine learning, para diseñadores

Si para nosotros los diseñadores es muy cool decir “usamos machine learning”, pero, ¿Realmente entendemos que es?.

Dark patterns

Un tema muy importante al momento de diseñar, los dark patterns, y como por privilegiar al cliente, le damos una pésima experiencia al usuario, ejemplos los tiene facebook o apple al momento de borrar una cuenta o anular una subscripción, ud. …


Image for post
Image for post

Otra semana y otro montón de noticias y novedades, agarren ese tazón de cereal con fuerza porque empezamos!.

Invision Apps platform

Invision va con todo con Invision Studio y tratar de “destronar” a sketch como la herramienta para el diseño UI, incorporando una plataforma de aplicaciones (a lo plugins de sketch) para invision studio.

Our Symbols guidelines in Sketch: Move fast and don’t break things

En este post los chicos de novemberfive nos cuentas sus buenas prácticas al momento de crear symbols en sketch ¿no saben que son un symbol o un nested symbol?, desde como nombrarlos a como tener un mindset sobre que componentes debemos transformar a symbols y cuales no.

Ideas for Proximity Feedback with Progressive Hover Effects

Como siempre los humanos (yo creo que son robots en verdad) tras Codrops, nos vuelven a sorprender con otro experimento, esta vez es un efecto de hover progresivo en el cual los elementos detectan cuando se acerca el mouse. …


Image for post
Image for post

Hola amigos y colegas diseñadores, ¿sabían que el desayuno es la comida mas importante del día? partamos la semana (si, mis semanas parten los jueves) como se debe desayunando una dosis de noticias y novedades referentes al diseño.

Material Theme editor

wow! wow! wow! hace poco fue la I/O de google y entre un montón de cosas increíbles, pero el plugin para editar y generar temas de material design es una maravilla, generar estilos?, check, compartir diseños y generar feedback, check, la gran G lo hizo de nuevo.

Adobe XD

Adobe XD se libera de las garras del Adobe CC y ahora es completamente gratuito, si, ya no tienes que pagar una creative suite para usar el “sketch” de adobe. …


Image for post
Image for post
Spoiler alert: los símbolos son como piezas lego

Symbols & nested symbols

Esta es una serie de post-tutoriales sobre el uso de sketch, compuesto por:

Sketch 101: Aprendiendo lo básico

Sketch 102: El inspector

Sketch 103: Symbols & Nested Symbols

Si no viven en una cueva sabrán de la existencia de los símbolos en Sketch, esa especie de smart object, si es que vienen de al escuela de photoshop, de los que todo el mundo habla, pero ¿qué son? ¿para qué sirven? ¿por qué debería usarlos?.

Bueno amigo diseñador veamos ¿por qué son tan útiles y divertidos los símbolos en sketch?

La idea tras los símbolos es encapsular un objeto o un componente de diseño, de manera que al hacer cambios al componente original estos se repliquen a cada una de las instancias del símbolo. …

About

Sebastián Zúñiga

Visual Designer, Pizza eater, TF2 Pyro, Hunting Horn user. 64 61 63 74 72 74 72 2e 72 6f 63 6b 73

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store