.
martes, 5 de septiembre de 2017
8.B DECÁLOGO DE ORTOTIPOGRAFÍA
En esta práctica debíamos realizar un decálogo (conjunto de 10 reglas) ortotipográfico duotonal
.
.
8.A ORTOTIPOGRAFÍA
SUMARIO
8.1 Concepto de ortotipografía.
8.2 Uso correcto de los signos.
8.3 Normas ortotipográficas.
8.1 CONCEPTO DE ORTOTIPOGRAFÍA.
1. ORIGEN: Esta disciplina surge en 1608 gracias a Hormschuch, un médico que escribió un tratado de ortotipografía llamado "Orthoypographia". José Martínez de Sousa define la ortotipografía como un conjunto de reglas por las que se rige la confección de un impreso mediante recursos o signos tipográficos.
2. CONCEPTO: Se podría decir que es un camino intermedio entre la tipografía y la ortografía, para que no haya errores ortográfico a la hora de diseñar. Teniendo en cuenta que las obras que diseñamos, en un futuro serán vistas hay que tener en cuenta todos esos factores ortográficos.
8.2 USO CORRECTO SIGNOS.
1. SIGNOS DE ENTONACIÓN Y PUNTUACIÓN:
-Signos de interrogación: Se sitúan al principio y final de una pregunta.
-Signos de admiración: Se sitúan al principio y final de frases imperativas o exclamativas.
2. COMILLAS:
-Comillas latinas, bajas, españolas o francesas: Son las más comunes en español.
-Comillas angulares: En español no se usan apenas.
-Las comillas inglesas o altas: A nivel mundial son las comillas mas usadas.
-Comillas simple: Se usan a la hora de de situar algo entre comillas dentro de una frase ya entrecomillada..
3. APÓSTROFES Y PRIMAS:
-Segundos: Este apóstrofe en cuestión es usado para indicar segundos.
-Minuto: Este apóstrofe en cuestión es usado para indicar minutos.
-Tilde: Este apóstrofe en cuestión es usado encima de una vocal que esta en una sílaba tónica.
-Repetición de 3 puntos o puntos suspensivos: Estos se usan cuando escribimos manualmente los puntos suspensivos. Por lo general ocupan más espacio.
4. SIGNOS HORIZONTALES:
-Guión: Ocupa 1/4 del cuadratín. Se utiliza para unir algunos apellidos, fechas, separar información, etc.
-Menos: Símbolo matemático algo más largo que el guión.
-Guión medio: Se utiliza poco y ocupa 1/2 cuadratín
-Guión bajo: Elemento de entorno informático. En el mundo del diseño se usaría para titulares.
-Raya: Ocupa el cuadratín entero. Se utiliza para incisos y diálogos.
5. SIGNOS VERTICALES:
-Barra vertical: Se usada para la separación de conceptos.
-Barra inclinada: Se usa para separar distintas medidas, direcciones, fechas, etc.
-Contrabarra: Es un elemento del entorno informático.
6. SIGNOS CONTENEDORES:
-Paréntesis: Es utilizado para crear aclaraciones o situar contextualmente.
-Corchetes: Es utilizado para supresiones internas. También realiza la función de paréntesis dentro de un cajetín de paréntesis.
-Llaves: Es un elemento matemático.
7. PUNTOS:
-Punto: Su uso se reduce a la separación de oraciones, finalizar un párrafo o final de un texto.
-Punto suspensivos: Se utilizan para que una oración o enumeración quede incompleta.
-Punto medio o volado: Se utiliza en el catalán para separar sílabas dentro de palabras.
-Topo o bala: Es el punto utilizado en los procesadores de texto para la enumeraciones.
-Línea de puntos: Se utiliza para separar dos párrafos.
-Puntos conductores: Se utiliza como índices, como tabulación.
8. BLANCOS TIPOGRÁFICOS:
-Espacio eme un cuadratín M
-Espacio ene Medio cuadratín M/2
-Espacio grueso Un tercio e cuadratín
-Espacio mediano un cuarto de cuadratín.
-Espacio delgado o fina un sexto/ ocatvo cuadretín
-Espacio de pelo un vigesimocuarta parte de un cuadratín.
8.3 NORMAS ORTOGRÁFICAS.
1. TIPOGRAFÍAS DISTINTIVAS:
Teniendo en cuenta que la base de un cuerpo de texto tendrá el mismo color, hay varias opciones que pueden ser usadas para resaltar alguna parte del mismo: mayúsculas, cursiva o negrita. La opción recomendada sería la cursiva, ya que la negrita es más utilizada para titulares o aislar textos.
Existen dos tipos de mayúsculas: de posición, al iniciar un párrafo o tras un punto final; mayúsculas por naturaleza, usadas en los nombres propios, así como en títulos de obras artísticas o acontecimientos históricos entre otros. Una regla que se debe tener en cuenta que los meses y días no no poseen mayúsculas por naturaleza, además tampoco deben ser usadas en un texto corrido ya que esto dificulta la legibilidad del mismo y no sería muy acertado.
Por último, las versalitas: la enumeración de siglos, nombres de dialogos o leyendas en folios.
2. CIFRAS:
En las cifras hay que tener en cuenta algunos factores. Por ejemplo el espacio que debe quedar entre un número y el símbolo de porcentaje, o los grados de los decimales se separan con coma y no con punto. Los números por encima del millar pueden llevar el punto como separador de la unidad de millar o no, no es del todo necesario; sin embargo en caso de fechas como 2017 no se debe separar la unidad de millar con un punto.
3. ABREVIATURAS:
-Siglas: ONU (Organización de las Naciones Unidas)
-Sigloide: PyME (Pequeña y Mediana Empresa)
-Acrónimo: FONART (Fondo Nacional para el Fomento de las Artes)
4. ORTOGRAFÍA PUBLICITARIA:
A menudo en el mundo de la publicidad se inventan palabras para así conseguir una mayor publicidad. La retirada de vocales del nombre comercial también fue un uso que se le dió en su momento a la publicidad.
8.1 Concepto de ortotipografía.
8.2 Uso correcto de los signos.
8.3 Normas ortotipográficas.
8.1 CONCEPTO DE ORTOTIPOGRAFÍA.
1. ORIGEN: Esta disciplina surge en 1608 gracias a Hormschuch, un médico que escribió un tratado de ortotipografía llamado "Orthoypographia". José Martínez de Sousa define la ortotipografía como un conjunto de reglas por las que se rige la confección de un impreso mediante recursos o signos tipográficos.
2. CONCEPTO: Se podría decir que es un camino intermedio entre la tipografía y la ortografía, para que no haya errores ortográfico a la hora de diseñar. Teniendo en cuenta que las obras que diseñamos, en un futuro serán vistas hay que tener en cuenta todos esos factores ortográficos.
8.2 USO CORRECTO SIGNOS.
1. SIGNOS DE ENTONACIÓN Y PUNTUACIÓN:
-Signos de interrogación: Se sitúan al principio y final de una pregunta.
-Signos de admiración: Se sitúan al principio y final de frases imperativas o exclamativas.
2. COMILLAS:
-Comillas latinas, bajas, españolas o francesas: Son las más comunes en español.
-Comillas angulares: En español no se usan apenas.
-Las comillas inglesas o altas: A nivel mundial son las comillas mas usadas.
-Comillas simple: Se usan a la hora de de situar algo entre comillas dentro de una frase ya entrecomillada..
3. APÓSTROFES Y PRIMAS:
-Segundos: Este apóstrofe en cuestión es usado para indicar segundos.
-Minuto: Este apóstrofe en cuestión es usado para indicar minutos.
-Tilde: Este apóstrofe en cuestión es usado encima de una vocal que esta en una sílaba tónica.
-Repetición de 3 puntos o puntos suspensivos: Estos se usan cuando escribimos manualmente los puntos suspensivos. Por lo general ocupan más espacio.
4. SIGNOS HORIZONTALES:
-Guión: Ocupa 1/4 del cuadratín. Se utiliza para unir algunos apellidos, fechas, separar información, etc.
-Menos: Símbolo matemático algo más largo que el guión.
-Guión medio: Se utiliza poco y ocupa 1/2 cuadratín
-Guión bajo: Elemento de entorno informático. En el mundo del diseño se usaría para titulares.
-Raya: Ocupa el cuadratín entero. Se utiliza para incisos y diálogos.
5. SIGNOS VERTICALES:
-Barra vertical: Se usada para la separación de conceptos.
-Barra inclinada: Se usa para separar distintas medidas, direcciones, fechas, etc.
-Contrabarra: Es un elemento del entorno informático.
6. SIGNOS CONTENEDORES:
-Paréntesis: Es utilizado para crear aclaraciones o situar contextualmente.
-Corchetes: Es utilizado para supresiones internas. También realiza la función de paréntesis dentro de un cajetín de paréntesis.
-Llaves: Es un elemento matemático.
7. PUNTOS:
-Punto: Su uso se reduce a la separación de oraciones, finalizar un párrafo o final de un texto.
-Punto suspensivos: Se utilizan para que una oración o enumeración quede incompleta.
-Punto medio o volado: Se utiliza en el catalán para separar sílabas dentro de palabras.
-Topo o bala: Es el punto utilizado en los procesadores de texto para la enumeraciones.
-Línea de puntos: Se utiliza para separar dos párrafos.
-Puntos conductores: Se utiliza como índices, como tabulación.
8. BLANCOS TIPOGRÁFICOS:
-Espacio eme un cuadratín M
-Espacio ene Medio cuadratín M/2
-Espacio grueso Un tercio e cuadratín
-Espacio mediano un cuarto de cuadratín.
-Espacio delgado o fina un sexto/ ocatvo cuadretín
-Espacio de pelo un vigesimocuarta parte de un cuadratín.
8.3 NORMAS ORTOGRÁFICAS.
1. TIPOGRAFÍAS DISTINTIVAS:
Teniendo en cuenta que la base de un cuerpo de texto tendrá el mismo color, hay varias opciones que pueden ser usadas para resaltar alguna parte del mismo: mayúsculas, cursiva o negrita. La opción recomendada sería la cursiva, ya que la negrita es más utilizada para titulares o aislar textos.
Existen dos tipos de mayúsculas: de posición, al iniciar un párrafo o tras un punto final; mayúsculas por naturaleza, usadas en los nombres propios, así como en títulos de obras artísticas o acontecimientos históricos entre otros. Una regla que se debe tener en cuenta que los meses y días no no poseen mayúsculas por naturaleza, además tampoco deben ser usadas en un texto corrido ya que esto dificulta la legibilidad del mismo y no sería muy acertado.
Por último, las versalitas: la enumeración de siglos, nombres de dialogos o leyendas en folios.
2. CIFRAS:
En las cifras hay que tener en cuenta algunos factores. Por ejemplo el espacio que debe quedar entre un número y el símbolo de porcentaje, o los grados de los decimales se separan con coma y no con punto. Los números por encima del millar pueden llevar el punto como separador de la unidad de millar o no, no es del todo necesario; sin embargo en caso de fechas como 2017 no se debe separar la unidad de millar con un punto.
3. ABREVIATURAS:
-Siglas: ONU (Organización de las Naciones Unidas)
-Sigloide: PyME (Pequeña y Mediana Empresa)
-Acrónimo: FONART (Fondo Nacional para el Fomento de las Artes)
4. ORTOGRAFÍA PUBLICITARIA:
A menudo en el mundo de la publicidad se inventan palabras para así conseguir una mayor publicidad. La retirada de vocales del nombre comercial también fue un uso que se le dió en su momento a la publicidad.
7.B DISEÑO TIPOGRÁFICO
En esta práctica debíamos seleccionar un logotipo tipográfico y a raíz de este crear un alfabeto tipográfico. En mi caso escogí el logotipo tipográfico del canal de televición CNN.
7.A INTRODUCCIÓN AL DISEÑO TIPOGRÁFICO
SUMARIO
7.1 El proceso de diseño tipográfico.
7.2 Fundamentos del diseño tipográfico.
7.3 Programas tipográficos.
7.4 Tipografía creativa.
7.1. El proceso del diseño tipográfico
Las principales herramientas de un diseñador son el lápiz y el papel, a partir de ahí todo el proceso de diseño de una tipografía surge según una serie de factores. Un encargo por parte de una empresa o para una pagina corporativa o comercial que quiera una tipografía única. Otro es por propia iniciativa, ya sea para un proyecto personal o un trabajo propio.
Muchas tipografías se parecen, de manera que las posibilidades de crear una tipo exclusiva son límitadas. Basarse en un logotipo para la creación de una es una buena manera de darle exclusividad a la tipografía.
El proceso de creación sufre varias fases, comenzando claro está con el bocetado, en un tamaño grande y con un diseño sutil. La letra N es una de las primeras letras en desarrollarse por su iconicidad; la O abre la
familia de las circulares por lo que se suele usar también; la V describe dentro de la familia de las diagonales; la A junto con la G son letras consideradas especiales ya que no se
parecen a las demás, que tienen nombres exclusivos para sus partes
que no comparten con las demás. Tras el bocetado viene la digitalización (aunque previamente podemos haber realizado casi definitivos en papel para ver los
errores y problemas), con vectores y líneas componemos la creación de nuestra tipografía. Hay que tener en cuenta varios factores como el espaciado, ya que si no tenemos en cuenta este puede dar lugar a un enorme fiasco. Los proyectos ambiciosos son aquellos que incluyen familias tipográficas completas con sus distintos pesos, o con serifa y sin serifa, etc.
En cuanto a la comercialización se puede optar por varias formas como el software de libre descarga, licencia de creative commons (quedando establecido sus derechos pertinentes), de pago vía web o
a través de fundiciones. Dejando ya claro algunos métodos de comercialización , nos queda un último como pagar por
voluntad al autor aunque descargues la tipografía libremente.
7.2. Fundamentos del diseño
tipográfico
La consistencia o ductus es la identidad popia de una tipografía. Por ejemplo los remates o serifas dotan de personalidad a la tipo, haciéndola más reconocible o llamativa es un factor a tener muy en cuenta, puesto que determinará el aspecto genereal de la tipografía con o sin serifa. Otro elemento a tener en cuenta es el peso de la tipografía, así como el eje o modulación (vertical o inclinado). La altura de X es otro factor, la
proporción de la letra. La altura de X es el modulo de cada letra,
no es lo mismo hacer una baja que otra mas alta, ya que esto cambia la
percepción de las fuentes. El contraste es importante también, la diferencia de grosor en los trazos de las letras, una importante decisión de diseño ya que bien ejecutado hara que la letra conste demás equilibrio visual.
7.3. Programas diseño tipográfico
FontForge,un software libre y sencillo de usar entre otros. La filosofía de estos programas es la de diseñar
caracteres independientes. Hay que elegir la altura de X, línea
base, altura ascendente, etc. Se dibuja la letra y se marca el
espaciado. FontLab es el software profesional por
antonomasia y claro está de pago. Glyphs es otro buen software exclusivo para Mac. Fontself es una propuesta de adobe para
el diseño de tipografías que aún no ha salido a la venta. Robofont es un programa complementario para Glyphs.
7.4. Tipografía creativa
A la mayoría de tipógrafos, por no decir a todos, les encanta realizar tipos para edición, pero también hacen tipos con un fin mas creativo que pueden ser aplicadas a identidades
corporativas. En la mayoría de estos casos la tipo funciona
como una imagen, los textos son usados como líneas para formas una figura o imagen. La modificación de tipos ya existentes es llevada mucho a cabo.
6.B UNA FUNDICIÓN DIGITAL
El objetivo de Atipo Foundry es apoyar a estudiantes, diseñadores gráficos, agencias, editores y corporaciones ofreciendo tanto fuentes de calidad al detalle, como proyectos personalizados a proyectos editoriales y corporativos.
La filosofía de la fundición de atipo permite a los clientes obtener uno (o más) peso de fuente gratis y la familia completa se puede comprar a precios asequibles que permiten uso personal o comercial bajo la siguiente licencia.
6.A TIPOGRAFÍA DIGITAL
6.2 FUENTES TIPOGRÁFICAS
1. Bitmaps: La fuente bitmap fue la primera fuente tipográfica, mostrada en pantalla mediante una cuadrícula. Fuentes realizadas a base de píxels o puntos. Debido a esto este tipo de fuentes no se pueden escalar asi pues cuando se crea una fuente bitmap se debe realizaren distintos cuerpos para poderla visuzalizar correctamente.
2. PostScript: La primera fuente creada por Mac con un mejor muestreo que en windows. PostScript es un "lenguaje de descripción de página" es decir, es un lenguaje de programación que se usa para decirle a una máquina destinada a imprimir cómo y qué debe imprimir.
3. TrueType: En el caso de Microsoft, el TrueType fue la tecnología base para el diseño de fuentes. Se creo a finales de los 80 pero se empezó a utilizar de manera estándar en el 91. Ambos el PostScript y el TrueType son vectoriales.
4. OpenType: Son las mas extendidas, las que tienen las mejores características para el muestreo en pantalla, además tienen un formato abierto, multipantalla y se pueden añadir glifos para muchos tipos de alfabeto.
6.3 TEXTO EN PANTALLA
Hint y Hinting: Un algoritmo de programación que se utiliza para adaptar las fuentes haciendo que los nodos de estas se expandan o se compriman según su utilización.
Las fuentes profesionales incluyen este algoritmo con el que escalar el tamaño si fuese necesario.
6.4 FUNDICIONES DIGITALES
Son empresas que se dedican a crear, comercializar y distribuir fuentes en repositorios online
1. Bitmaps: La fuente bitmap fue la primera fuente tipográfica, mostrada en pantalla mediante una cuadrícula. Fuentes realizadas a base de píxels o puntos. Debido a esto este tipo de fuentes no se pueden escalar asi pues cuando se crea una fuente bitmap se debe realizaren distintos cuerpos para poderla visuzalizar correctamente.
2. PostScript: La primera fuente creada por Mac con un mejor muestreo que en windows. PostScript es un "lenguaje de descripción de página" es decir, es un lenguaje de programación que se usa para decirle a una máquina destinada a imprimir cómo y qué debe imprimir.
3. TrueType: En el caso de Microsoft, el TrueType fue la tecnología base para el diseño de fuentes. Se creo a finales de los 80 pero se empezó a utilizar de manera estándar en el 91. Ambos el PostScript y el TrueType son vectoriales.
4. OpenType: Son las mas extendidas, las que tienen las mejores características para el muestreo en pantalla, además tienen un formato abierto, multipantalla y se pueden añadir glifos para muchos tipos de alfabeto.
6.3 TEXTO EN PANTALLA
Hint y Hinting: Un algoritmo de programación que se utiliza para adaptar las fuentes haciendo que los nodos de estas se expandan o se compriman según su utilización.
Las fuentes profesionales incluyen este algoritmo con el que escalar el tamaño si fuese necesario.
6.4 FUNDICIONES DIGITALES
Son empresas que se dedican a crear, comercializar y distribuir fuentes en repositorios online
5.B MAPA INTERACTIVO DE FAMILIAS TIPOGRÁFICAS
En el siguiente ejercicio debíamos realizar una presentación interactiva con las distintas familias tipográficas. Disfrutad de ello.
Suscribirse a:
Entradas (Atom)