Return to Video

Lecture 8.1: Grids and Alignment (17:33)

  • 0:02 - 0:04
    En este video vamos a hablar sobre diseñar con rejillas
  • 0:04 - 0:10
    y el uso de la agrupación y la aleneación para transmitir estructura.
  • 0:10 - 0:15
    Este es un ejemplo de una rejilla: Esto viene de las Directrices de diseño de Java
  • 0:15 - 0:19
    y es comentado por Sun y es un recurso web.
  • 0:19 - 0:22
    Este es una caja de diálogo para Buscar, y lo que puedes ver es que
  • 0:22 - 0:28
    todos los elementos en la caja de diálogo han sido arreglados usando una rejilla.
  • 0:28 - 0:31
    Y a lo que nos referimos con rejilla es que hay un conjunto de líneas invisibles
  • 0:31 - 0:34
    a la que todos los elementos de la pantalla se ajustan.
  • 0:34 - 0:38
    Entonces pueden ver que la parte superior es la caja de dialogo es Buscar (Find) y área de búsqueda,
  • 0:38 - 0:41
    y que debajo están todos los parámetros,
  • 0:41 - 0:46
    y que debajo aún están los botones de Buscar (Find) y Cerrar (Close)
  • 0:46 - 0:50
    Notarás que el borde izquierdo de los parámetros se alinea con el borde izquierdo de la caja de búsqueda,
  • 0:50 - 0:54
    y que el borde derecho de los botones se alinean con el borde derecho de la caja de búsqueda.
  • 0:54 - 0:58
    También notarás que Buscar (Find), que es el título de la caja de búsqueda,
  • 0:58 - 1:03
    está colgado a la izquierda, para que sea fácil de identificar el título.
  • 1:03 - 1:06
    Puedes ver que la información más importante está cerca de la parte superior,
  • 1:06 - 1:09
    y como cosas que están conceptualmente más relacionadas --
  • 1:09 - 1:15
    como los parámetros que parametrizan el sistema de búsqueda -- están más cerca uno de otro que los botones --
  • 1:15 - 1:23
    parte de la misma caja de diálogo pero un bastante aparte -- y así consiguen más espacio.
  • 1:23 - 1:26
    Fue en Bauhause en Alemania en los 20
  • 1:26 - 1:34
    en el que las estrategias de diseño con rejilla realmente se tuvieron en cuenta.
  • 1:34 - 1:37
    Bahaus, en ese tiempo, fue una escuela de diseño revolucionaria,
  • 1:37 - 1:42
    y su diseñador gráfico, Jan Tschichold, escribió este libro, titulado "The New Typography" (La nueva Tipografía)
  • 1:42 - 1:46
    para mostrar su visión del diseño gráfico moderno.
  • 1:46 - 1:51
    Expone la tipografía asimétrica, sans serif (sin servicio), tipos de letra
  • 1:51 - 1:55
    y otras muchas cosas que hemos llegado a pensar en la modernidad.
  • 1:55 - 1:58
    Una cosa notable sobre el libro de Tschichold de tipografía
  • 1:58 - 2:00
    es que se lee como un manifesto político:
Title:
Lecture 8.1: Grids and Alignment (17:33)
Video Language:
English
stanford-bot edited Spanish subtitles for Lecture 8.1: Grids and Alignment (17:33)
MONICA GUERRERO added a translation

Spanish subtitles

Incomplete

Revisions