Saltar al contenido principal
LibreTexts Español

1.1: Introducción

  • Page ID
    154234
  • \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)

    \( \newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\)

    ( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\)

    \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)

    \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\)

    \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)

    \( \newcommand{\Span}{\mathrm{span}}\)

    \( \newcommand{\id}{\mathrm{id}}\)

    \( \newcommand{\Span}{\mathrm{span}}\)

    \( \newcommand{\kernel}{\mathrm{null}\,}\)

    \( \newcommand{\range}{\mathrm{range}\,}\)

    \( \newcommand{\RealPart}{\mathrm{Re}}\)

    \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)

    \( \newcommand{\Argument}{\mathrm{Arg}}\)

    \( \newcommand{\norm}[1]{\| #1 \|}\)

    \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)

    \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\AA}{\unicode[.8,0]{x212B}}\)

    \( \newcommand{\vectorA}[1]{\vec{#1}}      % arrow\)

    \( \newcommand{\vectorAt}[1]{\vec{\text{#1}}}      % arrow\)

    \( \newcommand{\vectorB}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vectorC}[1]{\textbf{#1}} \)

    \( \newcommand{\vectorD}[1]{\overrightarrow{#1}} \)

    \( \newcommand{\vectorDt}[1]{\overrightarrow{\text{#1}}} \)

    \( \newcommand{\vectE}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash{\mathbf {#1}}}} \)

    \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)

    \(\newcommand{\avec}{\mathbf a}\) \(\newcommand{\bvec}{\mathbf b}\) \(\newcommand{\cvec}{\mathbf c}\) \(\newcommand{\dvec}{\mathbf d}\) \(\newcommand{\dtil}{\widetilde{\mathbf d}}\) \(\newcommand{\evec}{\mathbf e}\) \(\newcommand{\fvec}{\mathbf f}\) \(\newcommand{\nvec}{\mathbf n}\) \(\newcommand{\pvec}{\mathbf p}\) \(\newcommand{\qvec}{\mathbf q}\) \(\newcommand{\svec}{\mathbf s}\) \(\newcommand{\tvec}{\mathbf t}\) \(\newcommand{\uvec}{\mathbf u}\) \(\newcommand{\vvec}{\mathbf v}\) \(\newcommand{\wvec}{\mathbf w}\) \(\newcommand{\xvec}{\mathbf x}\) \(\newcommand{\yvec}{\mathbf y}\) \(\newcommand{\zvec}{\mathbf z}\) \(\newcommand{\rvec}{\mathbf r}\) \(\newcommand{\mvec}{\mathbf m}\) \(\newcommand{\zerovec}{\mathbf 0}\) \(\newcommand{\onevec}{\mathbf 1}\) \(\newcommand{\real}{\mathbb R}\) \(\newcommand{\twovec}[2]{\left[\begin{array}{r}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\ctwovec}[2]{\left[\begin{array}{c}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\threevec}[3]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\cthreevec}[3]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\fourvec}[4]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\cfourvec}[4]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\fivevec}[5]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\cfivevec}[5]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\mattwo}[4]{\left[\begin{array}{rr}#1 \amp #2 \\ #3 \amp #4 \\ \end{array}\right]}\) \(\newcommand{\laspan}[1]{\text{Span}\{#1\}}\) \(\newcommand{\bcal}{\cal B}\) \(\newcommand{\ccal}{\cal C}\) \(\newcommand{\scal}{\cal S}\) \(\newcommand{\wcal}{\cal W}\) \(\newcommand{\ecal}{\cal E}\) \(\newcommand{\coords}[2]{\left\{#1\right\}_{#2}}\) \(\newcommand{\gray}[1]{\color{gray}{#1}}\) \(\newcommand{\lgray}[1]{\color{lightgray}{#1}}\) \(\newcommand{\rank}{\operatorname{rank}}\) \(\newcommand{\row}{\text{Row}}\) \(\newcommand{\col}{\text{Col}}\) \(\renewcommand{\row}{\text{Row}}\) \(\newcommand{\nul}{\text{Nul}}\) \(\newcommand{\var}{\text{Var}}\) \(\newcommand{\corr}{\text{corr}}\) \(\newcommand{\len}[1]{\left|#1\right|}\) \(\newcommand{\bbar}{\overline{\bvec}}\) \(\newcommand{\bhat}{\widehat{\bvec}}\) \(\newcommand{\bperp}{\bvec^\perp}\) \(\newcommand{\xhat}{\widehat{\xvec}}\) \(\newcommand{\vhat}{\widehat{\vvec}}\) \(\newcommand{\uhat}{\widehat{\uvec}}\) \(\newcommand{\what}{\widehat{\wvec}}\) \(\newcommand{\Sighat}{\widehat{\Sigma}}\) \(\newcommand{\lt}{<}\) \(\newcommand{\gt}{>}\) \(\newcommand{\amp}{&}\) \(\definecolor{fillinmathshade}{gray}{0.9}\)

    Objetivos de aprendizaje

    • Identificar los atributos únicos de los principales estilos de diseño gráfico moderno, comenzando por William Morris. Los estilos de diseño discutidos serán aquellos que tengan presencia o influencia en nuestra cultura visual actual:
      • Morris
      • Werkbund
      • Bauhaus
      • Dada
      • Estilo Tipográfico Internacional (ITS)
      • Moderna tardía
      • Post Moderno
    • Evaluar la influencia de estilos de diseño pasados entre sí
    • Explicar la influencia de la cultura en los principales estilos de diseño gráfico moderno
    • Identificar las influencias transculturales de la cultura visual que impactaron el estilo de diseño gráfico
    • Identificar las influencias tecnológicas que afectaron y el diseño gráfico avanzado

    Visión general de la revolución industrial

    El artesano

    Antes de la Revolución Industrial (1760-1840 en Gran Bretaña) la mayoría de los aspectos del diseño y todos los aspectos de la producción estaban comúnmente unidos en la persona del artesano. El sastre, albañil, zapatero, alfarero, cervecero y cualquier otro tipo de artesano integraron su estética de diseño personal en cada etapa del desarrollo del producto. En la impresión, esto significó que la impresora diseñó las fuentes, el tamaño de página y el diseño del libro u hoja ancha; la impresora eligió (incluso a veces hizo) el papel y ejecutó la prensa y la encuadernación. La unidad del diseño estaba implícita.

    La tipografía en esta época preindustrial se utilizó predominantemente para libros y hojas anchas. El sabor visual de las fuentes se basó en los estilos históricos de la tradición cultural occidental: las fuentes romanas, letras negras, cursiva y grotescas fueron los pilares de la industria. La tipografía era naturalmente a pequeña escala —necesaria solo para hojas y páginas— y solo era grande cuando se cincelaba en edificios y monumentos.

    Turno Tecnológico

    La Revolución Industrial cambió radicalmente la estructura de la sociedad, social y económicamente, al trasladar a grandes cantidades de la población de la vida de subsistencia basada en la agricultura a ciudades donde la manufactura anclaba y dominaba el empleo y la riqueza. La sociedad agraria estaba ligada a una aristocracia que supervisaba la tierra y controlaba y dirigía la producción a través del uso del trabajo humano. En contraste, la producción urbana, aunque todavía muy necesitada de trabajo humano (el trabajo femenino e infantil en particular tenía una gran demanda), estaba dominada por la producción mecanizada de bienes, dirigida y controlada por los industriales en lugar de la aristocracia. Las fábricas fueron alimentadas inicialmente por vapor, y eventualmente con gasolina y electricidad. Estos nuevos modelos de fabricación estuvieron dominados por una mentalidad de ingeniería que valoró la optimización de los procesos mecánicos para altos rendimientos e introdujo un enfoque compartimentado de la producción.

    Diseño y Producción Separados

    El proceso de diseño se separó del proceso basado en producción por varias razones. La primaria fue la mentalidad orientada a la eficiencia de los fabricantes que estaban enfocados en crear productos con bajos costos unitarios y resultados de alto rendimiento, en lugar de en una estética agradable o materiales de alta calidad. El proceso de diseño consume mucho tiempo y se consideró innecesario para cada etapa de producción de productos manufacturados.

    Los productos manufacturados estaban destinados a las clases obreras y medias, y la producción de alta calidad no era un objetivo. Estos productos nunca tuvieron la intención de competir por la atención de las clases altas, alejándolas de los servicios y productos a medida del artesano (un ejemplo contemporáneo es Tip Top Tailors que atrae a los clientes de Savile Row). Más bien, suministraban a la gente común bienes que no habían podido pagar antes. Esta eficiente línea de pensamiento creó la ecuación aún existente de diseño mínimo más baja integridad del material que equivale a productos de bajo costo.

    El diseño, más que formar parte de cada paso de la producción (implícito en el enfoque del artesano), se agregó para el desarrollo de la forma y cuando un producto necesitaba más atractivo para las masas, generalmente durante las etapas posteriores de la producción a través de adiciones decorativas. El diseño ahora estaba dirigido por los parámetros y limitaciones del proceso de fabricación y sus necesidades.

    Emerge Publicidad

    A pesar de los bajos estándares de productos, las altas cantidades y los bajos costos de los productos manufacturados “estimularon un mercado masivo y una demanda aún mayor” (Meggs & Purvis, 2011, p. 127). El papel histórico del diseño gráfico para broadsheets y libros se expandió en este punto para incluir la publicidad. Cada empresa y producto necesitaban exposición para vender estos productos manufacturados al mercado masivo; ningún método anterior de promoción podía comunicar a este número de personas.

    La estética del diseño de estos tiempos estaba relativamente intacta por la cohesión estilística o la filosofía del diseño. Los industriales utilizaron un pastiche de estilos históricos que aspiraban a hacer que sus productos se vieran más exclusivos, pero no llegaron tan lejos como para crear un nuevo lenguaje visual. Esta fue una estrategia que tuvo sentido y desde entonces se ha repetido (considere la estética temprana del diseño por computadora). Por lo general, cuando se desarrolla un nuevo medio o estrategia de comunicación (publicidad impresa y los carteles de la Revolución Industrial), utiliza estilos visuales y de lenguaje con los que la gente ya está familiarizada, e introduce una nueva forma de entregar el mensaje. Demasiado cambio se aleja, pero la novedad de la entrega funciona al agregar un giro en los hombros de una forma ya familiar.

    Fuente Explosion

    Además de su nuevo papel en la promoción de productos al mercado masivo, el diseño gráfico avanzó con una explosión de nuevos diseños de fuentes así como nuevos métodos de producción. El diseño de las fuentes se había vinculado anteriormente a los objetivos pragmáticos y culturales de producir libros y broadsheets. Con carteles de gran formato y numerosos otros componentes impresos, el texto necesitaba hacer mucho más que representar un símbolo fonético. Las innovaciones en la producción afectaron —quizás infectadas— a las impresoras con el espíritu pionero de la época, y todos los productos y su potencial fueron examinados y reevaluados. Esta actitud incluyó naturalmente la función y diseño de las fuentes y los métodos utilizados para reproducirlas. El texto era a menudo el único material utilizado para promover su tema y se convirtió en parte integral de una comunicación visual. Los impresores de Jobbing que usaban tipografía o litográfica empujaron los límites de ambas, compitiendo entre sí introduciendo innovaciones y, a su vez, empujando a los artistas y a las fundiciones tipográficas para crear más productos que pudieran usar. Se creó una categoría de fuente completamente nueva, slab serif —a veces llamada egipcia—. Miles de nuevas fuentes surgieron para satisfacer la demanda del mercado.

    Fotografía

    Además del desarrollo de fuentes, la Era Industrial también aportó la fotografía y en última instancia su uso en libros y publicidad. La fotografía (para el diseño de impresión) se utilizó originalmente como una herramienta de investigación en el desarrollo de grabados, pero esto era costoso y consumía mucho tiempo. Numerosos inventores buscaron formas de integrar la fotografía en el proceso de prensa desde los primeros años de su desarrollo en la década de 1830. El grabado fotográfico finalmente llegó en 1871 usando negativos y placas. A partir de ese momento, la fotografía se ha utilizado para apoyar conceptual y contextualmente la comunicación del diseño gráfico en sus múltiples formas.


    This page titled 1.1: Introducción is shared under a CC BY 4.0 license and was authored, remixed, and/or curated by Graphic Communications Open Textbook Collective (BCCampus) via source content that was edited to the style and standards of the LibreTexts platform.