# data[].attributes.body
Esta es la primera version del diseño que se hara sobre el portafolio, especificamente la parte del indice donde des describira las partes que contendra el resto del propio portafolio grupal

# data[].attributes.body
Se presenta la segunda version del diseño para indice sobre el portafolio grupal, manteniendo un poco lo que son aspectos visual similares a la anterior version pero un poco menos saturado de elementos y mas liviano

# data[].attributes.body
Esta es la primera versión la corrección fue que se muestras de 3 a 4 sectores para una sola columna

# data[].attributes.body
De esta versión hice 2 más las distribuyendo un poco mejor las columnas para un mejor aspecto visual. En esta versión me enfoque más en cómo podría ya ir distribuido el contenido del portafolio.

# data[].attributes.body
Para contenido de portafolio

# data[].attributes.body
Estas versiones #2 me enfoque más en cómo podría visualizarse el contenido de nuestro porfolio.

# data[].attributes.attachment_caption
DISEÑO DE PORTAFOLIO 1_ APARTADO DE INDICE.

# data[].attributes.headline
DISEÑO DE PORTAFOLIO 1_ APARTADO DE INDICE.

# data[].attributes.subject
DISEÑO DE PORTAFOLIO 1_ APARTADO DE INDICE.

# data[].attributes.body
En este caso se presenta la primera versión acerca del diseño del portafolio, tomando en cuenta elementos gráficos que indiquen la temática y con una paleta de colores un poco suave respetando el espacio visual, tomando en cuenta que se trabajo el apartado del indice.

# data[].attributes.attachment_caption
DISEÑO DE PORTAFOLIO 1_ APARTADO DE INFORMACION.

# data[].attributes.headline
DISEÑO DE PORTAFOLIO 1_ APARTADO DE INFORMACION.

# data[].attributes.subject
DISEÑO DE PORTAFOLIO 1_ APARTADO DE INFORMACION.

# data[].attributes.body
Como segundo diseño siempre del primer avance se muestra un apartado de informacion complementando con cuadros de texto, tomando en cuenta el color principal seleccionado y siempre agregando de manera coherente algunos elementos que representen dicho tema principal de portafolio.

# data[].attributes.attachment_caption
DISEÑO DE PORTAFOLIO 2_ APARTADO DE OBJETIVO.

# data[].attributes.headline
DISEÑO DE PORTAFOLIO 2_ APARTADO DE OBJETIVO.

# data[].attributes.subject
DISEÑO DE PORTAFOLIO 2_ APARTADO DE OBJETIVO.

# data[].attributes.body
En este caso se presenta la segunda versión acerca de nuestro portafolio, para esta sección seria el objetivo del portafolio, se mejoro el diseño tomando en cuenta una misma linea grafica y manteniendo elementos que representen con la temática, modificando un poco la tonalidad de los colores para que no generen una saturación al momento de presentarse y respetando el orden.

# data[].attributes.headline
Diseño de portafolio, versión 2 (Humberto Portillo - Diseño 1)

# data[].attributes.subject
Diseño de portafolio, versión 2 (Humberto Portillo - Diseño 1)

# data[].attributes.body
Diseños enfocados a la distribución del contenido del portafolio con el tema establecido y respetando la paleta de colores para que tenga una apariencia amigable y adecuada para el lector.

Diseño 1

# data[].attributes.headline
Diseño de portafolio, versión 2 (Humberto Portillo - Diseño 2)

# data[].attributes.subject
Diseño de portafolio, versión 2 (Humberto Portillo - Diseño 2)

# data[].attributes.body
Diseño #2.

# data[].attributes.headline
Diseño de portafolio, versión 2 (Humberto Portillo - Diseño 3)

# data[].attributes.subject
Diseño de portafolio, versión 2 (Humberto Portillo - Diseño 3)

# data[].attributes.body
Diseño #3

# data[].attributes.headline
Los 3 diseños del portafolio con líneas guía.

# data[].attributes.subject
Los 3 diseños del portafolio con líneas guía.

# data[].attributes.body
Aquí adjunto el documento PDF con líneas guía, ya que el espacio asignado en el aula digital estaba cerrado para poder subirlo y aquí es mi única alternativa para presentar el documento.

# data[].attributes.attachment_link.title
Elementos graficos portafolio_Mesa de trabajo 1

# data[].attributes.headline
DISEÑO DE PORTAFOLIO 2- APARTADO DE OBJETIVO MODIFICADO.

# data[].attributes.subject
DISEÑO DE PORTAFOLIO 2- APARTADO DE OBJETIVO MODIFICADO.

# data[].attributes.body
Presento el apartado de objetivo del portafolio pero en este caso con la corrección del tamaño de los textos para que se puedan acoplar a la lectura.

# data[].attributes.headline
DISEÑO DE PORTAFOLIO 2- APARTADO DE CONCLUSION

# data[].attributes.subject
DISEÑO DE PORTAFOLIO 2- APARTADO DE CONCLUSION

# data[].attributes.body
Como nuevo apartado seria la conclusión del portafolio, tomando en cuenta detalles visuales y tipografías que tengan buena legibilidad al publico.

# data[].attributes.body
CAPTURA DE DISEÑO REALIZADO- CONCLUSION

# data[].attributes.body
CAPTURA DE DISEÑO REALIZADO EN PROGRAMA- OBJETIVO

# data[].attributes.headline
Diseño de portafolio, versión 2 (Diseño 3 modificado - apartado de distribución del contenido)

# data[].attributes.subject
Diseño de portafolio, versión 2 (Diseño 3 modificado - apartado de distribución del contenido)

# data[].attributes.body
Apartado de la distribución del contenido enfocado al tema seleccionado y acorde a lo que se quiere informar, ahora con letra legible para una mejor lectura y manteniendo el estilo gráfico seleccionado, así como la paleta de colores acorde a la temática del portafolio.

# data[].attributes.body
Captura del diseño #3 desde el programa InDesign

# data[].attributes.body
La única corrección que hubo, fue la letra que estaba muy delgada. Más que todo, cuidar el contraste.

# data[].attributes.headline
Un ejemplo de cómo sería el apartado en el portafolio. 

# data[].attributes.subject
Un ejemplo de cómo sería el apartado en el portafolio. 