Acerca del servicio
TraducidoUn conjunto de iconos se gana su lugar cuando se puede ver que una mano lo dibujó. Así que empiezo no con imágenes, sino con la interfaz misma: la cuadrícula en la que se encuentra, el peso de la tipografía, qué tan afiladas o suaves son las esquinas, qué tamaños de iconos realmente aparecen en tus pantallas. De eso surge una breve hoja de reglas: peso de línea, radio de esquina, tamaños ópticos, el ritmo de los trazos, y a partir de ahí se mantiene en todo el conjunto. El vigésimo icono, dibujado tres meses después, se coloca junto al primero y no parece un visitante.
El movimiento que añado es corto y significa algo. Una rotación indica que la pantalla está funcionando, una marca de verificación indica que el toque se registró, un campo rechazado indica que esto no es aceptado. Cada movimiento responde a una pregunta que el usuario acaba de hacer en lugar de entretenerlo mientras espera. Trabajo a través de los tres estados que tienen más peso en el uso real: carga, éxito y fracaso. Encima de ellos vienen los interruptores, casillas de verificación y botones con sus transiciones presionadas, activas y deshabilitadas. El conjunto se dibuja en ambos temas desde el principio, porque un trazo que se ve hermoso en blanco a menudo desaparece en un panel oscuro.
Entregar el trabajo a un desarrollador es parte del trabajo, no un apéndice. Obtienes las fuentes y la exportación en los formatos que se adaptan a la plataforma: animación vectorial clara para la web, sprites o movimiento impulsado por código para móvil donde eso cuesta menos en peso y batería. Los números viajan con los archivos: duración de cada movimiento, curva de suavizado, retraso, el orden en que las partes del icono cobran vida. Antes de la entrega, ejecuto el conjunto en un dispositivo débil, porque lo que es suave en una máquina de trabajo se entrecorta en un teléfono de tres años, y un icono entrecortado se lee como un error.
Lo que incluye el trabajo:
— una mirada a la interfaz actual y una hoja de reglas: peso de línea, radios, cuadrícula, tamaños ópticos;
— un conjunto de iconos en un estilo, tema claro y tema oscuro;
— carga, éxito y error como tres movimientos diferentes y reconocibles;
— interruptores, casillas de verificación y botones con transiciones presionadas, activas y deshabilitadas;
— fuentes y exportación en formatos claros para la web y para móvil;
— una especificación para el desarrollador: duración, curva, retraso y orden de movimiento para cada animación;
— una ejecución en un dispositivo débil, con los fotogramas perdidos nombrados y corregidos;
— la animación no reemplaza una pista de texto: el estado también se etiqueta con una palabra, de lo contrario, el significado del movimiento se adivina;
— los efectos largos se interponen en una interfaz de trabajo, por lo que la duración se mantiene dentro de décimas de segundo;
— sin parpadeos y sin destellos de contraste fuerte.
El movimiento que añado es corto y significa algo. Una rotación indica que la pantalla está funcionando, una marca de verificación indica que el toque se registró, un campo rechazado indica que esto no es aceptado. Cada movimiento responde a una pregunta que el usuario acaba de hacer en lugar de entretenerlo mientras espera. Trabajo a través de los tres estados que tienen más peso en el uso real: carga, éxito y fracaso. Encima de ellos vienen los interruptores, casillas de verificación y botones con sus transiciones presionadas, activas y deshabilitadas. El conjunto se dibuja en ambos temas desde el principio, porque un trazo que se ve hermoso en blanco a menudo desaparece en un panel oscuro.
Entregar el trabajo a un desarrollador es parte del trabajo, no un apéndice. Obtienes las fuentes y la exportación en los formatos que se adaptan a la plataforma: animación vectorial clara para la web, sprites o movimiento impulsado por código para móvil donde eso cuesta menos en peso y batería. Los números viajan con los archivos: duración de cada movimiento, curva de suavizado, retraso, el orden en que las partes del icono cobran vida. Antes de la entrega, ejecuto el conjunto en un dispositivo débil, porque lo que es suave en una máquina de trabajo se entrecorta en un teléfono de tres años, y un icono entrecortado se lee como un error.
Lo que incluye el trabajo:
— una mirada a la interfaz actual y una hoja de reglas: peso de línea, radios, cuadrícula, tamaños ópticos;
— un conjunto de iconos en un estilo, tema claro y tema oscuro;
— carga, éxito y error como tres movimientos diferentes y reconocibles;
— interruptores, casillas de verificación y botones con transiciones presionadas, activas y deshabilitadas;
— fuentes y exportación en formatos claros para la web y para móvil;
— una especificación para el desarrollador: duración, curva, retraso y orden de movimiento para cada animación;
— una ejecución en un dispositivo débil, con los fotogramas perdidos nombrados y corregidos;
— la animación no reemplaza una pista de texto: el estado también se etiqueta con una palabra, de lo contrario, el significado del movimiento se adivina;
— los efectos largos se interponen en una interfaz de trabajo, por lo que la duración se mantiene dentro de décimas de segundo;
— sin parpadeos y sin destellos de contraste fuerte.
