lunes, 8 de noviembre de 2021

Marcas y Logos


 

 

 


El interface de comunicación máquina /operador ha sido una de las constantes e históricas preocupaciones de la casa Apple. Es una de sus señas de identidad desde su fundación, y han desarrollado y empleado diversas guías a lo largo de los años. Mira esta guía de Apple de 1992.

Y aquí las guías y recursos de macOS, iOS, watchOS y tvOS: Apple Design Resources

 

sábado, 9 de octubre de 2021

WOFF2: llegan las fuentes a la web

Este nuevo formato de compresión de fuentes (.woff) está en su segunda evolución con muy buena aceptación. Todos los navegadores actuales lo acepta por lo que el desempeño parece completo y se elimina esa restricción para el uso generalizado en webs de muchos sectores. Parece el nacimiento de un nuevo estándar, el Web Open Font Format

Técnicamente, las fuentes en formato .woff son compatibles con otros tipos de fuentes como .otf (Open Type) y .ttf (True Type) porque eso son siempre, el formato WOFF sólo ofrece una mayor compresión  de los archivos de las fuentes en bruto, lo que hace que el número de datos sea menor, lo que es siempre importante cuando las fuentes se utilizan en línea, y "enlaza" los archivos de fuentes OTF/TTF con metadatos de la fuente.
WOFF2 es el sucesor del formato de archivo WOFF y mejora la compresión un 20%

Web Open Font Format (WOFF)

 

El grupo impulsor de la idea, debemos reconocerlo, es la Mozilla Fundación y hacen un buen seguimiento del desarrollo.

pantallaz WOFF2 MoZILLA

Los jefes del cotarro de la estandarización de datos que corren por todo el internet mundo tienen información técnica: https://www.w3.org/TR/WOFF/ 

pantallaz WOFF W3C

 

Pues bienvenido sea el formato si es para mejorar el aspecto de la comunicación  web de otra manera sólo serán más datos viajando por la red y que trabajen los procesadores y llenen memoria en los cada vez mejores y más caros, aparatos. 

 

sábado, 27 de febrero de 2021

COLOR: unos enlaces: teoría, armonías, psicología, juegos.


 

El color es uno de los elementos más importantes del diseño de cualquier tipo tanto por su poder evocador como por su propia presencia que expande o parece comprimir los espacios y las formas.
 

Generadores de colores y armonías 

 

 

 https://paletton.com 

Completa herramienta para generar armonías y exportarlas en diversos formatos aprovechables.

 

 http://www.colorsontheweb.com/

Teoría y herramientas del color.

 

 Muy sencillo, pero debes llevar tu color elegido en hexadecimal, exporta en svg.

 


https://www.colourlovers.com

Generador de armonías muy completo.

 

 

 https://www.sessions.edu/color-calculator/

 Guía paso a paso para generar armonías de color

 

 

  https://color.adobe.com/

Adobe tiene también una herramienta en línea. Mejor si tienes cuenta con ellos.


http://colrd.com/palette/

Colores, paletas, degradados, patrones, para crear y escoger

 

Explorar colores con Google

 https://artsexperiments.withgoogle.com/

Un experimento de Google para generar esquemas de color desde fotos u obras de arte

 

Aprender colores para la web

https://www.w3schools.com/colors

Consultad la columna de la derecha para tener acceso directo a esquemas y armonías, teoría, del color, marcas, etc.


Psicología del color

https://www.nickkolenda.com/color-psychology/


Colores de marcas


 https://brandcolors.net/

Repositorio de los colores oficiales empleados por marcas a través del mundo.


Exigente juego de reconocimiento de colores:


http://kolor.moro.es/



 

miércoles, 17 de febrero de 2021

Juegos con Tipografía

El juego es una actividad que puede ayudar al aprendizaje y práctica de conceptos y contenidos colaterales, y son divertidos. Por eso me parecen un recurso interesante en la formación.
Para texto y tipografía, por ejemplo, me gustan estos.
 
 
 
Elimina las serifas, a tiros. Con dificultad creciente, y ¡cada vez vienen más!: 

 /i-shot-the-serif/


 

  

Este juego entrena tus conocimientos sobre el interletraje (kern) y el sentido de la estética. Debes ajustar los espacios perfectos entre las letras.

https://type.method.ac/



¿Diferencias claramente la original Helvética de su prima Arial? ¿Estás seguro?

 

helvarialquiz/



En este juego debemos reconocer tipografías por su nombre entre varias muestras. Aquí se parte de un cierto nivel de experiencia.


the-font-game












domingo, 31 de enero de 2021

Formato HEIF: nuevo estándar


 

Formato de imagen de alta eficiencia (HEIF) 

Es un estándar de imagen creado por el grupo MPEG; un contenedor más que un formato. Apple lo utiliza para envolver imágenes fijas comprimidas con el códec HEVC (también conocido como H.265). El contenedor es increíblemente flexible, y también puede almacenar múltiples imágenes, audio, información de profundidad, secuencias de imágenes, miniaturas y muchos otros, lo que lo hace perfecto para las imágenes en vivo de Apple y los sistemas de doble cámara.

La extensión de archivo del formato HEIF es la .heic. Mientras se va abriendo paso paulatinamente entre los usuarios y las herramientas de edición de imágenes, es posible la conversión entre archivos .HEIC y .JPG.

Apple ha integrado HEVC en sus sistemas, con codificación y decodificación acelerada por hardware en el más reciente tanto en iOS (con el chip A9 o mejor) como en macOS (procesador Intel Core de 6ª generación o mejor) y con fallbacks de software en hardware más antiguo.

JPEG tiene ya 25 años y se le están viendo las arrugas. La compresión se ha convertido en algo importante a medida que hemos llegado al vídeo 4K y HDR, y HEVC se ha desarrollado para comprimir esos enormes flujos de vídeo. Por suerte, HEVC también tiene un perfil de imagen fija. El formato no solo supera a JPEG, JPEG 2000, JPEG XR y WebP, sino que los supera con creces. La compresión es doble que la de JPEG con niveles de calidad similares. 

 

https://es.wikipedia.org/wiki/HEIF

https://iso.500px.com/heif-first-nail-jpegs-coffin/

 https://nokiatech.github.io/heif/examples.html

 

Para solucionar ciertos problemas del formato con Windows 11 y siguientes, este enlace puede ayudar:

 https://www.xatakawindows.com/windows/como-abrir-imagenes-heif-windows-distintas-alternativas-para-no-morir-intento

 

miércoles, 13 de enero de 2021

Juegos de Pluma y Vectores


Como reto, os invito a dos juegos de vectores en línea. Desde vuestro navegador podéis acceder a estos dos sitios, dos juegos que os desafían a mejorar vuestro control de los vectores. 
Funcionan exactamente igual que la pluma de Illustrator. 


 
Este os ayudará a pensar en los manejadores de la curva, su inclinación y longitud.




Este juego —os recomiendo el tutorial previo— os retará a dibujar y editar vectores sobre la marcha, a descubrir cuál es el mejor lugar para poner el punto, su tipo y la longitud y dirección de los manejadores.