TIPOGRAFÍAPRODUCCIÓN DIGITAL

Sebastián GalloJuan Carlos RojasSantiago Giraldo A

IdentifontBuscador

Identifont es un buscador online de fuentes tipográficas donde de manera rápida se logra conocer su ficha tec-nica como: nombre y familia.Esta aplicación ayuda a encontrar tipo-grafía de la que el usuario tenga poca información. Por medio de un pedazo del nombre, autor, similitud con otra, o incluso aso-ciación de forma.

http://www.styopkin.com/details_advanced_fonts_viewer.html

Buscador

What the fontGracias a esta aplicación el usuario podrá cargar un archivo o un link para conocer determinada tipografía de su interés o una que se le asemeje.

http://www.myfonts.com/WhatTheFont/

PrintWorks BowfinBuscadorhttp://www.bowfinprintworks.com/SerifGuide/serifsearch.php

Es un sitio que nos ofrece gran cantidad de información para encontrar la fuente que estamos buscando.

Fontsquirrel.com Fontsquirrel

Buscador Es una base de fuentes gratuitas online.

http://typedia.com

TypediaBuscador Es una comunidad donde se pueden encontrar fuentes por estilos y familias, ademas de añadir y editar las paginas.

Buscador

Esta herramienta sirve como un buscador gratuito de fuentes para descargar.

Font Familyhttp://font-family.com/

Organizador

Opcion Font ViewerOpcion Font Viewer es un visor de código fuente libre y abierto escrito en Java. Le per-mite a los usuarios ver sus tipos de letra insta-lados y desinstalados y hacer que la selec-ción del tipo de letra adecuado para su proyecto rápida y fácil.Es para descargar.

http://opcion.sourceforge.net/#

OrganizadorAdvanced Font Viewer

Advanced Font Viewer es un programa con una interfaz fácil de usar que permite la visualización simultánea de todas las fuentes instaladas en el sistema. Un texto de ejemplo para cada fuente se muestra al lado y permite administrar e imprimir las fuentes.

http://www.styopkin.com/

Organizador

My Font BookEsta aplicación sirve para que los usuarios ordenen y escojan sus tipografías de manera rápida y más efectiva. Permite escribir frases para observar su relación con la tipografía y así mismo previsualizar el alfabeto completo de cada fuente por medio de la Web.

http://www.styopkin.com/details_advanced_fonts_viewer.html

TypertesterTypetester es un web en el que puedes comparar las tipografías de pantalla para decidir cual es la más apropiada para tu weblog, o página web.

Diseño webhttp://www.typetester.org/

PxtoemDiseño web

http://pxtoem.com/

Uno de los elementos más importantes del diseño web son las medidas porque lo que esta aplicación nos permite convertir y saber las medidas de px a em.

Diseño Webhttp://www.westciv.com/tools/boxshadows/index.html

Font Family

CsstxtDiseño web

http://csstxt.com/

Es una aplicacion gratuita donde ingresamos un texto y seleccionando una serie de opciones de formato, y la aplicacion nos devuelve un código HTML que podemos usar en nuestra página web.

Diseño Web

Jan-QuickelsEs una herramienta Web Tipografía: CSS Typeset Matrix y generador de código.De manera rápida y ordenada el usuario puede crear sus textos para manejo en interfaces web.

http://www.myfontbook.com/

Diseño Web

Blueprint es un marco de CSS , cuyo objeti-vo es reducir el tiempo de desarrollo. Te da una base sólida para construir su proyecto sobre el equipo, con una red de fácil uso, la tipografía sensible, plugins útiles, e incluso una hoja de estilo para la impresión.

Blueprinthttp://www.blueprintcss.org/

Diseño tipográfico

FontstructPor medio de esta aplicacion el usuario puede crear de manera diverida su propia tipografía.Por medio de unas rejillas y formas prediseñadas la creación se hace más práctica y sencilla.

http://fontstruct.com/

Lorem ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documen-tos electrónicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la creación de las hojas "Letraset", las cuales contenian pasajes de Lorem Ipsum, y más recientemente con software de autoedición, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum.

Porque lo usamosEs un hecho establecido hace demasiado tiempo que un lector se distraerá con el contenido del texto de un sitio mientras que mira su diseño. El punto de usar Lorem Ipsum es que tiene una distribución más o menos normal de las letras, al contrario de usar textos como por ejemplo "Contenido aquí, contenido aquí". Estos textos hacen parecerlo un español que se puede leer. Muchos paquetes de autoedición y edito-res de páginas web usan el Lorem Ipsum como su texto por defecto, y al hacer una búsqueda de "Lorem Ipsum" va a dar por resultado muchos sitios web que usan este texto si se encuentran en estado de desa-rrollo. Muchas versiones han evolucionado a través de los años, algunas veces por accidente, otras veces a propósito (por ejemplo insertándole humor y cosas por el estilo).

Creador de texto

Lipsumhttp://www.lipsum.com/

Creador de textohttp://www.duckisland.com/GreekMachine.asp?strLanguage=hillbilly&strParag=3&oStyle=2&beginL=on

Duckisland

Wordle es un juguete para generar “nubes de palabras” del texto que usted proporciona. Las nubes dan mayor importancia a las palabras que aparecen con más frecuencia en el texto de origen. Se pueden ajustar tus nubes con diferen-tes fuentes, diseños y combinaciones de colores. Las imágenes se crean con Wordle son tuyas para utilizar como quieras. Usted puede imprimir o guardar-las en la Galería Wordle para compartir con tus amigos.

Diagramación

Wordlehttp://www.wordle.net/

Esta herramienta permite crear sus propias fuentes y tipos de fuentes ajenas, utilizando letras y sitemas de puntuación.Estas se crean con el texto monoespa-ciado, y deben quedar bien en cual-quier tamaño de fuente.

Creador de Tipografía

Patorjkhttp://patorjk.com/software/taag/#p=display&f=Graffiti&t=Type%20Something%20

Referenteshttp://doublemesh.com/web-design/30-examples-of-typography-in-web-design/Es una página enfocada en temas de diseño donde se podrán encontrar ejemplos artículos y algunas aplicaciones.

2.39 EurosTabletas

Diseño Es un editor de fuentes dispone de una interfaz sencilla que nos permitirá crear tipos de letra al con sólo utilizar los dedos.

iFontMaker

Tabletas y smartphone 5.49 EurosDiseno y Ocio

Esta aplicación permite crear fácilmente arte con tipografia. Es perfecto para la creación de arte a partir de Tipografía y marcas de agua.

TypeDrawing

6.99 dolaressmartphone

Educacion y ocio

Es una herramineta que permite el el reconocimiento de escritura a mano. Sólo señalar el carácter con el dedo, y lo encuentra en el diccionario de japonés.

ShinKanji

Tabletas 24 dolaresEducacionAprovecha la evolución tecnológica de los dispositivos tablet, sobre todo la interfaz táctil y pantalla de alta resolución del iPad, para visualizar y manipular los tipos de letra

Typography Insight

smartphone3.9 dolaresEducacion

Es un manual con explicaciones sobre tipografía que permite a un usuario tener más control sobre las fuentes instaladas y conocer nuevas de su interés.

The Typography Manual

Tabletas y smartphone FreeBuscadorEs un buscador de tipografias que con solo una foto te ayudara a encontrar la tipografia que se esta buscando.

WhatTheFont

smartphoneBuscador

Es una herramienta para que el usuario pueda tener una carta de presentación de posibles tipografías. Font Shuffle

Novedoso Clasificación

TypeDrawingFontstructShinkanjiPatorjkWordleLipsumOuckislandIndetifontPrintworks BowfinFontsqiurrelTypediaFont FamilyFont ShuffleCsstxtJan QuickelsMy font BookAdvanced Font ViewerOpcion Font ViewerFont FamilyBlueprintTypography InsightThe typography Manual

(Orden de mayor a menor)

Crear una cuenta en Fontstruct y luego componer una frase con una tipografía creada por los estudiantes.

Luego diseñar una composición tipográfica en illustrator o photoshop para ser evaluada por todo el grupo.

El ganador obtendrá su premio.

Actividad

Links:

http://fontstruct.com/http://doublemesh.com/web-design/30-examples-of-typography-in-web-design/

TypeDrawingFontstructShinkanjiPatorjkWordleLipsumOuckislandIndetifontPrintworks BowfinFontsqiurrelTypediaFont FamilyFont ShuffleCsstxtJan QuickelsMy font BookAdvanced Font ViewerOpcion Font ViewerFont FamilyBlueprintTypography InsightThe typography Manual