¡ATENCIÓN!

NIVEL I
Lo que sigue es la transcripción a papel de
las definiciones y la epigrafía de las diapositivas pertenecientes CLASE
a la clase teórica en cuestión.
· No contiene las explicaciones del docente durante la teórica. ARCHIVOS Y
· No contiene las imágenes y esquemas pertinentes a la misma.
· De ninguna manera sustituye el contenido global de la clase. SOPORTES
· No funciona bajo ningún concepto como apunte ni resumen
de estudio.
DIGITALES
Su utilidad se limita a reducir el esfuerzo de la anotación
en clase permitiendo al alumno concentrar la atención en
el discurso del docente.

ARCHIVOS Y SOPORTES DIGITALES

PRODUCTO IMPRESO
Réplica
Hay un objeto tangible
Físico e inamovible
Estático
Múltiples Piezas

PRODUCTO DIGITAL
Reproducción
Hay un Acceso
Virtual y temporario
Dinámico
Pieza única

INDUSTRIA GRÁFICA
DISEÑO ARCHIVOS ENTREGABLES
Reprografía → PRE → IMPRESIÓN → POST
PostScript - PDF + JPG, TIFF, EPS, TTF, OTF
PRODUCTO IMPRESO

DISEÑO ARCHIVOS ENTREGABLES

Modo de imagen
Modo de color
Resolución
Soporte final
Sistema de impresión

→ Modo de imagen
Pixelar, Vectorial, Tipografía
→ Modo de color
CMYK, Escala grises, Duotono, mapa de bits
→ Resolución
Considerar tamaños de impresión
→ Soporte final
...
→ Sistema de impresión
...

PROGRAMAS
SOFTWARE PARA IMPRESIÓN

→ INDESIGN (INDD)
Maquetación
Diseño Editorial
→ PHOTOSHOP (PSD)
Edición de imágenes rasterizadas
Pixelares / Mapa de bits
→ ILLUSTRATOR (AI)
Edición de imágenes basadas en objetos
Vectorial / Curvas bezier 1 de 3
INDUSTRIA DEL DESARROLLO NIVEL I

DISEÑO ARCHIVOS ENTREGABLES CLASE

Proceso de Producción
Industria del Desarrollo ARCHIVOS Y
HTML, CSS, JS, Java, Swift, Obj C, PHP, .net, SQL, C#, C++, Ruby
PRODUCTO DIGITAL SOPORTES
DISEÑO ARCHIVOS ENTREGABLES
DIGITALES
Modo de imagen
Modo de color
Resolución
Soporte final
Sistema de reproducción

→ Modo de imagen
Pixelar, Vectorial, Tipografía
→ Modo de color
RGB, Escala grises, Indexado
→ Resolución
...
→ Soporte final
...
→ Sistema de impresión
...

SOPORTES DIGITALES
CLASIFICACIÓN NO ESTANDAR: Ancho de pantalla
→ Teléfono ~320 px
→ Tableta ~760 px
→ PC ~1000 px
→ TV › 1800 px

RESOLUCIÓN DE PANTALLA
La resolución de pantalla es el número de píxeles que puede ser
mostrado en la pantalla.

DENSIDAD DE PANTALLA
Cantidad de píxeles por unidad de longitud en una pantalla
(Pulgadas, Inch)
→ 72PPI, 144PPI

Mayor densidad de pantalla > Mejor definición de imagen

Diferentes densidades > Diferentes tamaños de imagen

→ 72PPI - 400X250
→ 144PPI - 800X500
→ 216PPI - 1200X750

PROGRAMAS
USADOS PARA DIGITAL

→ INDESIGN (INDD)
Maquetación
Diseño Editorial

→ PHOTOSHOP (PSD)
Edición de imágenes rasterizadas
Pixelares / Mapa de bits

→ ILLUSTRATOR (AI)
Edición de imágenes basadas en objetos
Vectorial / Curvas bezier

2 de 34
OPTIMIZADOS PARA PROTOTIPADO DIGITAL NIVEL I

→ SKETCH CLASE
→ XD
→ FIGMA ARCHIVOS Y
→ GRAVIT
Colaborativos, web Incorporan prototipado SOPORTES
→ INVISION
DIGITALES
OPTIMIZACIONES PARA DIGITAL

- Vista previa optimizada para pantalla

- Contemplan el aspecto variable del soporte
- Incluyen simulaciones de interacción

ENTREGABLES
CONTENIDOS
→ Textos, titulares, imágenes, etc.
→ Etiquetas de botones y elementos de interfaz (UI)

PRESENTACIÓN
→ Definición de la interfaz gráfica (UI):
→ Composición y elementos gráficos
→ Versiones para cada dispositivo

COMPORTAMIENTO
> Flujo de navegación
> Interacción de los distintos elementos
Simulaciones de interacción

ESTRATEGIAS DE ENTREGA

PAQUETE DE ARCHIVOS
→ Textos
→ Recursos de imagen Tipografías, etc...
→ Vista previa del diseño visual

INSPECTORES
→ Herramientas web que permiten subir los diseños y
especificaciones a la nube.

DESEÑADOR
→ Diseños
PLATAFORMA
→ Estilos, Contenidos, Recursos
DESARROLLADOR

3 de 3