D i s e ñ o p a r a E A P

P r o y e c t o p a r a o p t a r a l t í t u l o d e D i s e ñ a d o r G r á f i c o P u b l i c i t a r i o

Universidad de AntofagastaFacultad de Educación y Ciencias HumanasCarrera Diseño Gráfico Publicitario

Alumno:Héctor Horacio Soto Candia

Profesora Guía:María Consuelo González R.

D i s e ñ o p a r a E A P .

Proyecto para optar al título de Diseñador Gráfico Publicitario.

4

ÍNDICEÍNDICE.................................................4

INTRODUCCIÓN..................................5

Uno: METODOLOGÍAPlanteamiento del Problema................7Problema.............................................8Objetivos.............................................9Objetivo general .................................9Objetivos específicos...........................9

Limitantes...........................................10Supuestos...........................................10

Dos: ANTECEDENTES DEL CLIENTEAntecedentes del cliente...................12UCN...................................................13

Reseña.....................................13 Historia....................................13 Logros......................................13 Desafíos...................................14 Principio ..................................14

Escuela de Inglés...............................15 Creación de la carrera de inglés.....15

EAP.....................................................16

Tres: ANTECEDENTES ESPECÍFICOSAntecedentes específicos...................18Principios gráficos..............................19

Color........................................19 Composición..............................20 Tipografía..................................21 Partes de una tipografía................22

Medios de comunicación....................23 Medios de Comunicación Masiva.....24

M.C.M. aplicados al proyecto..............27Internet...............................................28

Internet, breve historia..................29 Internet y la Comunicación.............31 Internet y el diseño......................31

El afiche..............................................34 El arte y el diseño .......................35 gráfico en el afiche.......................35 Requerimientos funcionales............35

El tríptico............................................36 Confección.................................37 Curiosidad.................................37

Antecedentes para la gráfica..............38 Instituto Norteamericano...............39 Wall Street Institute......................40 Inglés Para Chile..........................41 Tronwell.........................................42

Antecedentes gráficos del programa...43 Tríptico EAP................................44

Cuatro: PROCESO GRÁFICOConceptualización Gráfica...................46

Percepción del cliente..................46 Magnitud..................................46 Plugins.....................................46

Bocetaje logotipo................................47 Selección y avances.....................48

Logotipo para cliente..........................49 Variables logotipo........................50 Variables logotipo........................51

Logotipo final......................................52Tipografía............................................53

Afiche.................................................54 Propuestas anteriores...................54 Afiche final.................................55

Tríptico...............................................56Página Web.........................................57

Cinco: CONCLUSIÓNConclusión..........................................61Agradecimientos.................................62Bibliografía..........................................63

5

Introducción

En el mundo globalizado actual se crea una necesidad de comunicarse en un mismo idioma. Este idioma es el Inglés y para aquellos países que no tienen este lengua en forma nativa, se crea una necesidad en su mercado. Chile tiene esa necesidad y para poder suplirla hay una amplia variedad de instituciones.

Al haber muchas entidades se crea una competencia comercial para obtener clientes. Para captarlos es necesario una forma de atraerlos y es aquí donde intervienen publicistas, expertos en marketing y diseñadores.

English Academic Purposes (EAP) es una organización con el objetivo de enseñar el idioma Inglés a personas con una necesidad de aprender este idioma para propósitos académicos. Sin una buena manera de publicitarse se crea la necesidad de crear piezas gráficas de alto nivel profesional.

Este informe detalla el proceso del desarrollo gráfico, el planteamiento del problema, los conceptos aplicados y las aplicaciones gráficas finales que hicieron posible concretar los objetivos, también mencionados en este informe.

Uno

Metodología

7

Metodología

PLANTEAMIENTO DEL PROBLEMA

Cuando una organización se inicia en el mercado, se asume que ésta tiene en vista captar la atención de sus posibles clientes. Dicho planteamiento se logra a través de una imagen que represente sus cualidades más relevantes y un buen set de piezas publicitarias orientadas a llamar la atención, despertar el interés y persuadir a su target objetivo hacia los propósitos comerciales, educativos y/o persuasivos de la empresa cliente o institución.

EAP (Programa de Inglés con Propósitos Académicos) es una organización interna de la Universidad Católica el Norte (UCN) que realiza cursos de inglés enfocados a estudiantes de últimos niveles, académicos de estudios superiores y profesionales que necesiten especializarse en dicho lenguaje.

Este programa inicia sus actividades en Noviembre del 2009 con escaso material publicitario y ausencia de una identidad visual que lo proyecte al medio. Hasta entonces el único material gráfico que se tenía era un tríptico básico de información -incorporado en los antecedentes gráficos del programa- que no respondía en imagen, diseño y diagramación, al nivel institucional.

Considerando lo expuesto en los párrafos anteriores, el gran propósito de este proyecto es plasmar conceptos e ideas que permitan otorgar una identidad al Programa de Inglés con Propósitos Académicos (EAP), y a su vez, diseñar y diagramar piezas gráficas publicitarias de nivel profesional pertinentes al programa e institución.

8

PROBLEMA

El programa EAP requiere, para la promoción de sus cursos, contar con un set de piezas gráficas que los publiciten en el entorno académico estudiantil y profesionales externos.

9

OBJETIVOS

Objetivo general

Diseñar Piezas gráficas publicitarias de alto impacto visual y de contenido para el programa EAP de la Universidad Católica del Norte.

Objetivos específicos

• Otorgar una identidad visual con un estilo gráfico definido para el programa EAP.

• Creación de logotipo institucional y su aplicación a las papelerías publicitarias

(afiches y trípticos informativos) y piezas gráficas digitales.

• Diseñar y producir las piezas gráficas digitales para el programa (Página Web, Intro

y Banner)

• En la programación web, lograr la lectura correcta en la mayor cantidad de

navegadores Web posibles.

10

LIMITANTES

SUPUESTOS

• El cliente, solicita un diseño que proyecte eficiencia

y profesionalismo. Se considerarán estos conceptos

para otorgar identidad al proyecto.

• No se cuenta con un referente visual.

• Los contenidos de las piezas gráficas será entregados

en su totalidad por el cliente.

• Los visitantes que ingresen a la página Web, poseen

los conocimientos básicos de navegabilidad e

interfaz de usuarios.

• La publicación y distribución de las piezas gráficas

será responsabilidad del cliente.

Dos

Antecedentes del cliente

12

ClienteANTECEDENTES DEL CLIENTE

Teniendo en cuenta que nuestro cliente directo es EAP y que éste es parte de una organización mayor, como lo es la Universidad Católica del Norte, abordaremos la historia y antecedentes de tres organizaciones:

• Universidad Católica del Norte

• Escuela de Inglés de la Universidad Católica del Norte

• EAP (Programa de Inglés Académico de la Universidad

Católica del Norte)

13

Con una matrícula de 100 estudiantes y 20 profesores, inició sus clases el 25 de marzo de 1957, al alero de la Universidad Católica de Valparaíso. Así se mantuvo hasta 1964, año en que fue reconocida por el Ministerio de Educación, logrando su plena autonomía y convirtiéndose en la tercera universidad católica del país y la octava tradicional de vocación pública.

Desde sus inicios, ha liderado iniciativas de desarrollo, incrementando y diversificando su

quehacer, a través de la formación de profesionales y científicos,

desenvolviéndose con éxito en los ámbitos de investigación,

en su misión de agente cultural y en su rol

de formadora de recursos humanos, siempre atenta a las demandas de carácter académico requeridos por su entorno social.

Es así como actualmente, cuenta con una matrícula de más de 10 mil estudiantes y en los últimos años

ha hecho esfuerzos importantes por

materializar una variada oferta de

Programas de Postgrado, Magíster y Doctorados,

en las diversas áreas del conocimiento.

UCN

La Universidad Católica del Norte es una institución privada de derecho público perteneciente a la Iglesia Católica y miembro del Consejo de Rectores de las Universidades Chilenas, siendo una de las seis universidades católicas tradicionales de Chile. Su Casa Central está ubicada en la ciudad de Antofagasta y el Campus Guayacán en la ciudad de Coquimbo, además cuenta con variadas instalaciones a lo largo del norte chileno.

Nace con el nombre “Universidad del Norte“ en 1956 gracias a los sacerdotes de la Compañía de Jesús, quienes concretaron su anhelo para los jóvenes nortinos: una Universidad al servicio de la cultura, las ciencias y el desarrollo, pero con una adhesión plena a la fe cristiana.

Este proyecto tuvo eco y se pudo concretar, gracias al aporte de la señora Berta González de Astorga, quien donó los terrenos en que se erigió la entonces Universidad del Norte.

Reseña

Historia

Logros

14

Más del 70% de su planta académica cuenta con estudios de postgrado, y ha logrado una productividad científica importante con numerosos artículos publicados en Revistas Indexadas y la obtención de patentes y licencias internacionales.

También ha destacado su ubicación de privilegio en el concierto nacional en cuanto a la adjudicación de proyectos del Fondo Nacional de Desarrollo Científico y Tecnológico (Fondecyt) y del Fondo de Fomento al Desarrollo Científico y Tecnológico (Fondef).

Todos estos logros, sitúan a la UCN dentro de las Instituciones de Educación Superior de avanzada del país, transformándola en

contemplados en su Plan de Desarrollo Corporativo 2010 - 2014, que se alinean y sustentan en la visión que la UCN se ha propuesto y que es “ser reconocida como una universidad católica, de vanguardia y con vocación social”.

Fortalecer su posición entre las universidades del Sistema Nacional de Educación Superior, a fin de constituirse en un agente de desarrollo regional, nacional e internacional, formar profesionales para la ciudadanía que participen activamente en la sociedad, armonizando currículos transversales que asimilen una concepción integral del país y formar personas íntegras, innovadoras

un referente científico y tecnológico del Norte para Chile.

Conciente de las exigencias de un mundo globalizado, la UCN orienta su quehacer en desarrollar y posicionar un Proyecto Educativo Distintivo que permita a sus estudiantes generar competencias, habilidades y destrezas, apoyadas en plataformas tecnológicas que le faciliten la integración laboral, promoviendo un perfil característico del educando de la UCN, capaz de integrar equipos de trabajo tanto a nivel nacional como internacional.

Los objetivos estratégicos que guían a la Universidad Católica del Norte, están

y emprendedoras, comprometidas desde su vocación social, la cual se traduce en conductas solidarias y de servicios con su entorno, son algunas de sus visiones como institución.

La Universidad Católica del Norte es una comunidad universitaria orgánica, fundada, inspirada y regida en sus supremas instancias por la Iglesia Católica, nacida en el Norte de Chile, sostenida en gran parte por la sociedad chilena, al servicio del desarrollo del hombre y todos los hombres de nuestro pueblo.1

1 http://www.ucn.cl/

Desafíos

Principio

15

ESCUELA DE INGLÉS

La Escuela de Inglés comienza cuando formaba parte del Departamento de Estudios Humanísticos. Contaba, hasta el año 2000, solamente con un académico jornada completa de planta y profesores hora, para satisfacer las necesidades de la enseñanza del inglés con propósitos específicos a las distintas carreras de la universidad. En 2003, la Facultad de Humanidades se adjudicó el Proyecto MECESUP Mejoramiento de las Destrezas Comunicacionales en Inglés como Idioma Extranjero en la Formación de Pregrado de los estudiantes de la Universidad Católica del Norte UCN0003, cuyo objetivo fue mejorar la formación profesional de los estudiantes de pregrado, mediante el desarrollo de competencias lingüísticas en inglés, de acuerdo con la misión de la Universidad de formar profesionales altamente calificados, consecuentes con los requerimientos de la sociedad actual.

Dado el desarrollo académico y administrativo que se generó se creó la Sección de Inglés en el Departamento de Estudios Humanísticos. Como consecuencia se creó la carrera de Pedagogía en Inglés y/o Traducción Bilingüe en el año 2004, la que actualmente cuenta con cerca de 300 estudiantes. Asimismo, la unidad, además de los servicios docentes prestados a las carreras de la universidad, comenzó a prestar servicios de Asistencia Técnica a través del programa de Fortalecimiento del Inglés (Inglés Abre Puertas), iniciativa impulsada por el Gobierno de Chile (MINEDUC). Otro hecho importante lo constituyen los nexos que se han establecido con el sector externonacional e internacional, por medio de becas de estudios y estadías en el extranjero para estudiantes de Pedagogía en Inglés y los convenios con instituciones de países de habla inglesa que se han concretado a través de becas de intercambio y visitas de hablantes nativos del idioma a la carrera.

Todo lo anterior, produjo un desarrollo natural de la Sección de Inglés y se hizo necesario crear una unidad académica, que dio como resultado el proyecto de Escuela que fue presentado ante el Honorable Consejo Superior de la Universidad y aprobado por decreto número 05/2008 que a partir del 1 de marzo del año 2008 crea la Escuela de Inglés adscrita a la Facultad de Humanidades.

Creación de la carrera de inglés

16

EAP

El Programa de Inglés Académico está dirigido a los profesionales de las distintas áreas que tengan interés en seguir estudios de postgrado en países de habla inglesa o que tengan interés en mejorar su inglés académicamente. Los cursos son dictados por académicos chilenos y nativos de la Escuela de Inglés con experiencia en estudios de postgrado en Estados Unidos. Además, estos profesionales cuentan con una vasta experiencia en la enseñanza del inglés en el país y en el extranjero.

El programa es diseñado para cumplir con las expectativas del Ministerio de educación y de los profesionales que estén dispuestos a asumir el desafío de estudiar inglés para mejorar su dominio en las cuatro habilidades básicas y de esa manera lograr buenos puntajes en las pruebas internacionales.

Objetivos del curso

El Programa de Inglés con Propósitos Académicos (EAP) tiene como objetivo general preparar a académicos, profesionales y alumnos de los últimos años de estudio de su carrera para postular a programas de postgrado en universidades de habla inglesa.

• Desarrollar en el alumno las cuatro habilidades básicas del idioma inglés – hablar, escuchar, leer y escribir – en el contexto del inglés que se utiliza en programas de grado dictados en inglés.

• Desarrollar en el alumno las destrezas lingüísticas orales y escritas que le permitan tener éxito en sus pruebas de ingreso (TOEFL, IELTS) a programas de postgrado dictados en inglés.

• Preparar al alumno para enfrentar la cultura de un país extranjero.

Tres

Antecedentes específicos

18

Antecedentes específicos

El diseñador, tiene la obligación de investigar la mayor información posible concerniente al cliente, su rubro y el mercado al cual este se orienta para poder llegar a un resultado óptimo. Además, cada proceso de diseño debe tener un sustento teórico gráfico.

19

PRINCIPIOS GRÁFICOS

El color es una percepción visual que se genera en el cerebro al interpretar las señales nerviosas que

le envían los fotorreceptores de la retina del ojo y que a su vez interpretan y distinguen

las distintas longitudes de onda que captan de la parte visible del espectro

electromagnético.

Cualquier color simple o combinación de colores puede contener un significado simbólico, transmitir un mensaje, atraer la atención, evocar emociones o mostrar un talento especial. Un diseñador debe comprender que los colores pueden hacer o expresar, a fin de usarlos de forma efectiva en la comunicación, la decoración o para cualquier finalidad especial.

Los contextos social y cultural, la psicología humana, así como

las tendencias de la moda, son factores que afectan a la forma

en que los colores son vistos, sentidos e interpretados. No todos

estos factores son objetivos, puesto que existen las preferencias individuales

que generalmente varían de una persona a otra. El diseñador también tiene preferencias

personales y la creación de la armonía del color se basa inevitablemente en su propia apreciación y gusto.

Color

Círculo cromático Bauhaus

20

La composición visual es el resultado de ordenar los elementos visuales básicos para expresar ideas y sentimientos. La selección y la colocación de los elementos en un trabajo visual contribuye a una respuesta positiva del espectador.

La composición es un paso muy importante en la resolución del problema visual, comprende una serie de decisiones por parte del diseñador de la imagen que impactan el propósito y el significado. Con ella se combina un diseño, colores, tonos y proporciones relativas y este proceso de creación ofrece significados similares a la mayoría de las personas en mayor o menor grado.

La composición es un factor clave en el análisis y lectura de una imagen. Debemos pensar que todos los elementos que la conforman están decididos para expresar una idea, un sentimiento o un hecho, con el que se trata de motivar, inducir o impactar a otros. El análisis de estos elementos que conforman la imagen es lo que nos ayuda a “leer” el o los mensajes que nos transmite.

Composición

1. El orden de lectura afecta a la lectura visual obvia partiendo por ver los más grande en primera instancia.

1. El tamaño puede ser la forma de composición más usada en el diseño.

1. Con el color también se puede crear un resalte en la composición. Este método es usado mucho en la publicidad.Dos ejemplos de jerarquía en color: el primero, por individualidad en un grupo uniforme. El segundo, por exclusión.

1. La ubicación es otro modo de crear atención visual.

1. La forma también se ocupa para crear peso visual dentro de una composición.

21

La tipografía es el arte o técnica de reproducir la comunicación mediante la palabra impresa. Transmitir las palabras con cierta habilidad, elegancia y eficacia es el trabajo del diseñador.

En una composición gráfica, los contenidos textuales son los principales responsables de la transmisión del mensaje al espectador final, ya que son el nexo entre el receptor y el mensaje.

Todo diseñador debe tener la habilidad de analizar, explorar y reconocer las características conceptuales, formales, históricas y técnicas de los diferentes tipos de letras.

Cada familia tipográfica tiene sus propias características y su propia personalidad, que permiten expresar diferentes notas visuales, unas más fuertes y otras más sutiles, unas más refinadas y otras más toscas, unas más geométricas y otras más orgánicas, por lo que la selección de las familias tipográficas a usar en una composición debe hacerse con un amplio sentido de responsabilidad.

La elección del tipo más

Tipografía

Agadecuado depende en gran medida del tipo de mensaje al que va enfocada la composición. En algunos casos se requiere de un tipo de letra refinada, elegante

o delicada, mientras que en otros letras sobrias, macizas y sin ningún tipo de delicadeza.El factor más determinante sobre la elección de una fuente

debe ser su legibilidad, propiedad derivada del diseño mismo de los tipos de letra, especialmente importante para textos largos.

Tipografía Times New Roman

22

SxqAltura X

Línea base

Descendente

Altura mayúscula

AfgxkAsta

montante

Ascendente

OrejaAnillo

ColaBrazo

Serif

Altura de las mayúsculas: Es la altura de las letras de caja alta.

Altura X: Altura de las letras de caja baja, las letras minúsculas, excluyendo los ascendentes y los descendentes.

Anillo: Es el asta curva cerrada que forman las letras “b, p y o”.

Ascendente: Asta que contiene la letra de caja baja y que sobresale por encima de la altura x, tales como las letras “b, d y k”.

Asta: Rasgo principal de la letra que la define como su forma o parte mas esencial.

Astas montantes: Son las astas principales o oblicuas de una letra, tales como la “L, B, V o A”.

Brazo: Parte terminal que se proyecta horizontalmente o hacia arriba y que no se encuentra incluida dentro del carácter, tal como se pronuncia en la letra “E, K y L”.

Cola: Asta oblicua colgante que forman algunas letras, tales como la “ R o K “.

Descendente: Asta de la letra de caja baja que se encuentra por debajo de la línea de base, como ocurre con la letra “p y g”.

Inclinación: Ángulo de inclinación de un tipo.

Línea base: La línea sobre la que se apoya la altura.

Oreja: Es la terminación o terminal que se le añade a algunas letras tales como “g, o y r”.

Rebaba: Es el espacio que existe entre el carácter y el borde del mismo.

Serif: Es el trazo terminal de un asta, brazo o cola.

Partes de una tipografía

Partes de una tipografía

23

MEDIOS DE COMUNICACIÓN

Un medio de comunicación es un instrumento o forma de contenido por el cual se realiza el proceso comunicacional.

Por lo general cuando hablamos de medios de Comunicación se tiende hablar dev(Medios de Comunicación Masivos) descartando a otros medios interpersonales, como por ejemplo, el envío de un correo electrónico o una simple conversación.

Debido a la complejidad de los medios de comunicación, Harry Pross ha separado estos en tres categorías a partir de su grado técnico (Medios primarios, Secundarios y terciarios). En 1997 Manfred Faßler contribuyó con una nueva categoría, quedando así la siguiente clasificación:

• Medios primarios (medios propios): están ligados al cuerpo humano. No necesitan el empleo de técnica alguna para la comunicación, que a su vez es sincrónica.

• Medios secundarios (máquinas): Necesitan el empleo de técnicas (tecnologías) del lado del productor de contenidos. El receptor de la información no necesita ningún dispositivo para decodificar la información. Ejemplos: Periódico, revistas, etc.

• Medios terciarios (medios electrónicos): Necesitan el empleo de técnicas (tecnologías) del lado del productor de contenidos y del receptor. Ejemplos: Telegrafía, televisión, discos de música, etc.

• Medios cuaternarios (medios digitales): Permiten tanto la comunicación sincrónica como asincrónica (interacción). Necesitan el empleo de técnicas (tecnologías) del lado del productor de contenidos y del receptor. La división de estos últimos (productor y receptor) tiende a desaparecer, así como el tiempo y la distancia. Los medios cuartenarios o medios digitales son parte de los Nuevos Medios de Comunicación.Manfred Faßler

Harry Pross

24

Medios de Comunicación Masiva

Libro

No es sino hasta mediados del siglo XVIII, una vez que el libro ha superado las dificultades tecnológicas que le impedían convertirse en una mercancía, que este inicia su rápido ascenso dentro del gusto de las minorías ilustradas de la sociedad.La invención de la imprenta y el desarrollo del papel, así como la aparición de centros de divulgación de las ideas, permitieron la aparición del escritor profesional que depende de editores y libreros principalmente y ya no del subsidio público o del mecenazgo de los nobles o de los hombres acaudalados.Además, surge una innovación comercial que convierte al libro en una mercancía de fácil acceso a los plebeyos y los pobres, que consiste en las librerías ambulantes, donde el librero cobra una cantidad mensual para prestar libros, que al ser devueltos le permiten al lector-usuario recibir otro a cambio.El mismo libro, se convierte en un avance que da distinción a los lectores como progresistas en un siglo en que el progreso es una meta social ampliamente deseada y a la que pueden acceder por igual nobles y plebeyos, creando una meritocracia de nuevo cuño.A pesar de lo anterior, la minoría que cultiva el gusto por el libro se encuentra entre los nobles y las clases altas y cultivadas de los plebeyos, pues sólo estos grupos sociales saben leer y escribir, lo que representa el factor cultural adicional para el inevitable auge del libro. La imprenta jugó un papel fundamental en la masificación del libro. Ésta es un método industrial de reproducción de textos e imágenes sobre papel o materiales similares, que consiste en aplicar una tinta, generalmente oleosa, sobre unas piezas metálicas, llamadas tipos, para transferirla al papel por presión. Aunque comenzó como un método artesanal, era un proceso muy veloz para sus tiempos.El concepto de impresión es más amplio pues supone la evolución de diversas tecnologías que hoy hacen posible hacerlo mediante múltiples métodos de impresión y reproducción. Como la Flexografía, la serigrafía, el Huecograbado, el alto grabado, la fotografía electrolítica, la fotolitografía, la litografía, el offset, la xerografía, y los métodos digitales actuales.

25

Teléfono

El teléfono es un dispositivo de telecomunicación diseñado para transmitir conversaciones por medio de señales eléctricas. El teléfono fue creado conjuntamente por Alexander Graham Bell y Antonio Meucci en 1877

Radio

La radio es una tecnología que posibilita la transmisión de señales mediante la modulación de ondas electromagnéticas. Por su alcance electromagnético le era mucho más fácil el poder llegar a lugares lejanos. Corresponden al tipo sonoro. Es un medio “solo-audio” que en la actualidad está recobrando su popularidad.

Cine

El Cine fue un paso más en la creación de medios de comunicación masivos. Corresponden al tipo audiovisual. Es un medio audiovisual masivo que permite llegar a un amplio grupo de personas “cautivas” pero con baja selectividad. Sus ventajas son: Audiencia cautiva y mayor nitidez de los anuncios de color. Entre sus desventajas se encuentran: Poco selectivo en cuanto a sexo, edad y nivel socioeconómico.

Televisión

La palabra “televisión” es un híbrido de la voz griega “Tele” (distancia) y la latina “visio” (visión). El término televisión se refiere a todos los aspectos de transmisión y programación, que busca entretener e informar al televidente con una gran diversidad de programas.

26

Internet

Internet es un conjunto descentralizado de redes de comunicación interconectadas que utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas heterogéneas que la componen funcionen como una red lógica única, de alcance mundial. Sus orígenes se remontan a 1969, cuando se estableció la primera conexión de computadoras, conocida como ARPANET, entre tres universidades en California y una en Utah, Estados Unidos.

Uno de los servicios que más éxito ha tenido en Internet ha sido la World Wide Web (WWW, o “la Web”), hasta tal punto que es habitual la confusión entre ambos términos. La WWW es un conjunto de protocolos que permite, de forma sencilla, la consulta remota de archivos de hipertexto. Ésta fue un desarrollo posterior (1990) y utiliza Internet como medio de transmisión.

Existen, por tanto, muchos otros servicios y protocolos en Internet, aparte de la Web: el envío de correo electrónico (SMTP), la transmisión de archivos (FTP y P2P), las conversaciones en línea (IRC), la mensajería instantánea y presencial, la transmisión de contenido y comunicación multimedia -telefonía (VoIP), televisión (IPTV)-, los boletines electrónicos (NNTP), el acceso remoto a otros dispositivos (SSH y Telnet) y los juegos en línea.

Uno de los primeros ordenadores personales, Los TRS-80 (Tandy Radio Shack Z-80), microcomputadores producidos por Tandy Corporation y vendidos a través de sus almacenes Radio Shack a finales de los 70 y en los 80.

27

MEDIOS DE COMUNICACIÓN MASIVOS APLICADOS AL

PROYECTO

Es válido para los efectos del proyecto profundizar acerca de los Medios de Comunicación Masivos, por cuanto en la actualidad son las vías más adecuadas para publicitar y/o difundir programas de carácter educativo. Por la diversidad de medios de comunicación masiva existente en la actualidad, se considera Internet para los medios digitales y para los medios impresos convencionales el afiche y tríptico.

28

INTERNET

La Web es un instrumento de información, promoción y venta. Actualmente, es uno de los medios de comunicación más masivos.

Las ventajas de este medio son:

• Selectividad alta• Bajo costo• Impacto inmediato• Capacidad de interacción1

1 Fundamentos de Marketing, Sexta Edición, de Kotler Philip y Armstrong Gary

Una página Web es una fuente de información adaptada para la World Wide Web y puede ser accesada mediante un navegador de Internet. Esta información generalmente es presentada en formato HTML y puede proveer de vínculos hacia otras Páginas mediante hipervínculos o links.

Las páginas Web pueden ser cargadas de una computadora local o de una remota, llamado Servidor Web. El servidor Web puede restringir las páginas a una red privada, por ejemplo, una intranet, o puede publicar las páginas en el World Wide Web. Las páginas Web son solicitadas y transferidas de los servidores usando el Protocolo de Transferencia de Hipertexto (HTTP - Hypertext Transfer Protocol).

Las páginas Web pueden consistir en archivos de texto estático, o se pueden leer una serie de archivos con código que instruya al servidor, cómo construir el HTML para cada página que es solicitada, a ésto se le conoce como Página Web Dinámica.

Pequeña Infografía que representa el 1%

de los ordenadores que se encontraban

conectados a Internet en 2009.

29

La Web nació alrededor de I989 a partir de un proyecto del CERN, en el que Tim Berners-Lee construyó el prototipo que dio lugar al núcleo de lo que hoy es la World Wide Web.

La intención original era hacer más fácil el compartir textos de investigación entre científicos. Un sistema de hipertexto enlazaría todos los documentos entre sí para que el lector pudiera revisar las referencias de un artículo mientras lo fuera leyendo. El nombre original del prototipo era “Enquire Within Upon Everything”.

La funcionalidad elemental de la Web se basa en tresestándares: El Localizador Uniforme de Recursos (URL), que especifica cómo a cada página de información se asocia una “dirección” única en donde encontrarla; el Protocolo de Transferencia de Hipertexto (HTTP), que especifica cómo el navegador y el servidor intercambian información en forma de peticiones y respuestas, y el Lenguaje de Marcación de Hipertexto (HTML), un método para codificar la información de los documentos y sus enlaces. El lenguaje HTML sólo podía representar textos, pero navegadores Web posteriores, como Viola de Pei Wei (I992) añadieron la capacidad de presentar también graficos.

Marc Andreessen de NCSA presentó un navegador Webllamado “Mosaic for X” en I993 que disparó la popularidad de la Web entre principiantes. Andreesen fundó Mosaic Communications Corporation (hoy Netscape Communications que pasó a manos de AOL en el año 2000), añadiendo características adicionales como contenido dinámico, música y animación.

Internet · Breve historia

Tim Berners-Lee

Marc Andreessen

Mosaic for X, el primer navegador Web gráfico popular y además el primero en reconocer mouse como periférico.

30

Una de las tecnologías en constante evolución en el mundo de la WWW es Flash, un formato registrado actualmente por la compañía Adobe Systems Incorporated que aportan un gran dinamismo a las páginas Web.

Otro avance importante fue la plataforma java, de SunMicrosystems, que permitió a las páginas Web incluir pequeños programas, llamados applets, que se ejecutan en la máquina del cliente y mejoran la presentación y la interactividad.

Otra tecnología para hacer dinámicas las páginas es jQuery. Ésta es una biblioteca de JavaScript que permite simplificar la manera de interactuar con los documentos HTML, manipular el arbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la tecnología AJAX a páginas Web. Fue presentada el 14 de enero de 2006 en el BarCamp NYC. Actualmente esta técnica, en creaciones de páginas Web, es la más usada a niveles profesionales. Su gran ventaja son los pocos recursos de tamaño virtual, debido a que su base de programación es sólo código Java.1

1 http://es.wikipedia.org/wiki/JQuery

Adobe Flash de Adobe Systems Incorporated

JavaScript de SunMicrosystems

jQuery es una biblioteca de códigos para HTML basados en el lenguaje Java

31

Internet ha logrado unir al mundo en cuanto a su capacidad de conexión. Se impone con mayor rapidez en comparación con la forma como lo hicieron en su tiempo la escritura y la imprenta.

También, la Web está acompañada de un ritmo de cambios acelerado y sin interrupciones. De tal modo, que sus alcances son también ilimitados

El fenómeno Internet destaca particularmente porque se trata de un instrumento que facilita a las personas el rápido acceso a cantidades infinitas de información, a un costo relativamente bajo.

La nueva etapa de la historia humana que se caracteriza por términos como informático, digital, electrónico, virtual, tiene como protagonista a la Web: una Red de redes (La mayor red de ordenadores del mundo) a

libre disposición que todo individuo que, por supuesto, cuente con los instrumentos mínimos necesarios para estar conectado. Además, se distingue porque el usuario es quien decide cuándo, cómo y dónde acceder. Es un canal personalizado porque ofrece la posibilidad a cada usuario de recibir y escoger lo que desea y le interesa, entre una gama enorme de posibilidades.

En contraposición nos encontramos cada día con tanta información en la red que, aunque suene absurdo, es difícil encontrarla. Son tantos los sitios creados diariamente, tantos blogs, enciclopedias, comentarios, que mientras más comunicados pensamos estar, más saturación informática tenemos.

Datos exactos nos demuestran la fuerza e impacto de Intenet en nuestras vidas.

Internet y la Comunicación

ESTADÍST ICAS DE INTERNET 2009

CORREO ELECTRÓNICO90.000.000.000.000 (90 billones) de e-mails enviados en 2009.247.000.000.000 (247 mil millones) de e-mails enviados por día.

PÁGINAS Web234.000.000 (234 millones) – Número de páginas Web en 2009.47.000.000 (47 millones) – Páginas Web nuevas en 2009.

USUARIOS DE INTERNET1.730.000.000 (1.730 millones) – Usuarios de internet en 2009.738.257.230 Usuarios de Internet en Asia.418.029.796 Usuarios de Internet en Europa.252.908.000 Usuarios de Internet en Norte América.179.031.479 Usuarios de Internet en Latino América / El Caribe.67.371.700 Usuarios de Internet en África.57.425.046 Usuarios de Internet en el Oriente Medio.20.970.490 Usuarios de Internet en Oceania / Australia.

32

En un principio el diseño en Internet era sólo texto, pero a medida que ha evolucionado la tecnología, tanto los ordenadores como las redes de telecomunicaciones, se ha generado nuevas formas de desarrollar la Web.

La inclusión de imágenes fue la más significativa, pero también hay que mencionar el vídeo, la animación y los espacios 3D, lo que aporta valores estilísticos, de diseño y de interactividad jamás imaginados antes.

El diseño de páginas Web se ha desarrollado a medida que ha evolucionado Internet. En 1992 sólo había alrededor de 50 sitios Web. Las últimas estadísticas nos confirmaban que actualmente rondan los 234 millones de sitios Web.

Rápidamente, su importancia alcanzará las mismas cotas que la televisión o el teléfono. Datos recientes estiman que hay alrededor de 2 mil millones de páginas colgadas y se espera que en los próximos años llegue a los 8 mil millones, excediendo el número de habitantes del planeta.

Sin embargo, sólo una fracción de este número es visitado habitualmente por la mayoría de los usuarios.

A partir de estos datos se puede entender la necesidad de concentrar los esfuerzos para atraer y mantener la atención de los usuarios. Junto con un desarrollo efectivo de la estructura Web y del contenido, el diseño y el uso del color son la llave para atraer y ser identificado, formando vínculos en el subconsciente del usuario y generar esquemas para captar y fidelizar a nuevos visitantes.

Al mismo tiempo que la evolución de los aparatos y de su introducción en los hogares, también ha aumentado la calidad de las transmisiones a través Internet y ha bajado su precio. A medida que la tecnología ha solventado estas dificultades, ya no nos encontramos con problemas de forma sino de contenido.

Internet y el diseño

1. Primera Web creada en 19932. Un explorador Web iniciando en 1997, Google3. 1 de Abril de 2004 empieza el servicio Gmail4. The New York Times crea su Web en 19965. Abduzeedo, una de tantos blogs para compartir. Se inicia en 20066. El gigante sociable. Facebook es la mayor red social actual

123456

33

Diseño vs. Legibilidad

Punto relevante en cualquier pieza gráfica. En la Web hay ciertos códigos visuales que con el tiempo han sido heredados en los inicios de este medio. Me refiero, como ejemplo, a hipervínculos, botones, animaciones y en general a todo elemento interactivo dentro de una página Web. Es de vital importancia atenerse a estos códigos para crear un enlace rápido entre el usuario o cliente y el diseño.

La Investigación

Es el primer paso fundamental en la construcción o renovación de cualquier sitio Web. En este paso se determina la audiencia, las metas que se pretenden lograr con el sitio, se determinan las necesidades de los usuarios, principales características de los posibles usuarios, se identifica el contenido y las necesidades funcionales del mismo que garanticen de manera eficaz y eficiente su diseño y construcción.

Las imágenes en el diseño

La velocidad de acceso a la Web está siempre muy reñida con el diseño. Es frecuente el caso en que, para embellecer un Web se utilicen muchas imágenes (en formatos gif o jpeg) de gran tamaño. Esto obliga a los usuarios con conexiones lentas a sufrir largas esperas hasta que la información se presente en pantalla, y eso es un riesgo porque más de dos saltarán a cualquier otra dirección Internet antes de perder su tiempo.

Elementos Interactivos

La interactividad es fundamental para el éxito de una Web. Se debe evitar la sensación “lectura de periódico” que puede causar en un visitante una Web pasiva y lineal.

Diseño v/s Internet

34

“El punto de partida fue el afiche*. Como hoja única, sin doblar e impresa sólo por una cara, es el medio más simple del diseño gráfico. Ejemplifica los elementos esenciales –alfabeto e imagen- y sus medios de producción”.1

Desde finales del siglo XIX hemos observado la acción del cartel en la vida diaria. El cartel es uno de los medios más funcionales y efectivos para la comunicación de mensajes e información de tipo comercial ó ideológico.

1 Richard Hollis en la introducción al Diseño Gráfico.* Cursiva agregada: cartel, palabra original.

El paso del tiempo ha influenciado sobre los carteles en su lenguaje en una relación muy íntima con los movimientos sociales y culturales pero también las nuevas tecnologías han tocado al cartel, el uso de la computadora, las nuevas técnicas de impresión y en sí la historia, sin embargo, esto no ha transformado su función original, ni ha perdido valor como medio de comunicación.

EL AFICHE

Ejemplos de diferentes estilos de afiches

35

Requerimientos funcionales

El arte y el diseño gráfico en el afiche

El arte ha tenido un papel protagónico en el diseño gráfico, en algunas ocasiones es difícil diferenciar la delgada línea entre una obra artística o publicidad, aún teniendo fines muy distintos. Sin embargo, el diseño no pudo nacer sin el arte debido a que éste ha tenido una influencia no tan solo en materiales y técnicas, sino también en composición artística.

Esta influencia se puede observar en los primeros carteles, los cuales se remontan a finales del siglo XIX y principios del siglo XX, siendo sus principales exponentes Jules Cherét, Lautrec, Picasso.

Básicamente los principios de diseño de carteles y demás anuncios son los mismos, a excepción en algunos casos la gran escala del cartel, sin embargo hay algunos requerimientos funcionales para la evaluación de la efectividad del cartel, como se verá a continuación:

Simplicidad

El uso de pocos elementos en el cartel no debe verse como una limitante en su creación, al contrario, debe tomarse como una medida obligatoria para obtener el mejor resultado.

Unidad

La composición de diversos elementos sobre el cartel debe tener un significado en común para lograr la unificación del mismo. Esto se puede lograr fácilmente con un orden predefinido el cual no puede aceptar variaciones, todo esto para lograr la percepción de un elemento único y no de varios dispuestos sobre un papel.

Balance

La disposición de todos los elementos debe mostrar un equilibrio, ya sea siguiendo la simetría o la asimetría, con cualquiera de estas dos técnicas se puede lograr el balance en el cartel. El balance está basado en un criterio estético personal, la meta es disponer de todos los elementos de una forma creativa y dinámica.

Elemento sorpresa

Captar la atención del lector, no es tan fácil, hay varias formas para captarla, una de ellas es la conjunción de elementos conocidos por el lector pero con una realidad distinta a lo que ellos acostumbran, puede ser utilizado cómicamente, sarcásticamente o absurda para la retención del mensaje.

Jules Cherét

Henry de Toulouse-Lautrec

Picasso

36

Un tríptico es un folleto informativo doblado en tres partes, por lo regular es del tamaño de una hoja de papel tamaño carta y contiene la información del

evento .

El tamaño de este varía dependiendo del formato que más se atenga a lo que se quiera poner o decir, variando el tamaño del soporte principal, siempre teniendo en cuenta que se doblará 3 veces horizontalmente. Por ejemplo, si se toma un DIN A4 como soporte de nuestro tríptico se tendrá que aplicar la regla de 100x100x97mm, dejando 3mm para al final para no parecer irregular el doblaje cuando se cierre, teniendo en cuenta que la primera proporción es la portada.

La forma de distribución de los trípticos es variada siendo muy habitual el mailing al domicilio de los clientes. También se distribuye por medio de buzones o se coloca sobre los mostradores de venta o en muebles expositores.

La disposición de la información suele ser la siguiente:

• En la portada se imprime el eslogan o frase de la campaña así como el logotipo identificativo de la empresa.

• En el interior se despliega el argumento de ventas exponiendo ventajas competitivas del producto o servicio, generalmente, apoyadas por fotografías o gráficos. El juego de tres láminas que se van desplegando permite ir exponiendo los argumentos en un orden determinado de modo que vaya creciendo el interés del cliente.

• Por último, la contraportada se reserva para colocar el logotipo de la empresa y datos de utilidad como localización, teléfono de contacto, etc.

EL TRÍPTICO

37

Para la confección efectiva de un folleto publicitario, se recomienda:

• Imprimir títulos y subtítulos claros y atractivos.

• Realizar argumentaciones completas. Explicar densamente los beneficios del

producto o servicio y hacer un resumen de los mismos.

• Incluir un buen número de fotografías en las que aparezcan los productos así

como demostraciones de su funcionamiento. Adjuntar pie de foto explicativos.

• Acompañar el texto y las fotografías con diagramas o dibujos.

• Realizar un recorrido lógico por los diferentes productos y argumentaciones.

El tríptico es, como se expuso anteriormente, un folleto. Cuando Guttenberg inventa la imprenta, se traduce la Biblia al alemán, pero los impresos pequeños y doblados (folletos) ya circulaban en tiempo de la reforma.

Confección

Curiosidad

38

ANTECEDENTES PARA LA GRÁFICA

Asumiendo que el mercado actual de Programas de Inglés es uno de los servicios más vendidos en el mundo y en Chile, y que por lo mismo tiene una mayor competencia, es necesario tener un diseño que capte la atención del público específico.

Para alcanzar ese objetivo es válido dar una mirada a la competencia y analizar su diseño.

A continuación se nombran y analizan los programas más destacados a nivel nacional.

39

HEADER

NAV NAVMAIN

FOOTER

La página Web inicial de este Instituto tiene una composición Web tradicional: header, botonera superior con la información del programa, enlaces a la derecha e izquierda y en el centro información actualizada.

Su diagramación es equilibrada manteniendo la información del centro (MAIN) contenida por dos

Instituto Norteamericano

listones (DIV). Éstos a su vez van cargadas de pequeñas cápsulas de información a modo de íconos, botones y banners.

Sus colores principales -azul y blanco- representan institucionalidad. Su fondo totalmente blanco de la sensación de pulcritud y claridad.

Los íconos azules de los extremos laterales presentan coherencia visual al igual que las otras páginas posteriores.

A pesar de ser un portal Web muy agradable a primera vista cae en la cotidianidad de muchas páginas Web: llenar la primera pantalla con mucha información textual y visual, creando confusión a la hora de elegir que se quiere ver.

El centro de la página está ocupada con información irrelevante del curso, mostrando noticias y novedades que a primera impresión no nos sirven. Recordemos que es una página de apoyo para la venta del curso, no un portal de noticias.

40

NAV NAVMAIN

FOOTER

Una página con distribución coherente, jugando con el frío y ejecutivo azul de fondo con un gris claro en su cuerpo.Botones verdes contrastantes fáciles de identificar. Fácil navegabilidad.

Agradable es la palabra que mayor representa a esta página. Con un diseño digno de imitar. Sencillo, claro, estudiado y directo. Excelente posicionamiento de objetos, buena composición de elementos. Buen manejo de los espacios. Tamaños de elementos coherentes con los objetivos comunicacionales. Paleta de colores atractivos y llamativos.

Wall Street Institute

41

HEADER

NAVMAIN

FOOTER

Estructuración demasiada extensa verticalmente para un portal Web informativo.

Demasiada información en el inicio. Íconos coherentes entre sí, pero no con la composición. Además tienen una escalamiento superior a su tamaño real (pixelados).

Buena elección de colores. Un header llamativo. Botonera lateral poco convencional. Cuesta reconocerla por su disposición, no así por su color llamativo.

Inglés Para Chile

42

HEADER

MAIN

MAIN

FOOTER

Con una estructura novedosa crea cuadros horizontales informativos. Colores adecuados al programa. Gráficas coherentes y llamativas.

Problemas en la información. Muchos links hacen que sea un problema a la hora de elegir que se quiere.

Tronwell

43

ANTECEDENTES GRÁFICOS DEL PROGRAMA

Cuando se tomó este proyecto, el único medio publicitario era un tríptico que no presentaba ninguna coherencia visual con el servicio y calidad del programa ofrecido. Recordemos que el servicio educativo es un programa de Inglés en una de las Universidades más prestigiosas de la zona Norte de Chile, dotada con una infraestructura de calidad y con especialistas acreditados en el rubro.

44

Programme Phases ALTE Level N o m i n a l 

hours  face  to 

face

N o m i n a l 

h o u r s 

online

Total hours

L a n g u a g e 

Foundations 1:

General English

A 1 / P r e 

Intermediate

100 hours 65 hours 165 hours

L a n g u a g e 

Foundations  2:  PET 

Preparation Phase

A2/Intermediate 100 hours 65 hours 165 hours

EAP 1:

Foundations of EAP A 3 / U p p e r 

Intermediate

100 hours 65 hours 165 hours

EAP  2:EAP  for  post 

graduate study/Exam 

Preparation

A4/Advanced 100 hours 65 hours 165 hours

TOTAL 400 hours 260 hours 660 hours

¿Estás  planificando  estudiar  un  grado  de magíster o doctor?

¿Estás  planificando  estudiar  en  el extranjero?

¿Estás planificando estudiar en un  país de habla inglesa?

Si respondiste ‘Si’  a las tres preguntas, tenemos el 

curso de preparación para tus estudios.

Entrevistas con  Académicos UCN que  estudiaron 

sus  grados  de  master  o  doctor  en  los  Estados 

Unidos e Inglaterra demuestran que:

Escribir papers académicos (academic writing)

Comprender  conferencias  o  cátedras  (extensive 

listening comprehension)

Hacer  presentaciones  académicas  formales 

(speaking accurately)

Comunicarse  en  situaciones  presenciales  con 

otras personas (making self understood)

son  las  áreas  del  lenguaje  que  encontraron  más 

difíciles de enfrentar.

Para  estudiar  en  un  medio  de  habla  inglesa  los 

alumnos  necesitan  destrezas  lingüísticas  que  les 

aseguren el éxito.  El estudio de Inglés General no 

es suficiente. 

El Inglés para Estudios 

Académicos prepara a 

los estudiantes para 

comprender y utilizar el

lenguaje de los estudios 

académicos.

Programa  de  Inglés  con  Propósitos  AcadémicosDescripción:

Este programa tendrá una duración de dos años, 

y  se  ofrece  en  un  formato  de  aprendizaje 

combinado  que  consiste  en  un  componente 

presencial  intensivo  y  un    componente  de  

aprendizaje online autorregulado.

Proceso de postulación:

El programa está abierto a :

‐ Académicos que actualmente trabajan en 

las universidades de la Zona Norte (I a IV 

Regiones).

‐ P ro fes iona les  de  l a  zona  nor te 

interesados  en  seguir  estudios  de 

postgrado

‐   alumnos  tesistas  que  sean  potenciales 

académicos  y  cuenten  con  el  patrocinio 

del departamento respectivo. 

Los  participantes  tendrán  que  someterse  a  una  

evaluación  diagnóstica  (prueba  de  ubicación)  y 

completar  un  formulario  de  inscripción 

(presencial o en línea).  

Fases del Programa:

Cada Fase (Nivel) consiste en:

- Un componente presencial 

inicial de dos y media semanas 

(13 días hábiles) en la UCN.

- Un modulo de estudio online de 

18 semanas.

 Los cursos serán dictados por 

académicos nativos y con estudios 

en el extranjero, de la Escuela de 

Inglés.

Cada nivel será completado en un semestre. 

 Los participantes pueden ingresar al programa en 

cualquiera de las cuatro fases, dependiendo de su 

nivel de idioma, el cual será determinado como 

resultado del proceso de postulación.

Valor del curso:

$300.000. 

10 participantes mínimo en cada nivel. 

Incluye el material didáctico: texto y fotocopias.

Para recibir más información por favor contacte a:

Erika Mery Rojas – Ana Tejeda Rojas

Escuela de Inglés

Fonos: 355839 ‐ 355830

Email: emery@ucn.cl – atejeda@ucn.cl 

Postulación: 

Solicitud  del  interesado(a):  hasta  el  17  de 

diciembre de 2009

Prueba  de  ubicación:  21  y 22 de  diciembre 

de 2009

Fecha cursos: 11‐27 enero 2010 Presencial

                            Marzo‐ julio   on‐line

 

EAP ‐ English for Academic Purposes

Programa de Inglés con Propósitos Académicos

Sin una mínima preocupación por la composición armoniosa entre objetos, ni la selección correcta de tamaño de las imágenes, ni la jerarquía bien coordinada entre que es más importante y lo menos relevante, es la percepción inicial de este único medio de publicidad para el proyecto EAP.

Tríptico EAP

Cuatro

Proceso gráfico

46

Proceso GráficoCONCEPTUALIZACIÓN GRÁFICA

Cuando se habla de programas de Inglés, generalmente, se tiende a pensar en agencias vanguardistas, con profesionales de alto nivel, salas de última generación, con equipos multimedia y con clientes que buscar superar las barreras idiomáticas como una forma de integración en nuevas comunidades laborales o de estudio.

Estas expectativas generalizadas esperan verse proyectadas en todas las publicaciones.

Una de las características más atrayentes del Programa EAP, es el aprovechamiento del recurso tecnológico y formas de estudio actual (MBA), que le permite ampliar su radio de acción. La Universidad cuenta actualmente con dos sedes en la zona y no se limita sólo a estos espacios físicos, sino que se proyecta desde la Primera a la Cuarta Región.

Al saber la magnitud del programa, se corrobora la importancia de un buen diseño ya que habrá mayor número de receptores y por ende más interpretaciones del mensaje.

EAP cuenta con Académicos nativos en el habla inglesa, factor preponderante que influye positivamente en el programa.

Respaldados por una institución de prestigio, como la Universidad Católica del Norte, EAP tiene otro punto a favor. La solidez y confianza de la Universidad se adhiere, casi por inercia, al programa.

Estos y otros factores positivos se tendrán que plasmar en la gráfica del programa.

Percepción del cliente Magnitud Plugins

47

BOCETAJE E IDEAS

Teniendo en cuenta la información del programa más la recopilación de los estudios teóricos y gráficos, podemos entrar de lleno en la primera etapa de la creación del proyecto: El bocetaje. Para ello se construye un breve listado espontáneo numerando ideas, colores y cualquier concepto referente al programa.

48

Selección y avances

Idea seleccionada. Logotipo sencillo, claro y minimalista.

Experimentando colores insititucionales de la casa de estudio UCN. Uso de tipografía con Serif.

Incorporación del logo UCN a petición del cliente.

Debido al gran peso visual que tiene el logo UCN, se opta por incorporarlo de forma innovadora al logotipo sin perder sus rasgos.

Cambio de tipografía a Times. Incorporación de significado de sigla. Mejor disposición de elementos.

49

LOGOTIPO PARA CLIENTE

Logo UCN

A petición de los directores del programa se solicitó insertar el logotipo de la Universidad Católica

del Norte.

Eliminación de la palabra Chile en el escudo

simplificando lectura general del logotipo EAP.

Barras

A pesar de ser uno de elementos básicos del

diseño, las líneas aportan equilibrio y orden en esta

composición.

Justificación de tipo EAP

Se eligió la tipografía Times Regular, cuyos

rasgos clásicos con serifa conceptualizan calidad y

prestigio en el nombre del programa.

Reafirmación en español

Pensando en el público mayoritario de la zona, se dispuso la traducción de la sigla inglesa EAP en español, con la tipografía Arial Black, para otorgar

fuerza y legibilidad.

Este logotipo fue el resultado final para el cliente y se ocupó para las piezas gráficas finales. Sin embargo se hizo un estudio y una reticulación posterior para la normalización de éste (véase pág. 54).

50

Versiones alternativas

Color

Pantone 285 CRGB CMYK0 86114 52206 0 0

WhiteRGB CMYK255 0255 0255 0 0

Versión simplificada del logotipo. Se rescata la esencia para una mayor legibilidad en caso de uso de la marca en áreas pequeñas.

Se elige un color de fondo cian que representa seriedad, compromiso.

51

Versiones alternativas

Color

Pantone 285 CRGB CMYK0 86114 52206 0 0

WhiteRGB CMYK255 0255 0255 0 0

52

1. Retícula logo UCN.2. Retícula logotipo EAP.3. Colores Pantone de EAP.4. Variable del logotipo para impresiones pequeñas.5. Variable del logotipo con fondo cian.6. Logotipo final.

LOGOTIPO FINAL

8x

5x 3x

Pantone 285 CRGB CMYK0 86114 52206 0 0

WhiteRGB CMYK255 0255 0255 0 0

Logo UCN

El logotipo UCN está dividido en 8 partes y seleccionada 5 de ellas para ser insertas en el

logotipo final.

Barras

Las barras están visualemte equilibradas.

Esto se logró minimizando el alto de la barra derecha.

Tipos EAP

El tracking de las tipografías EAP está

modificado ópticamente para equilibrar la

composición.

Base del logotipo

La base del logo, traducción del programa al español, está justificada a los extremos del logotipo.

4

1

5

2

6

3

53

TIPOGRAFÍA

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzTimes Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzArial Black

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzHelvetica Bold

54

AFICHE

Propuestas anteriores

Junto a los Directores de EAP hubo muchas variables en cuanto a conceptos, ideas y formas de hacer publicidad dentro del proceso de elaboración de las piezas gráficas.

Pensando en los slogans asignados dentro del proceso, se hacen propuestas gráficas en la pieza base de la publicidad: El afiche.

En el primer caso (fig.1) se toma parte de un párrafo en inglés y de forma visual se interpreta literalmente el slogan “Sobresale perfeccionando tu inglés“ aplicando un efecto de extrusión 3D.

Este afiche se tomará como base para el resultado final manteniendo la diagramación inferior.

En el segundo caso (fig.2) se refuerza el slogan “¡Llegue más lejos!“ con un fotomontaje irracional y creativo que refuerza el concepto.

1

2

55

Afiche final

Postulación

Para los directores del programa era de vital importancia resaltar

la fecha de postulación. Para ello se inclinó en una dirección

totalmente distinta a toda la composición y además se utiliza un efecto llamativo de volumen

(valioso recurso para impacto visual)

Superior

Se recurrió a tonos fríos de fondo con el objetivo de

contrastar el slogan y el logo.

Banderas

Se insinúan para connotar el origen del idioma que imparte el

Programa.

Logo

Se interviene con capas de opacidad baja para integrarlo

a la composición superior azul y así jerarquizar, por color, al

slogan.

Contactos

Se pensó esta ubicación asumiendo la teoría de composición. Sabemos que el lado derecho inferior es de retención visual.

Fotografías

Siempre es bueno el uso de fotografías. Viñeta de imágenes ilustrativas del curso.

Soporte: Couché brillante 130 grsTamaño: 40 x 60 cmImpresión: Cuatricomía OffsetTiraje: 500 Unidades

Íconos

Crear un orden visual a través de íconos, es una manera

sencilla y clara de componer información tediosa, pero

relevante.

Distribución

Lectura vertical y de izquierda a derecha. Según el recorrido del

ojo se distribuyen los elementos dentro del formato, definiendo

una composición que genera focos de atención y retención.

56

TRÍPTICO

1

2

Se realiza la gráfica del tríptico teniendo en cuenta el afiche como base. Con un fondo azul oscuro se aplica el blanco como color contraste para textos, logotipo y malla del programa.

Soporte: Couché brillante 200 grsTamaño: 28 x 21,5 cmImpresión: Cuatricomía OffsetTiraje: 1000 Unidades

57

PÁGINA WEB

El sistema que se utilizó para realizar la página Web fue principalmente Adobe Flash de Adobe Systems.

Como el peso total de la página es bastante (aproximadamente 3 Megabytes), se utilizó el sistema de cargas separadas de películas flash, dividiéndolas por secciones. Así el usuario tendrá que esperar mucho menos al momento de ingesar por primera vez.

Al ingresar el dominio web se inicia una introducción animada utilizando

tecnología flash. Ésta a través de programación Action Script 2 pueder ser interruptida en cualquier momento a través del botón “skip intro/saltar intro“.

El negro es el color de fondo. Se eligió este color para crear contraste con el Cian de la página. Además el color negro en pantallas relaja la vista, debido a la poca irradiación de haces luminosos.

Las páginas que están posteriormente del Main, son diagramadas de una

sola maqueta, logrando coherencia y agilidad para navegar.

Todas las páginas tienen interacción usando Action Script y además se logró una armoniosa relación de animación-tiempo.

En la sección de inscripción se logra crear hipervínculos a través de flash y anexar documentos externos a la página, como es el caso del archivo de Inscripción realizado en formato .DOC de Microsoft Office.

Introducción animada Página principal (Main)

Soporte: InternetTamaño: 800X666 pxTecnología: Flash, HTML, JavaServidor: UCNDominio: www.eap.ucn.clPeso total web: 2,9 Mb

Archivos separados para lograr una carga más ligera en Internet.

58

Presentación del Programa

Niveles y académicos

Objetivos

Niveles

59

Académicos

Inscripción información

Inscripción inicio

Contactos

Cinco

Conclusión

61

ConclusiónCuando se solicitó el servicio gráfico para el proyecto EAP, surgieron interrogantes en cuanto al resultado de la pieza digital, ya que en manejo de recursos técnológicos y conocimientos al respecto, no estaba lo suficientemente maduro. Se sabe que actualmente el mercado tiende a evolucionar rápidamente y es necesario que tanto alumnos como académicos se actualicen sobre dichos cambios, con el fin de responder con las herramientas actuales y adecuadas a los requerimientos del mercado.

La sólida base teórica de principios básicos de diseño aplicados a este proyecto crea un producto armonioso desde su inicio y al igual que la edificación de un rascacielo, si se tiene buenos cimientos, la obra tendrá mayor viabilidad.

El proyecto fue desarrollado de acuerdo a lo solicitado por el cliente y dentro de los plazos establecidos. A raíz de esto se logró la fidelización del cliente (actualmente se trabaja en nuevos proyectos con los mismos clientes).

A pesar de las carencias teóricas, en lo que a programación Web se refiere, los objetivos propuestos en este informe pudieron ser concretados a cabalidad, incluso el reto informático de la correcta visualización y compatibilidad con los actuales navegadores Web.

Gracias a este primer gran paso profesional se pudo visualizar las fotalezas y debilidades, siendo estas últimas las actuales metas a nivel profesional.

62

Agradecimientos

Doy las infinitas gracias a Dios por darme todos estos días de gracia y por los que vendrán. A mis padres por su total confianza, cariño y entrega desde mi infancia. Gracias a Daniela y Joaquín por su amor, paciencia y cariño. A los profesores por su entrega y en general a todos los que aportaron de alguna u otra manera para que pudiera llegar hasta este punto de mi vida.

63

BibliografíaFundamentos del diseñoWucius WongEdiciones G.Gili, S.A. de C.V.1995

Diseño de CartelIngrid RiquelmeLicenciatura en Diseño GráficoPaper académico

WikipediaLa Enciclopedia librehttp://es.wikipedia.org/

Internet, el instrumentro esencial de la diplomacia del siglo XXISección “Principios básicos de diseño para web”Naciones Unidas2005

Universidad Católica del Nortehttp://www.ucn.cl/

PingdomEstadísticas virtualeshttp://royal.pingdom.com/2010/01/22/internet-2009-in-numbers/

Universidad de AntofagastaFacultad de Educación y Ciencias Humanas

Depto. Ciencias SocialesCarrera Diseño Gráfico Publicitario

D i s e ñ o p a r a E A P .

Héctor Horac io Soto Candia