Este documento analiza consejos y pautas a seguir al personalizar la interfaz de usuario de Canvas para una institución a través del Editor de temas.
Este documento está dirigido a administradores que necesitan personalizar su interfaz de usuario de Canvas mediante el Editor de Temas y explica las distintas opciones para subir archivos con el logotipo de una institución. Estas directrices mostrarán el tamaño óptimo de cada imagen en el Editor de Temas, junto con información útil para su creación, para que su instalación de Canvas luzca espectacular en un abrir y cerrar de ojos.
Si su institución tiene la suerte de contar con un equipo de marketing o branding con un diseñador gráfico o web en plantilla, le recomendamos encarecidamente que colabore con esa persona para la creación de la marca en Canvas. Obtendrá excelentes resultados y tendrá que trabajar menos. ¡Genial! Un profesional del diseño también se asegurará de que no infrinja ninguna norma de marca.
Los archivos de plantilla proporcionados en este documento se crearon en PhotoshopSi no tiene acceso a Photoshop, puede utilizar cualquier programa de software de imágenes para crear sus propios archivos según los tamaños de imagen ideales incluidos en cada paso.
Gráficos vectoriales vs. gráficos de mapa de bits
Antes de poder subir el logotipo de su institución, deberá obtener una copia de alta resolución para usarla en el Editor de temas. Idealmente, debería usar unavectorimagen del logotipo en lugar de unamapa de bitsimagen del logotipo.
- VectorLas imágenes suelen terminar en.ai,.eps, o .svgAl basarse en trazados, no en píxeles, las imágenes vectoriales se redimensionan con nitidez a cualquier tamaño. Se pueden arrastrar o pegar en programas de edición de imágenes como Illustrator, Photoshop y Sketch. Posteriormente, se pueden redimensionar sin perder nitidez. Para mantener la relación de aspecto, abra la imagen en un programa adecuado y mantenga presionada la tecla Mayús. Para usarla en el Editor de temas, los archivos vectoriales deben guardarse en el....svgformato.
- Mapa de bitsLas imágenes suelen terminar en.jpg,.png, o .gifEstán compuestas por un número determinado de píxeles. Si se redimensionan (sobre todo al ampliarlas), suelen verse borrosas.
Si no puede obtener una versión vectorial del logotipo de su institución, intente obtener la versión de mapa de bits más grande posible; cualquier versión con más de 1000 píxeles de ancho debería funcionar perfectamente. El tipo de archivo de mapa de bits más óptimo es un archivo PNG (.png), ya que están diseñados para la web y conservan la mejor calidad. Además, se redimensionan fácilmente y admiten fondos transparentes.
Subidas de imágenes
Una vez que haya obtenido su imagen, puede cargar su archivo en varias áreas en el Editor de temas.
Logotipo de navegación
Filigrana
| Imagen de fondo clara que aparece detrás del contenido de la página; el tamaño de visualización es subjetivo y se basa en el tamaño del archivo cargado Tamaño recomendado:400 x 400 píxeles Tipo de exportación de archivos recomendado:PNG Consejos útiles:
- Al igual que una marca de agua en el papel de escribir, nuestra imagen de marca de agua está destinada a ser unasutilelemento de marca (recomendamos que su imagen no contraste demasiado con el fondo blanco de Canvas) que a menudo está cubierto por otros elementos de Canvas.
- La marca de agua es completamente opcional. No te sientas obligado a usarla si no tienes acceso a una imagen adecuada.
Descargar archivo de muestra de marca de agua Descargar plantilla de marca de agua para Photoshop |
|---|
Favicon
Icono de la pantalla de inicio móvil
Mosaico cuadrado de Windows
| Imagen de la versión cuadrada del mosaico de Windows Tamaño requerido:558 x 558 píxeles Tipo de exportación de archivos recomendado:PNG Consejos útiles: - Para que se adapte plenamente al aspecto y estilo de Windows 8, cree su imagen totalmente en blanco y elija un color de fondo vibrante según las pautas de su marca.
- Windows requiere dimensiones exactas para una imagen utilizada como mosaico de Windows. La imagen que cargue para un mosaico de Windows debe cumplir con las dimensiones exactas especificadas.
Descargar archivo de muestra de Windows Tile Square Descargar la plantilla de Photoshop "Windows Tile Square" |
|---|
Ventanas en mosaico ancho
| Imagen para la versión ancha del mosaico de Windows Tamaño requerido:558 x 270 píxeles Tipo de exportación de archivos recomendado:PNG Consejos útiles: - Para que se adapte plenamente al aspecto y estilo de Windows 8, cree su imagen totalmente en blanco y elija un color de fondo vibrante según las pautas de su marca.
- Windows requiere dimensiones exactas para una imagen utilizada como mosaico de Windows. La imagen que cargue para un mosaico de Windows debe cumplir con las dimensiones exactas especificadas.
Descargar archivo de muestra de Windows Tile Wide Descargar plantilla de Photoshop Windows Tile Wide |
|---|
Logotipo de la barra lateral derecha
Imagen de fondo
| Imagen para el fondo de inicio de sesión Tamaño recomendado:2800 x 2000 píxeles Tipo de exportación de archivos recomendado:JPG (trabajos con una calidad del 30 al 40 %) Consejos útiles:
- La imagen de fondo de pantalla completa es totalmente opcional. Quizás prefieras un color de fondo sencillo, sin imagen (y sin duda tardará menos en cargar).
- Si su imagen es más pequeña que el tamaño recomendado, Canvas la ampliará; solo podría verse ligeramente pixelada.
Descargar archivo de muestra de imagen de fondo Descargar plantilla de imagen de fondo para Photoshop |
|---|
Logotipo de inicio de sesión
También se puede acceder a este recurso desde las siguientes Guías de Canvas:
