Esta semana en Diseño 16 de mayo de 2014

Esta semana deberías intentar ser más inteligente. Esto es cierto cada semana, pero nuestro resumen hoy se centra en herramientas, ideas y elementos que lo harán trabajar y sentirse un poco más educados. De eso se trata la comunidad de diseño, ¿verdad?

Cada semana, planeamos echar un vistazo a los principales lanzamientos y actualizaciones de productos, herramientas y trucos e incluso algunas de las cosas más populares de las que habla en las redes sociales. Y nos encantaría escuchar lo que está pasando en tu mundo también. ¿Nos hemos perdido algo? Envíeme una línea en [correo electrónico protegido].

? Escribe en la pantalla? Publicado

Ellen Lupton es la reina de la tipografía. Su libro más reciente, 'Type on Screen,' fue lanzado esta semana y es tan bueno como puedas imaginar. (El libro sigue su manual de tipografía, "Pensando con el tipo", publicado originalmente en 2004.)

Ya he pasado horas mirando el libro, que usted quiere como una 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:? Abarcando 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, incluyendo cómo elegir los tipos de letra para la pantalla, ¿Cómo diseñar un estilo de navegación y texto hermoso y funcional, cómo aplicar los principios de animación al texto y cómo generar nuevas formas y experiencias con operaciones basadas en código?

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 con teoría y uso práctico 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 tipografía digital:

  • Fuentes en pantalla
  • Texto en pantalla
  • Publicación digital
  • Tipo e interfaz
  • Iconos y logotipos
  • Animación y codigo

Y Lupton es la autoridad cuando se trata de tipografía. Ella 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 traducido a 10 idiomas.

? Escribe en la pantalla? es la guía definitiva para cualquier diseñador moderno.

Construir un mejor sitio móvil

¿Qué es lo que hace que un sitio web para dispositivos móviles 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 directrices 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 de 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, entrada de formularios, y facilidad de uso y factor de forma, el estudio presenta el mejor estudio de caso y pseudo-checklist 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 para conocer la lógica detrás de cada principio y conclusiones clave).

  1. Mantener llamadas a la acción al frente y al centro.
  2. Mantenga los menús cortos y dulces.
  3. Que sea fácil volver a la página de inicio
  4. No dejes que las promociones roben el show.
  5. Hacer la búsqueda del sitio visible
  6. Asegurar que los resultados de búsqueda del sitio sean relevantes
  7. Implementar filtros para mejorar la usabilidad de búsqueda.
  8. Guía a los usuarios a mejores resultados de búsqueda
  9. Deje que los usuarios exploren antes de comprometerse
  10. Deje que los usuarios compren como invitado
  11. Usar la información existente para maximizar la conveniencia.
  12. Use los botones de clic para llamar para tareas complejas
  13. Facilita terminar de convertir en otro dispositivo.
  14. Agilizar la entrada de información
  15. Elija el método de entrada más simple para cada tarea
  16. Proporcionar un calendario visual para las fechas.
  17. Minimice los errores de forma con el etiquetado y la validación en tiempo real.
  18. Diseñar formas eficientes
  19. Optimizar todo el sitio para móviles
  20. No hagas que los usuarios pellizquen para ampliar
  21. Hacer las imágenes del producto ampliables.
  22. Indica a los usuarios qué orientación de pantalla funciona mejor
  23. Mantener a los usuarios en una sola ventana del navegador
  24. ¿Evitar? Sitio completo? etiquetado
  25. Sea claro por qué necesita la ubicación de un usuario

¿Qué sucede con las redes sociales cuando mueres?

¿Qué pasa con Facebook o Twitter o Google+ después de que te hayas ido? Muchos lugares están luchando para poner las leyes al día con la tecnología.

En los Estados Unidos, los estados individuales están considerando "leyes de activos digitales". que establece reglas básicas sobre cómo se manejarán dichas cuentas después de la muerte del propietario. ¿Estos? Activos digitales? Incluya cualquier cuenta en línea, correo electrónico, perfiles de redes sociales, blogs y mensajes y mensajes en línea.

¿El Washington Post? ¿El Intersect? La columna examinó recientemente las leyes que están en los libros y la legislación que está en curso. 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 a través de décadas de logos populares de software y pantallas de inicio puede ser muy divertido. The Next Web entrevistó recientemente 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 inicio desde la primera versión en blanco y negro en 1987 hasta la forma angular naranja asociada con la versión actual.

La entrevista es increíblemente interesada y nos da una idea de lo que piensan algunas de las grandes mentes en el campo. También proporciona contexto, ya 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 deseado un icono simple para mostrar que su empresa acepta un determinado método de pago? A veces, el uso de logotipos estándar para cada tipo de pago diferente puede volverse torpe y bastante colorido en la pantalla.

Entrar en el pago webfont por Orlando TM Merone. El simple webfont incluye 34 glifos para las opciones de pago más populares. Desde Visa y MasterCard hasta PayPal y Bitcoin, esta familia de tipos lo cubre con una simple biblioteca de formas de letras de iconos.

Echa un vistazo a la familia de fuentes o descárgala gratis en Github.