Introducción al Diseño

1

Bienvenidos al Curso de Fundamentos de Diseño

2

¿Qué es el diseño?

3

El objetivo del diseño

Principios del Diseño

4

Comunicación efectiva en el diseño

5

¿Qué es el contraste?

6

¿Qué es el concepto?

7

Diseño universal

8

Qué es diseño atemporal

9

El boceto

10

¿Qué son los elementos visuales?

11

¿Qué es la alineación en diseño?

12

¿Qué es la síntesis gráfica?

Composición

13

La composición y su función

14

Unidad visual y principios de la Gestalt

15

Balance o equilibrio visual

16

Dirección Visual

17

Tipos del balance visual

18

Aplicación de elementos de composición

19

Movimiento

20

Estructuras naturales

21

Patrones de lectura

22

¿Qué es el ritmo?

23

Ejercicios de composición

Jerarquía

24

¿Qué es la Jerarquía?

25

Herramientas de jerarquización

26

Espacio en blanco en el diseño

Formatos

27

¿Qué es el formato?

28

Retículas y guías

Imagen Digital

29

Análogo vs. Digital

30

Pixel y resoluciones

31

Mapas de Bits y Vectores

Color

32

Qué es círculo cromático: usa la rueda de color

33

Sistemas de color

34

Tipos de paletas de colores: ¿qué son y cuál elegir?

35

Color en interfaces

36

Psicología del color

37

3 Errores comunes en el uso del color

Tipografía

38

Tipografía en el diseño

39

Selección tipográfica

40

Manejo y edición de textos

41

Cómo crear composición con texto

42

Identificar problemas en composición de texto

Proyectos de Fundamentos de Diseño

43

Proyecto: Portada de disco

44

Diseño de la portada de disco

45

Conclusiones del proyecto: Portada de disco

46

Proyecto: Poster de película

47

Diseño del poster de película

48

Conclusiones del proyecto: Poster de película

Rutas Profesionales en Diseño

49

Cómo ser un Diseñador de Producto

50

Cómo ser Diseñador de Marca

51

Afina tu composición visual

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Convierte tus certificados en títulos universitarios en USA

Antes: $249

Currency
$209

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscríbete

Termina en:

18 Días
7 Hrs
32 Min
38 Seg

Cómo crear composición con texto

41/52
Recursos

Diagramas para la composición de textos

  • Uso de la opción 3:

Contribución creada por: Giuseppe Ramírez y Rosa Palacios

Aportes 98

Preguntas 8

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Me agrada que sigas haciendo el boceto sobre papel y màs aún que lo sigas usando para explicar, porque en la actualidad muchas personas trabajan directamente en el programa :c, son pocas personas las que aún hacen antes una estructura para diagramar.

Yo rescatè esto de un artículo, igual si alguien lo quiere leer completo, dejo el enlace:
http://disenograficoiut.blogspot.com/2012/02/diagramacion.html

La mejor forma de aprender a diagramar, es observando y emulando otras empresas tales como revistas, diarios, plegables, etc.
Pero existen 7 reglas de oro que se deben tomar en cuenta al diseñar sus documentos.

  1. Tenga presente el número de columnas a usar para que planifique la cantidad de texto.

  2. Una vez ubicado los textos, no olvide dejar espacios para los elementos gráficos.

  3. No recargue la página con textos imágenes o blancos sea conciso para no distraer del tema central.

  4. Los espacios pequeños en blanco ayudan a descansar la vista.

  5. Cuando diagrama una doble página deje un espacio prudente en el centro de ambas para evitar que las imágenes y el texto queden atrapados en el engrape o peque del lomo.

  6. Se recomienda no utilizar más de 2 o 3 familias tipográficas por documento diagramado por títulos, subtítulos, y párrafos.

  7. Si trabaja en equipo con un ilustrador, indíquele siempre en sus ordenadores los espacios y detalles de la ilustración que necesita con tinta roja o marcador destacable.

8 TRUCOS DE COMPOSICIÓN

  1. La base: crea una retícula o ‘grid’
  2. Pensar y luego actuar: haz un boceto
  3. Punto de interés principal: crea un foco visual
  4. La importancia de la información: jerarquía
  5. Crea un sentido de la lectura
  6. Equilibrar la balanza: el peso de los elementos
  7. El aire también pesa: espacios en blanco
  8. Piensa en global: el conjunto de los elementos

Fuente: http://www.sleepydays.es/2016/04/como-componer-diseno-grafico.html

Les dejo un poster que hice y aplique lo que aprendi hasta el momento
Diagrama

Elegi el diagrama 3

Para mi esto lo debo tener en cuenta:

  • Crear bocetos
  • Plantear las ideas de lo que quiero plasmar
  • Margenes para una correcta lectura
  • La jerarquización de los textos
  • Y el peso visual que deseo obtener

Platzi, cada día te amo más❤️

Como consejo para crear composiciones, el desenfoque en el fondo de la imagen funciona muy bien.

Creanme es una excelente idea, cuando estaba en busca de mi primer trabajo diseñé mi CV en Illustrator (no soy diseñador, soy ingeniero Electrónico) el entrevistador me felicitó, es en donde trabajo actualmente!. 😄

Typographic composition

Si no tienen como usar Sketch (es decir si no usan Mac), la alternativa de Windows es Lunacy.

https://iconos8.es/lunacy

Estos espacios de ideación en bocetos nos hace entender mas como puede funcionar esa información de una forma más adecuada utilizando grillas, retículas, bocetos, jerarquías para nuestras composiciones y esto poder llevarlo a un programa para así ver el producto, post o gráfica concluido en su totalidad y siendo funcional.

Comparto unas pequeñas notas que hice de la clase para poder estudiar mas tarde, es una imagen, así es más fácil de transportar 💚

un recurso para aquellos que quieran empezar pero no quieran invertir en la Creative Cloud de Adobe todavía es canva
Ahi puedes generar diseños graficos gratis. Como es gratis obvio no tiene todo lo que trae InDesign o Illustrator o Sketch pero es un muy buen punto de partida.

Definitivamente de aquì me voy a hacer el curso de Marca personal y el de illustrator. XD

Ese es Fredy!!

Para ordenar, realizar pruebas y verificar mis fuentes instaladas en mi ordenador utilizo el programa: Fontbase

Se los recomiendo.

Recuerden primero jerarquizar los elementos, qué es lo más importante y lo menos importante.

Creo que en la actualidad la herramientas de diseño como canvas nos permiten realizar esa bocetación de manera ágil y clara, nos permite jugar y encontrar la mejor forma de comunicar a parir del a distribución, colores y formas para luego plasmarlo en un software de diseño con mas detalle, pero teniendo claro que se va hacer y donde va ir cada elemento que compone mi diseño.

la importancia de hacer bocetos, para que todo se vea bien visualmente

Tener una clara composición de nuestro texto desde el principio de nuestro diseño es sumamente importante, para realmente transmitir el mensaje que queramos sin perder el orden de cada elemento, ha medida que vayamos desarrollando nuestra idea, podremos ir modificando la composición del texto para transmitir de manera mejor nuestro concepto fundamental.

COMPOSICION DE TEXTO FACIL

La Composicion en un texto nos permite crear recursos visuales interesantes y faciles a la vista del espectador, haciendo un composicion simple pero eficaz lograremos que nuestro mensaje cale mejor en la mente de los posibles clientes, siendo recomendable hacer un boceto en fisico para tener una idea de como va a ser la interfaz diseñada para el texto y con ello, tener una idea de la pecepcion que dara

Que excelente curso!

Mi aporte de lo aprendido.

super la explicación para un mejor composición .

No había captado que el personaje era Freddy Vega 😅

La grilla o retícula no es restrictiva, solo orientativa.
Es una herramienta que nos ayuda a trabajar mejor y más rápido. Nos ayuda con la organizaciòn.
Ventajas:

  1. Crean claridad y coherencia
  2. Facilita el trabajo responsive
  3. Otorgan consistencia
  4. Permiten trabajar más rápido

Muchas veces cuando hacemos nuestra transformación digital de nuestro proceso creativo, perdemos la noción del dibujo a mano, esta actividad es vital para nuestra creatividad. Nunca abandone el papel y lapiza si tengas las mejores herramientas digitales.

Las guías en photoshop e illustrator van de la mano para crear composición en el texto

Buen ejemplo!!

me gusta de platzi q los videos no son tan largos, es muy light aprender y uno no se cansa y para cuando lo necesite

Es aplicar todo lo aprendido a un boceto (Que primero planeamos en papel)

Cosas como aplicar colores y tipografía para la jerarquía
Separación y tamaño en textos para transmitir el mensaje
Organizar la información en el formato escogido y usando el sistema de colores indicado (RGB si es digital y CMYK si será impreso)

Chuladiqui.

Me encanto excelente clase!

Lechikichikimikifliki.

La composición de un texto consta de una primera instancia mental donde debe clarificarse el pensamiento para poder llevar a cabo una buena redacción. Sin embargo, escribir con el orden en que llegan los pensamientos representa la fase inicial del texto que se va a desarrollar.

Gracias!

Sin duda alguna los bocetos es la mejor manera de saber lo que queremos.

hacer un boceto siempre sera la mejor manera de desarrollar nuestras ideas, y tener un orden, no importa si no sabemos dibujar, pero tendremos una idea de lo que queremos y no estaremos improvisando

bueno

Bueno yo nunca me tomaba el tiempo de hacer distribución; casi siempre cogía las cosas que quería y las tiraba a photoshop y ya veía que le ponía o que le quitaba!

Es importante seguir el boceto que hemos ideado antes de seguir con nuestra composición, porque improvisar el texto puede dañar lo construido antes.

El boceto que se idea antes de seguir con nuestra composición es la que debe cumplirse, porque improvisar el texto puede dañar lo construido antes.

Las proporciones y balances en la creaciòn del proyecto en Ilustrator es muy importante para el texto asi como las imagenes

Excelente como se dio la transformación del boceto a la creación
del producto con una buena composición del texto muy interesante clase 👌 .

Con el boceto puedo definir mejor la idea y organizar la información que quiero presentar utilizando un software.

Cuando diseñamos tenemos que tener claro dónde va a ir e texto.
Lo idea es plasmarlo previamente con bocetos. Porque si improvisamos todo,una vez en el software será fácil que se rompa aquello que hemos pensado. 😄

excelente proceso creativo. Vale toda la pena no saltarse este proceso. Son guías y son bases solidas para empezar cualquier tipo de diseño organizadamente.

MI APORTE

EL BOCETO PORTADA

PROYECTO FINAL

GRID

DISEÑO FINAL

te amo emiro, aprendo mucho con voz

Reticulado compositivo

Excelente clase

Muchas gracias por tus explicaciones Emiro, de verdad se sienten como si estuvise en una clase en persona.

La diagramación en físico es fundamental, nos da realmente una idea de como quedará el producto final y ayuda a realizar un interesante ejercicio creativo

el texto puede editarse, el texto puede manipularse. Ahora es momento de llevarlo a nuestro proceso de bocetos.

Por ejemplo un boceto que tiene texto, va a ir un título, una información específica, una ilustración.

Es recomendable que hagan varias pruebas de posición de texto, y, dependiendo de la información. Lo que interesa en este momento es que vean como funciona el trabajo de texto.

Si el formato no es el correcto se puede cambiar, pero siempre manteniendo las proporciones y las bases iniciales del boceto; de todo lo que se diagramó primero, ya que es la aproximación más real a este producto final.
Algo que se hace a una velocidad distinta, pero da una mejor idea de donde situar el texto y cómo mantener todas esas proporciones y ese balance

Vaya, si eso lo hace solo como ejemplo, y de manera pronta, ni me imagino que diseños podría llegar a crear el profe.

Crack!

Ahora ya sé como componer con texto!

Excelente ejemplo

buena clase!!

Nuestro boceto:
Definir el texto
Definir nuestros bloques y diagramación
Empezar a diseñar

Acción!

Cómo crear composición con texto
Al momento de diseñar tenemos que tener claro siempre donde va a ir el texto, podemos improvisar algo pero lo ideal seria pensarlo y cuidar este espacio. Es recomendable hacer varias pruebas de disposición (ubicación) de texto dependiendo de la información.

me gusta mucho tu método, boceto en papel creo que ayuda mas a tu creatividad, a veces tenemos tantas ideas que al momento de realizar se olvidan, me pasa siempre jaja. con ese método creo que tendré mas idea, es decir menos estrés jajaja. Sin olvidar el desarrollo creativo que estamos creando, simplemente genial.

Muy claro. Gracias

siempre tener en cuenta donde estara el texto desde el boceto

balance y puntos de atención en relación al texto.
legibilidad y forma del bloque de texto.

Con illustrator poco a poco uno se acostumbra a las opciones de texto

Que genial!!

Super tomaré el curso
Gracias

Una vez aplicado todo esto ya es mucho mas entendible. aunque nada esta escrito y depende mucho del contexto y del tipo de proyecto a realizar.

Es importante realizar bocetos a mano en primera instancia de aquellas piezas gráficas o landing pages (por poner ejemplos) para definir margenes, guías y ubicación de los elementos. Posteriormente se puede pasar a programas de diseño para llevar esos bocetos a digital y así maquetarlos

Hola compañeros quiza esto pueda ayudar, https://daniellesdooodles.wordpress.com/2012/10/15/magazine-project-week-6/
quedo atento

Vaya!!!

Buena explicación

Bien 😄

Me encanta!!!

Excelente explicación

Muy bueno

Materializar el diseño en software es la tarea más sencilla una vez que tengamos bien definido el boceto.

Muy bueno! Gracias.

muy útil!

Chevere la clase profe!!

Muy bueno. Gracias!

Gracias a la composición del texto, el proyecto que hagas se hará mas entendible para cualquiera que sea la persona que lo lea.

Entretenido, gracias

Siempre partir del boceto. Es el secreto para evitar re procesos en fases adelantadas.

Buena explicación

Excelente información !

Buena herramienta la de Illustrator.

Interesante !

el boceto es lo mas importante

Siempre debemos de tener claro dónde se ubicará el texto

gracias por el aporte

Gracias