Esta semana en diseño: 16 de mayo de 2014
Esta semana deberías intentar ser más inteligente. Esto es cierto todas las semanas, pero nuestro resumen de hoy se centra en herramientas, ideas y artículos que lo harán trabajar y sentirse un poco más educado. De eso se trata la comunidad de diseño, ¿verdad?
Cada semana, planeamos ver los principales lanzamientos y actualizaciones de productos, herramientas y trucos e incluso algunas de las cosas más populares de las que está hablando en las redes sociales. Y nos encantaría saber qué está pasando en su mundo también. ¿Nos hemos perdido algo? Envíeme una línea a [correo electrónico protegido].
"Tipo en pantalla" publicado
Ellen Lupton es la reina de la tipografía. Su último libro, "Type on Screen", fue lanzado esta semana y es tan bueno como te puedas imaginar. (El libro sigue su manual de tipografía, "Thinking with Type", publicado originalmente en 2004).
Ya he pasado horas mirando el libro, que quieres como copia en papel; es hermoso. La información se presenta de una manera fácil de seguir que funciona para principiantes o diseñadores experimentados e incluye muchas aplicaciones prácticas.
Del editor: "Cubriendo una amplia gama de tecnologías, desde publicaciones electrónicas y sitios web hasta videos y dispositivos móviles, este manual presenta la información más reciente disponible para ayudar a los diseñadores a tomar decisiones creativas críticas, incluida la forma de elegir los tipos de letra para la pantalla, cómo diseñar textos y navegación hermosos y funcionales, cómo aplicar principios de animación al texto y cómo generar nuevas formas y experiencias con operaciones basadas en códigos ".
Las aplicaciones prácticas son muchas. Los ejemplos y la lógica detrás del tipo diseñado para pantallas se basan en muchos de los principios básicos de la tipografía y se explican tanto con el uso práctico como con la teoría y se muestran en ejemplos y con código.
Las seis secciones del libro se dividen en categorías que cubren una amplia gama de usos de la tipografía digital:
- Fuentes en pantalla
- Texto en pantalla
- Publicación digital
- Tipo e interfaz
- Íconos y logotipos
- Animacion y codigo
Y Lupton es la autoridad cuando se trata de tipografía. Tiene 13 libros sobre tipografía y diseño gráfico en la colección Princeton Architectural Press y "Thinking with Type" ha vendido más de 150, 000 copias y ha sido traducida a 10 idiomas.
"Type on Screen" es la guía definitiva para cualquier diseñador de hoy en día.
Construya un mejor sitio móvil
¿Qué hace que un sitio web para dispositivos móviles sea excelente y altamente utilizable? Investigadores de Google y AnswerLab realizaron recientemente un extenso estudio para encontrar la respuesta.
El resultado es una lista de 25 pautas cumplidas en "Principios del diseño de sitios móviles: deleite a los usuarios y las conversiones de unidades". El objetivo general del documento técnico es ayudar a los creadores web móviles a establecer las mejores prácticas de diseño. Desglosado en cinco categorías: página de inicio y navegación del sitio, búsqueda del sitio, comercio y conversiones, ingreso de formularios y usabilidad y factor de forma, el estudio presenta el mejor estudio de caso y una pseudo-lista de verificación para diseñadores web.
Aquí están las 25 cosas que puede hacer para ayudar a diseñar una mejor web móvil. (Asegúrese de leer todo el documento técnico sobre la lógica detrás de cada principio y las conclusiones clave).
- Mantenga las llamadas a la acción al frente y al centro
- Mantenga los menús cortos y dulces.
- Facilite volver a la página de inicio
- No dejes que las promociones se roben el show
- Hacer visible la búsqueda del sitio
- Asegúrese de que los resultados de búsqueda del sitio sean relevantes
- Implemente filtros para mejorar la usabilidad de búsqueda
- Guía a los usuarios para obtener mejores resultados de búsqueda
- Permita que los usuarios exploren antes de comprometerse
- Permitir a los usuarios comprar como invitado
- Use la información existente para maximizar la conveniencia
- Use botones de clic para llamar para tareas complejas
- Facilite terminar la conversión en otro dispositivo
- Agilizar la entrada de información
- Elija el método de entrada más simple para cada tarea
- Proporcione un calendario visual para las fechas.
- Minimice los errores de formulario con etiquetado y validación en tiempo real
- Diseñar formas eficientes
- Optimizar todo el sitio para dispositivos móviles
- No haga que los usuarios pellizquen para hacer zoom
- Haga que las imágenes de los productos sean ampliables
- Indique a los usuarios qué orientación de pantalla funciona mejor
- Mantenga a los usuarios en una sola ventana del navegador
- Evite el etiquetado de "sitio completo"
- Sea claro por qué necesita la ubicación de un usuario
¿Qué sucede con las redes sociales cuando mueres?
¿Qué pasa con Facebook, Twitter o Google+ después de que te hayas ido? Muchos lugares están luchando para actualizar las leyes con la tecnología.
En los Estados Unidos, los estados individuales están considerando "leyes de activos digitales", que establecen reglas básicas sobre cómo se manejarán dichas cuentas después de la muerte del propietario. Estos "activos digitales" incluyen cualquier cuenta en línea, correo electrónico, perfiles de redes sociales, blogs y mensajes de texto y mensajes en línea.
La columna "The Intersect" del Washington Post recientemente examinó las leyes que están en los libros y la legislación que está en progreso. Pero todo plantea una pregunta más importante: ¿debería tener un plan para sus cuentas? ¿O incluso te importa?
Adobe Illustrator a través de los años
Al igual que mirar fotos antiguas, mirar décadas de logotipos de software populares y pantallas de presentación puede ser muy divertido. The Next Web recientemente entrevistó al director creativo senior de Adobe, Russell Brown, para echar un vistazo a la historia del famoso software de diseño gráfico.
Brown explica por qué Illustrator es tan importante, es el formato vectorial, y cómo el software ha cambiado con el tiempo. Además, el artículo muestra años de pantallas de presentación, desde la primera versión en blanco y negro en 1987 hasta la forma angular naranja asociada con la versión actual.
La entrevista está increíblemente interesada y nos da una idea de lo que piensan algunas de las grandes mentes en el campo. También proporciona un contexto en el que el diseño gráfico y el diseño por computadora han llegado en un tiempo relativamente corto.
Solo por diversión
¿Alguna vez ha querido un ícono simple para mostrar que su empresa acepta un determinado método de pago? A veces, usar logotipos estándar para cada tipo de pago diferente puede volverse torpe, y bastante colorido, en la pantalla.
Ingrese la fuente web de pago de Orlando TM Merone. La fuente web simple incluye 34 glifos para las opciones de pago más populares. Desde Visa y MasterCard hasta PayPal y Bitcoin, este tipo de familia lo tiene cubierto con una simple biblioteca de formas de letras de iconos.
Echa un vistazo a la familia de fuentes o descárgala gratis en Github.
