Sie sind auf Seite 1von 242

cuatro

cuatro

intro

color

forma

tipografia

composicin

estructura

textura

cuatro
tipografa

cuatro

La importancia de la tipografa.

- La tipografa es uno de los elementos mas fundamentales e importantes del diseo. La buena o mala eleccin de una tipografa puede suponer el xito o completo desastre de una web o de cualquier diseo.

Nunca hay que olvidar que la tipografa es un micro-diseo en si misma, y que, por lo tanto, tiene valor en su propia forma sin la necesidad de ningn apoyo externo.

GgAa GgAa

cuatro

La importancia de la tipografa.

http://tejpotter.com/index.php

cuatro

La importancia de la tipografa.

http://www.w3.org/html/logo/

cuatro

La importancia de la tipografa.

http://www.nikebetterworld.com/

cuatro

La importancia de la tipografa.

http://www.irontoiron.com/

cuatro

La importancia de la tipografa.

http://www.marussiavirginracing.com/

cuatro

La importancia de la tipografa.

http://www.lega-lega.com/

cuatro

La importancia de la tipografa.

http://2010.dconstruct.org/

cuatro

La importancia de la tipografa.

http://www.the1stmovement.com/

cuatro

La importancia de la tipografa.

http://www.204beech.com/

cuatro

La importancia de la tipografa.

http://criticalzero.co.uk/

cuatro

La importancia de la tipografa.

http://design-swap.com/

cuatro

La importancia de la tipografa.

http://themanyfacesof.com/leonardo-dicaprio/

cuatro

La importancia de la tipografa.

http://www.messagesforjapan.com/

cuatro

La importancia de la tipografa.

http://www.sweetlifefestival.com/

cuatro

La importancia de la tipografa.

http://photoshopetiquette.com/

cuatro

La importancia de la tipografa.

http://www.becausestudio.co.uk/

cuatro

La importancia de la tipografa.

http://www.archfirm.com

cuatro

La importancia de la tipografa.

http://grandpeople.no/

cuatro

La importancia de la tipografa.

http://stijlroyal.com/

cuatro

La importancia de la tipografa.

http://www.joyent.com/

cuatro

La importancia de la tipografa.

http://www.studiobreakfast.be/

cuatro

La importancia de la tipografa.

http://mikemcquade.com/

cuatro

La importancia de la tipografa.

http://drxlr.com/

cuatro

La importancia de la tipografa.

http://www.lawineagency.com/

cuatro

La importancia de la tipografa.

http://www.msaarch.com/

cuatro

La importancia de la tipografa.

http://www.storyhotels.com/

cuatro

La importancia de la tipografa.

- La tipografa se ocupa de la estructura y organizacin del lenguaje visualmente. Podemos dividir la labor del diseador con respecto a la tipografa en bsicamente dos mbitos:

1. Edicin 2. Creativa

cuatro

La importancia de la tipografa.

1. Edicin
- Se basa en el concepto de la legibilidad, es decir, en hacer que los textos sean legibles y accesibles para el usuario. Gira sobre la idea de tipografa como vehculo de transmisin de la informacin.

1. ordenar la letra 2. distribuir los espacios 3. escoger el tipo adecuado 4. ayudar a la mejor comprension 5. uso eficiente

En este caso, el disenador debe:

cuatro

La importancia de la tipografa.

rockwell
Mina mobilita il web per rintracciare lautore di una canzone che entrer nel suo nuovo album di inediti in uscita a novembre. Il demo del brano a lei inviato non era accompagnato da alcuna informazione che potesse far risalire allautore. Il brano si intitola Questa canzone, Mina lo ha interpretato con straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo. Se sei lautore della canzone di Mina carica un video di risposta con un estratto (60 secondi) del demo originale e segui le istruzioni che trovi.

baskerville
Mina mobilita il web per rintracciare lautore di una canzone che entrer nel suo nuovo album di inediti in uscita a novembre. Il demo del brano a lei inviato non era accompagnato da alcuna informazione che potesse far risalire allautore. Il brano si intitola Questa canzone, Mina lo ha interpretato con straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo. Se sei lautore della canzone di Mina carica un video di risposta con un estratto (60 secondi) del demo originale e segui le istruzioni che trovi.

cuatro

La importancia de la tipografa.

helvetica
Mina mobilita il web per rintracciare lautore di una canzone che entrer nel suo nuovo album di inediti in uscita a novembre. Il demo del brano a lei inviato non era accompagnato da alcuna informazione che potesse far risalire allautore. Il brano si intitola Questa canzone, Mina lo ha interpretato con straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo. Se sei lautore della canzone di Mina carica un video di risposta con un estratto (60 secondi) del demo originale e segui le istruzioni che trovi.

myriad pro
Mina mobilita il web per rintracciare lautore di una canzone che entrer nel suo nuovo album di inediti in uscita a novembre. Il demo del brano a lei inviato non era accompagnato da alcuna informazione che potesse far risalire allautore. Il brano si intitola Questa canzone, Mina lo ha interpretato con straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo. Se sei lautore della canzone di Mina carica un video di risposta con un estratto (60 secondi) del demo originale e segui le istruzioni che trovi.

cuatro

La importancia de la tipografa.

poplar
Mina mobilita il web per rintracciare lautore di una canzone che entrer nel suo nuovo album di inediti in uscita a novembre. Il demo del brano a lei inviato non era accompagnato da alcuna informazione che potesse far risalire allautore. Il brano si intitola Questa canzone, Mina lo ha interpretato con straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo. Se sei lautore della canzone di Mina carica un video di risposta con un estratto (60 secondi) del demo originale e segui le istruzioni che trovi.

Mina mobilita il web per rintracciare l autore di una canzone che entrer nel suo nuovo album di inediti in uscita a novembre. Il demo del brano a lei inviato non era accompagnato da alcuna informazione che potesse far risalire all autore. Il brano si intitola Questa canzone, Mina lo ha interpretato con straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo. Se sei l autore della canzone di Mina carica un video di risposta con un estratto (60 secondi) del demo origi.

zapfino

cuatro

La importancia de la tipografa.

garamond
Mina mobilita il web per rintracciare lautore di una canzone che entrer nel suo nuovo album di inediti in uscita a novembre. Il demo del brano a lei inviato non era accompagnato da alcuna informazione che potesse far risalire allautore. Il brano si intitola Questa canzone, Mina lo ha interpretato con straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo. Se sei lautore della canzone di Mina carica un video di risposta con un estratto (60 secondi) del demo originale e segui le istruzioni che trovi.

baskerville
Mina mobilita il web per rintracciare lautore di una canzone che entrer nel suo nuovo album di inediti in uscita a novembre. Il demo del brano a lei inviato non era accompagnato da alcuna informazione che potesse far risalire allautore. Il brano si intitola Questa canzone, Mina lo ha interpretato con straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo. Se sei lautore della canzone di Mina carica un video di risposta con un estratto (60 secondi) del demo originale e segui le istruzioni che trovi.

cuatro

La importancia de la tipografa.

garamond

baskerville

Mina mobilita il web per rintracciare lautore di una canzone che entrer nel suo nuovo album di inediti in uscita a novembre.

Mina mobilita il web per rintracciare lautore di una canzone che entrer nel suo nuovo album di inediti in uscita a novembre.

cuatro

La importancia de la tipografa.

garamond

baskerville

garamond

baskerville

Mina mobilita il mobilita il web per rintracciare per rintracciare lautore di una canlautore di una canzone che entrer nel che entrer nel suo nuovo album di album di inediti in uscita a noa novembre. vembre.

Mina mobilita il web web

cuatro

La importancia de la tipografa.

http://www.playattitude.no/

cuatro

La importancia de la tipografa.

http://hocusfocus.no/

cuatro

La importancia de la tipografa.

http://cloudberrycreative.com/

cuatro

La importancia de la tipografa.

http://www.blakeallendesign.com/

cuatro

La importancia de la tipografa.

http://www.gridlondon.com/

cuatro

La importancia de la tipografa.

http://www.patrickmonkel.nl/

cuatro

garamond

a a
La importancia de la tipografa.

baskerville

cuatro

La importancia de la tipografa.

garamond baskerville

cuatro

La importancia de la tipografa.

baskerville times

cuatro

La importancia de la tipografa.

arial helvetica

cuatro

La importancia de la tipografa.

arial helvetica

cuatro

La importancia de la tipografa.

Cada tipografa posee su propia familia tipogrfica, es decir, diferentes versiones de grosor, inclinacin y expansin.

familia de la helvetica

Light Light Oblique Regular Oblique Bold Bold Oblique

cuatro

La importancia de la tipografa.

familia de la Baskerville

Regular Italic Semi Bold Semi Bold Italic Bold Bold Italic

cuatro

La importancia de la tipografa.

familia de la Myriad Pro

Condensed Condensed italic Bold Condensed Bold Condensed italic Regular Italic Semi Bold Semi Bold Italic Bold Bold italic

cuatro

La importancia de la tipografa.

myriad pro regular myriad pro condensed

cuatro

La importancia de la tipografa.

myriad pro condensed

myriad pro regular

Mina mobilita il web per rintracciare lautore di una canzone che entrer nel suo nuovo album di inediti in uscita a novembre.

Mina mobilita il web per rintracciare lautore di una canzone che entrer nel suo nuovo album di inediti in uscita a novembre.

cuatro

La importancia de la tipografa.

Verdana Trebuchet MS Myriad Pro Myriad Pro Condensed

cuatro

La importancia de la tipografa.

http://www.elansnowboards.com/en/

cuatro

La importancia de la tipografa.

http://atedrake.com/

cuatro

La importancia de la tipografa.

http://www.thedesigncubicle.com/

cuatro

La importancia de la tipografa.

http://www.fajnechlopaki.com/

cuatro

La importancia de la tipografa.

http://www.chicagolshirts.com/

cuatro

La importancia de la tipografa.

http://www.blakeallendesign.com/

cuatro

La importancia de la tipografa.

http://www.griplimited.com/

cuatro

La importancia de la tipografa.

http://www.cascadebreweryco.com.au/

cuatro

La importancia de la tipografa.

http://www.pineapplethief.com/

cuatro

La importancia de la tipografa.

Diferencias entre

Oblique e Italic
Una oblique se forma cuando rotamos unos grados (como mximo 15) la tipografa en regular. La Itlica se crea desde cero y es un tipo completamente diferente y nuevo con respecto a la version en regular.

helvetica regular

helvetica oblique

cuatro

helvetica regular
Diferencias entre

helvetica oblique

Oblique e Italic
Una oblique se forma cuando rotamos unos grados (como mximo 15) la tipografa en regular. La Itlica se crea desde cero y es un tipo completamente diferente y nuevo con respecto a la version en regular.

cuatro

La importancia de la tipografa.

Diferencias entre

Oblique e Italic
Una oblique se forma cuando rotamos unos grados (como mximo 15) la tipografa en regular. La Itlica se crea desde cero y es un tipo completamente diferente y nuevo con respecto a la version en regular.

gill sans regular

gill sans italic

cuatro

La importancia de la tipografa.

Diferencias entre

Oblique e Italic
Una oblique se forma cuando rotamos unos grados (como mximo 15) la tipografa en regular. La Itlica se crea desde cero y es un tipo completamente diferente y nuevo con respecto a la version en regular.

baskerville regular

baskerville italic

cuatro

La importancia de la tipografa.

garamond regular

garamond bold

Mina mobilita il web per rintracciare lautore di una canzone che entrer nel suo nuovo album di inediti in uscita a novembre.

Mina mobilita il web per rintracciare lautore di una canzone che entrer nel suo nuovo album di inediti in uscita a novembre.

cuatro

La importancia de la tipografa.

garamond italic

garamond bold italic

Mina mobilita il web per rintracciare lautore di una canzone che entrer nel suo nuovo album di inediti in uscita a novembre.

Mina mobilita il web per rintracciare lautore di una canzone che entrer nel suo nuovo album di inediti in uscita a novembre.

cuatro

Tipografias mas comunes en la web.


Tahoma / Tahoma Geneva

Mina mobilita il web per rintracciare lautore di una canzone che entrer.

Mina mobilita il web per rintracciare lautore di una canzone che entrer.

cuatro

Tipografias mas comunes en la web.


Lucida Grande Verdana

Mina mobilita il web per rintracciare lautore di una canzone che entrer.

Mina mobilita il web per rintracciare lautore di una canzone che entrer.

cuatro

Tipografias mas comunes en la web.


Gill Sans Trebuchet

Mina mobilita il web per rintracciare lautore di una canzone che entrer.

Mina mobilita il web per rintracciare lautore di una canzone che entrer.

cuatro

Tipografias mas comunes en la web.


Arial helvetica

Mina mobilita il web per rintracciare lautore di una canzone che entrer.

Mina mobilita il web per rintracciare lautore di una canzone che entrer.

cuatro

Tipografias mas comunes en la web.


Impact Geneva

Mina mobilita il web per rintracciare lautore di una canzone che entrer.

Mina mobilita il web per rintracciare lautore di una canzone che entrer.

cuatro

Tipografias mas comunes en la web.


Palatino Lynotipe Times

Mina mobilita il web per rintracciare lautore di una canzone che entrer.

Mina mobilita il web per rintracciare lautore di una canzone che entrer.

cuatro

Tipografias mas comunes en la web.


Georgia Garamond

Mina mobilita il web per rintracciare lautore di una canzone che entrer.

Mina mobilita il web per rintracciare lautore di una canzone che entrer.

cuatro

Tipografias mas comunes en la web.


Courier New Andale Mono

Mina mobilita il web per rintracciare lautore di una canzone che entrer.

Mina mobilita il web per rintracciare lautore di una canzone che entrer.

cuatro

Tipografias mas comunes en la web.


Comic Sans Comic Sans

Mina mobilita il web per rintracciare lautore di una canzone che entrer.

Mina mobilita il web per rintracciare lautore di una canzone che entrer.

cuatro

La Arquitectura de la tipografa.

Arquitectura tipogrfica
La tipografa tiene su arquitectura interna que le imprimen una coherencia, ritmo y caractersticas propias. Los elementos mas importantes son las ascendentes, descendentes, linea base, altura de la x y la barba.

cuatro

La Arquitectura de la tipografa.

ascendentes y maysculas

altura de la X ojo medio linea base barba u hombro

cuatro

La Arquitectura de la tipografa.

cuatro

La Arquitectura de la tipografa.

cuatro

La Arquitectura de la tipografa.

cuatro

La Arquitectura de la tipografa.

cuatro

La Arquitectura de la tipografa.

cuatro

La Arquitectura de la tipografa.

Zapfino

cuatro

La Arquitectura de la tipografa.

myriad

zapfino

cuatro

La Arquitectura de la tipografa.

myriad

zapfino

cuatro

La Arquitectura de la tipografa.

Modulacin tipogrfica
Las tipografas romanas tienen una modulacin del trazo, que hace que su grosor y trazo varen a lo largo de su recorrido, dando ritmo visual y facilitando la lectura en textos largos.

modulacin vertical o axial

modulacin oblicua

cuatro

La Arquitectura de la tipografa.

cuatro

La Arquitectura de la tipografa.

Correcciones pticas
La distancia entre las letras dentro de una palabra crea diferentes efectos en la habilidad de lectura y en la integridad y composicion del diseno de la tipografia. Los dos elementos que intervienen en la correccion optica de una palabra son:

1. Kerning 2. Tracking

cuatro

La Arquitectura de la tipografa.

Correcciones pticas

1. Kerning
El kerning corrige y adecua la distancia entre pares de caracteres. Es imprescindible para que la tipografa este equilibrada y sea legible. La distancia optima entre cada carcter es ptica, y no matemtica, por lo que varia de uno a otro.

hola hola

cuatro

La Arquitectura de la tipografa.

1. Kerning

hola

cuatro

La Arquitectura de la tipografa.

Correcciones pticas

2. Tracking
El kerning corrige y adecua la distancia entre todas las letras de una palabra, acercndolas o alejndolas entre si de manera proporcional. En este caso, se usa sobre todo para palabras sueltas, donde la legibilidad no es tan importante, y donde prima un diseo compacto e integro.

cuatro

La Arquitectura de la tipografa.

tracking 0

tracking -100

rockwell rock well

tracking -200

tracking -300

cuatro

La Arquitectura de la tipografa.

cuatro

La Arquitectura de la tipografa.

Garamond tracking 0

Garamond tracking -70

Mina mobilita il web per rintracciare lautore di una canzone che entrer.

Mina mobilita il web per rintracciare lautore di una canzone che entrer.

cuatro

La Arquitectura de la tipografa.

Clasificacin tipologica
Dependiendo de su anatoma y familias, las tipografas se pueden clasificar dentro de los siguientes grandes grupos:

1. Serif 2. Sans Serif

cuatro

La Arquitectura de la tipografa.

Clasificacin tipologica

1. Serif
Son aquellas que poseen remates en su morfologia. Entre estos tipos podemos encontrar las Romanas, las Antiguas o las Egipcias.

cuatro

La Arquitectura de la tipografa.

cuatro

La Arquitectura de la tipografa.

cuatro

La Arquitectura de la tipografa.

cuatro

La Arquitectura de la tipografa.

abcdefghijklm nopqrstuvwxyz
baskerville

cuatro
rockwell

La Arquitectura de la tipografa.

abcdefghijklm nopqrstuvwxyz

cuatro

La importancia de la tipografa.

http://www.blitzagency.com/hi/

cuatro

La importancia de la tipografa.

http://midcenturymodernist.com/

cuatro

La Arquitectura de la tipografa.

cuatro

La Arquitectura de la tipografa.

Clasificacin tipologica

2. Sans Serif
Son aquellas que no poseen remates en su morfologia. Entre estos tipos podemos encontrar las Grotescas, las Neogrotescas, las Geomtricas y las Humanistas.

cuatro

La Arquitectura de la tipografa.

cuatro

La Arquitectura de la tipografa.

cuatro

La Arquitectura de la tipografa.

cuatro
futura

La Arquitectura de la tipografa.

abcdefghijklmn opqrstuvwxyz

cuatro
gill sans

abcdefghijklmn opqrstuvwxyz

cuatro

La importancia de la tipografa.

http://www.swisswater.com/

cuatro

La importancia de la tipografa.

http://www.grafik.co.nz/

cuatro

2. Creativa
- Se basa en el concepto del diseo, donde prima la esttica y el concepto sobre la legibilidad. Es aconsejable en palabras sueltas, logotipos, titulos o encabezados. Las tipografas manuales estn dentro de este conjunto, as como las hechas a partir de otros materiales, texturas, etc.

cuatro

La importancia de la tipografa.

http://www.skylerstonestreet.com/

cuatro

La Arquitectura de la tipografa.

http://kylesteed.com/

cuatro

La Arquitectura de la tipografa.

http://www.pointlesscorp.com/

cuatro

La Arquitectura de la tipografa.

http://woodlandsofbatonrouge.com/

cuatro

La importancia de la tipografa.

http://www.switchtovirginamerica.com/

cuatro

La importancia de la tipografa.

http://englishworkshop.eu/

cuatro

La importancia de la tipografa.

http://vectormill.com/

cuatro

La Arquitectura de la tipografa.

http://37signals.com/

cuatro

La Arquitectura de la tipografa.

http://www.alistapart.com/

cuatro

La Arquitectura de la tipografa.

http://infinvision.com/

cuatro

La Arquitectura de la tipografa.

http://www.bearskinrug.co.uk/

cuatro

La Arquitectura de la tipografa.

http://www.marcecko.com/#/

cuatro

La importancia de la tipografa.

http://steedicons.com/

cuatro

La importancia de la tipografa.

http://solidgiant.com/

cuatro

La importancia de la tipografa.

http://www.amazeelabs.com/

cuatro

La importancia de la tipografa.

http://www.fail-ure.net/

cuatro

La importancia de la tipografa.

http://www.pieoneers.com/

cuatro

La importancia de la tipografa.

http://inmotionmassage.co.uk/

cuatro

La importancia de la tipografa.

http://1md.be/

cuatro

La importancia de la tipografa.

http://www.siblingrivalrywine.ca/

cuatro

La importancia de la tipografa.

http://www.precinkt.com/

cuatro

La importancia de la tipografa.

http://www.eightytwodesign.com/new/

cuatro

La importancia de la tipografa.

http://catrabbit.com.au/

cuatro

La importancia de la tipografa.

http://10k.aneventapart.com/

cuatro

La importancia de la tipografa.

http://www.bongocomics.com/

cuatro

La importancia de la tipografa.

http://www.warchild.org.uk/

cuatro

La importancia de la tipografa.

http://carsonified.com/

cuatro

La importancia de la tipografa.

http://xhtmlcafe.net/

cuatro

La importancia de la tipografa.

es el secreto de un buen diseo


Un uso de una tipografia coherente en estilo y forma es vital para una buena web. La tipografa es uno de los elementos mas fundamentales e importantes del diseo. La buena o mala eleccin de una tipografa puede suponer el xito o completo desastre de una web o de cualquier diseo.

TIPOGRAFIA COHERENTE

cuatro

La importancia de la tipografa.

cuatro

La importancia de la tipografa.

El secreto de un buen diseo


Un uso de una tipografia coherente en estilo y forma es vital para una buena web. La tipografa es uno de los elementos mas fundamentales e importantes del diseo.
Mina mobilita il web per rintracciare lautore di una canzone che entrer nel suo nuovo album di inediti in uscita a novembre. Il demo del brano a lei inviato non era accompagnato da alcuna informazione che potesse far risalire allautore. Il brano si intitola Questa canzone, Mina lo ha interpretato con straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo. Se sei lautore della canzone di Mina carica un video di risposta con un estratto (60 secondi) del demo originale e segui le istruzioni che trovi.

Myriad Pro Bold

Garamond italic Garamond regular

cuatro

La importancia de la tipografa.
EL SECRETO DE UN BUEN DISEO
Un uso de una tipografia coherente en estilo y forma es vital para una buena web. La tipografa es uno de los elementos mas fundamentales e importantes del diseo.
Mina mobilita il web per rintracciare lautore di una canzone che entrer nel suo nuovo album di inediti in uscita a novembre. Il demo del brano a lei inviato non era accompagnato da alcuna informazione che potesse far risalire allautore. Il brano si intitola Questa canzone, Mina lo ha interpretato con straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo. Se sei lautore della canzone di Mina carica un video di risposta con un estratto (60 secondi) del demo originale e segui le istruzioni che trovi.

ROCKWELL BOLD MAYUSCULAS

Baskerville italic Baskerville regular

cuatro

La importancia de la tipografa.

El secreto de un buen diseo


Mina mobilita il web per rintracciare lautore di una canzone che entrer nel suo nuovo album di inediti in uscita a novembre. Il demo del brano a lei inviato non era accompagnato da alcuna informazione che potesse far risalire allautore. Il brano si intitola Questa canzone, Mina lo ha interpretato con straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo. Se sei lautore della canzone di Mina carica un video di risposta con un estratto (60 secondi) del demo originale e segui le istruzioni che trovi.

Didot bold
Helvetica regular

cuatro

La importancia de la tipografa.

Mina mobilita il web per rintracciare lautore di una canzone che entrer nel suo nuovo album di inediti in uscita a novembre. Il demo del brano a lei inviato non era accompagnato da alcuna informazione che potesse far risalire allautore. Il brano si intitola Questa canzone, Mina lo ha interpretato con straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo. Se sei lautore della canzone di Mina carica un video di risposta con un estratto (60 secondi) del demo originale e segui le istruzioni che trovi. Questa canzone, Mina lo ha interpretato con Mina lo ha interpretato con straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo. straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo.

El secreto de un buen diseo

Helvetica bold Helvetica bold Helvetica regular

cuatro

La importancia de la tipografa.

Mina mobilita il web per rintracciare lautore di una canzone che entrer nel suo nuovo album di inediti in uscita a novembre.
Il demo del brano a lei inviato non era accompagnato da alcuna informazione che potesse far risalire allautore. Il brano si intitola Questa canzone, Mina lo ha interpretato con straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo. Se sei lautore della canzone di Mina carica un video di risposta con un estratto (60 secondi) del demo originale e segui le istruzioni che trovi. Questa canzone, Mina lo ha interpretato con.

buen diseo

Helvetica bold Helvetica bold

Times regular

cuatro

La importancia de la tipografa.

Mina mobilita il web per rintracciare lautore di una canzone che entrer nel suo nuovo album di inediti in uscita a novembre.
Il demo del brano a lei inviato non era accompagnato da alcuna informazione che potesse far risalire allautore. Il brano si intitola Questa canzone, Mina lo ha interpretato con straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo. Se sei lautore della canzone di Mina carica un video di risposta con un estratto (60 secondi) del demo originale e segui le istruzioni che trovi. Questa canzone, Mina lo ha interpretato con.

Buen diseo

Times italic bold Times italic bold

Gill Sans regular

cuatro

La importancia de la tipografa.

Buen diseo en la tipografa


Times italic bold Gill Sans regular

Buen diseo en la tipografa


Buen diseo en la tipografa Buen diseo en la tipografa

cuatro

Times italic bold Gill Sans regular

diseo diseo

La importancia de la tipografa.

cuatro

La importancia de la tipografa.

16 pt.

tamao ideal para texto

cuatro

La importancia de la tipografa.

Por que 16 pt es
el tamao ideal para texto de contenido.
- Usualmente, los libros de lectura tienen un tamao optimo que oscila entre los 10-12 puntos. Sin embargo, estos tamaos, en pantalla, parecen no adecuarse con facilidad a la lectura del usuario.

cuatro

La importancia de la tipografa.

1 - Los navegadores de la web estn optimizados para tener un tamao de 16 pt. en la tipografa por defecto.

3 - La distancia a la que nos colo-

camos delante de una pantalla es mayor a la que nos colocamos delante de un libro.

2 - 10 y 12 pt. se ven demasiado

pequeos en pantalla. De hecho, 12 puntos impresos equivalen aproximadamente a 16 pt. en pantalla al 100% de zoom.

4 - En una encuesta de 2005, mas

del 80% de los usuarios de internet se quejaba del pequeo tamao de los textos.

cuatro

La importancia de la tipografa.

Gill Sans Regular 10 pt


Il demo del brano a lei inviato non era accompagnato da alcuna informazione che potesse far risalire allautore. Il brano si intitola Questa canzone, Mina lo ha interpretato con straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo. Se sei lautore della canzone di Mina carica un video di risposta con un estratto (60 secondi) del demo originale e segui le istruzioni che trovi. Questa canzone, Mina lo ha interpretato con.

Gill Sans Regular 12 pt


Il demo del brano a lei inviato non era accompagnato da alcuna informazione che potesse far risalire allautore. Il brano si intitola Questa canzone, Mina lo ha interpretato con straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo. Se sei lautore della canzone di Mina carica un video di risposta con un estratto (60 secondi) del demo originale e segui le istruzioni che trovi. Questa canzone, Mina lo ha interpretato con.

Gill Sans Regular 16 pt


Il demo del brano a lei inviato non era accompagnato da alcuna informazione che potesse far risalire allautore. Il brano si intitola Questa canzone, Mina lo ha interpretato con straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo. Se sei lautore della canzone di Mina carica un video di risposta con un estratto (60 secondi) del demo originale e segui le istruzioni che trovi. Questa canzone, Mina lo ha interpretato con.

cuatro

La importancia de la tipografa.

Times Regular 10 pt
Il demo del brano a lei inviato non era accompagnato da alcuna informazione che potesse far risalire allautore. Il brano si intitola Questa canzone, Mina lo ha interpretato con straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo. Se sei lautore della canzone di Mina carica un video di risposta con un estratto (60 secondi) del demo originale e segui le istruzioni che trovi. Questa canzone, Mina lo ha interpretato con.

Times Regular 12 pt
Il demo del brano a lei inviato non era accompagnato da alcuna informazione che potesse far risalire allautore. Il brano si intitola Questa canzone, Mina lo ha interpretato con straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo. Se sei lautore della canzone di Mina carica un video di risposta con un estratto (60 secondi) del demo originale e segui le istruzioni che trovi. Questa canzone, Mina lo ha interpretato con.

Times Regular 16 pt
Il demo del brano a lei inviato non era accompagnato da alcuna informazione che potesse far risalire allautore. Il brano si intitola Questa canzone, Mina lo ha interpretato con straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo. Se sei lautore della canzone di Mina carica un video di risposta con un estratto (60 secondi) del demo originale e segui le istruzioni che trovi. Questa canzone, Mina lo ha interpretato con.

cuatro

La importancia de la tipografa.

Verdana Regular 10
Il demo del brano a lei inviato non era accompagnato da alcuna informazione che potesse far risalire allautore. Il brano si intitola Questa canzone, Mina lo ha interpretato con straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo. Se sei lautore della canzone di Mina carica un video di risposta con un estratto (60 secondi) del demo originale e segui le istruzioni che trovi. Questa canzone, Mina lo ha interpretato con.

Verdana Regular 12
Il demo del brano a lei inviato non era accompagnato da alcuna informazione che potesse far risalire allautore. Il brano si intitola Questa canzone, Mina lo ha interpretato con straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo. Se sei lautore della canzone di Mina carica un video di risposta con un estratto (60 secondi) del demo originale e segui le istruzioni che trovi. Questa canzone, Mina lo ha interpretato con.

Verdana Regular 16
Il demo del brano a lei inviato non era accompagnato da alcuna informazione che potesse far risalire allautore. Il brano si intitola Questa canzone, Mina lo ha interpretato con straordinaria intensit e lo affida ora al web affinch chi lo ha composto possa riconoscerlo e farsi vivo. Se sei lautore della canzone di Mina carica un video di risposta con un estratto (60 secondi) del demo originale e segui le istruzioni che trovi. Questa canzone, Mina lo ha interpretato con.

cuatro

La importancia de la tipografa.

reglas

para una buena seleccin tipogrfica

cuatro

La importancia de la tipografa.

1 - Es importante que nos vistamos


para la ocasion con la tipografa adecuada. Cada una tiene sus caracteristicas y vinculaciones verbo-icnicas.

helvetica neue ultra light

te quiero

helvetica neue bold

te odio

cuatro

La importancia de la tipografa.

2 - Es imprescindible el conocer
a las familias topogrficas y sus variantes para saber cual escoger en el momento adecuado.

geomtricas

tradicionales

A T M E
G H
humanistas antiguas modernas

egipcias

cuatro

La importancia de la tipografa.

geomtricas
futura

G abcdefghijklmn opqrstuvwxyz

cuatro

La importancia de la tipografa.

geomtricas
eurostile

G abcdefghijklmn
opqrstuvwxyz

cuatro

La importancia de la tipografa.

geomtricas
eras

G abcdefghijklmn
opqrstuvwxyz

cuatro

La importancia de la tipografa.

geomtricas
avant garde

G abcdefghijklm

nopqrstuvwxyz

cuatro

La importancia de la tipografa.

geomtricas
bauhaus

G abcdefghijklm nopqrstuvwxyz

cuatro

La importancia de la tipografa.

geomtricas
frankling gothic

G abcdefghijklm nopqrstuvwxyz

cuatro

La importancia de la tipografa.

geomtricas
grotesque

G abcdefghijklm nopqrstuvwxyz

cuatro

La importancia de la tipografa.

geomtricas
kabel

G abcdefghijklm nopqrstuvwxyz

cuatro

La importancia de la tipografa.

geomtricas
vag rounded

G abcdefghijklm nopqrstuvwxyz

cuatro

La importancia de la tipografa.

geomtricas
din

G abcdefghijklm

nopqrstuvwxyz

cuatro

La importancia de la tipografa.

geomtricas
helvetica

G abcdefghijklm

nopqrstuvwxyz

cuatro

La importancia de la tipografa.

humanistas
gill sans

H abcdefghijklm
nopqrstuvwxyz

cuatro

La importancia de la tipografa.

humanistas
myriad pro

H abcdefghijklm
nopqrstuvwxyz

cuatro

La importancia de la tipografa.

humanistas
trebuchet

H abcdefghijklm

nopqrstuvwxyz

cuatro

La importancia de la tipografa.

humanistas
optima

H abcdefghijklm
nopqrstuvwxyz

cuatro

La importancia de la tipografa.

antiguas
garamond

A abcdefghijklm

nopqrstuvwxyz

cuatro

La importancia de la tipografa.

antiguas
bembo

A abcdefghijklm

nopqrstuvwxyz

cuatro

La importancia de la tipografa.

tradicionales
baskerville

T abcdefghijklm
nopqrstuvwxyz

cuatro

La importancia de la tipografa.

tradicionales
times

T abcdefghijklm

nopqrstuvwxyz

cuatro

La importancia de la tipografa.

tradicionales

T abcdefghijklm

times new roman

nopqrstuvwxyz

cuatro

La importancia de la tipografa.

tradicionales
versailles

abcdefghijklm nopqrstuvwxyz

cuatro

La importancia de la tipografa.

tradicionales
caslon

abcdefghijklm T nopqrstuvwxyz

cuatro

La importancia de la tipografa.

modernas
didot

abcdefghijklm nopqrstuvwxyz

cuatro

La importancia de la tipografa.

modernas
bodoni

abcdefghijklm M nopqrstuvwxyz

cuatro

La importancia de la tipografa.

modernas
chaparral

abcdefghijklm M nopqrstuvwxyz

cuatro

La importancia de la tipografa.

modernas
fenice

abcdefghijklm M nopqrstuvwxyz

cuatro

La importancia de la tipografa.

egipcias
rockwell

abcdefghijklm nopqrstuvwxyz

cuatro

La importancia de la tipografa.

egipcias
lubalin

abcdefghijklm nopqrstuvwxyz

cuatro

La importancia de la tipografa.

egipcias
antique olive

abcdefghijklm nopqrstuvwxyz

cuatro

La importancia de la tipografa.

egipcias
blackoak

abcdefghij klmnopqrs tuvwxyz

cuatro

La importancia de la tipografa.

egipcias
calvert

E abcdefghij
klmnopqrs tuvwxyz

cuatro

La importancia de la tipografa.

egipcias
clarendon

E abcdefghij
klmnopqrs tuvwxyz

cuatro

La importancia de la tipografa.

egipcias
falstaff

abcdefghij klmnopqrs tuvwxyz

cuatro

La importancia de la tipografa.

egipcias
aachen

E abcdefghij

klmnopqrs tuvwxyz

cuatro

La importancia de la tipografa.

egipcias
inflex

abcdefghij E klmnopqrs tuvwxyz

cuatro

La importancia de la tipografa.

http://www.beautifultype.net

cuatro

La importancia de la tipografa.

http://www.besupercharged.com

cuatro

La importancia de la tipografa.

http://www.bigdaddyweave.com

cuatro

La importancia de la tipografa.

http://www.collisionlabs.com

cuatro

La importancia de la tipografa.

http://www.coryetzkorn.com

cuatro

La importancia de la tipografa.

http://www.genessausageshop.com

cuatro

La importancia de la tipografa.

http://www.iflymagazine.com

cuatro

La importancia de la tipografa.

http://www.kccreepfest.com

cuatro

La importancia de la tipografa.

http://www.kooba.ie

cuatro

La importancia de la tipografa.

http://www.mariecatribs.com

cuatro

La importancia de la tipografa.

http://www.nike.com/jumpman23/historyofflight/

cuatro

La importancia de la tipografa.

http://nordkapp.fi

cuatro

La importancia de la tipografa.

http://www.poogansporch.com

cuatro

La importancia de la tipografa.

http://www.rga.com

cuatro

La importancia de la tipografa.

http://www.rowtothepole.com

cuatro

La importancia de la tipografa.

http://thisisyoke.com

cuatro

La importancia de la tipografa.

http://uponafold.com.au

cuatro

La importancia de la tipografa.

http://www.beetroot.gr

cuatro

La importancia de la tipografa.

http://www.bokche.com

cuatro

La importancia de la tipografa.

http://www.designzoom.in

cuatro

La importancia de la tipografa.

http://www.ednacional.com

cuatro

La importancia de la tipografa.

http://bestwebgallery.com

cuatro

La importancia de la tipografa.

http://typemedia2011.com/florian

cuatro

La importancia de la tipografa.

http://www.thinkmoto.de

cuatro

La importancia de la tipografa.

http://processtypefoundry.com

cuatro

La importancia de la tipografa.

http://www.goocorps.com

cuatro

La importancia de la tipografa.

http://www.miiks.com

cuatro

La importancia de la tipografa.

http://www.neverabettertime.co.nz

cuatro

La importancia de la tipografa.

http://www.secondandpark.com

cuatro

La importancia de la tipografa.

Ejercicio 1
Realizar composiciones topogrficas, intentando imitar, en cierta medida, a tipografas reales, pero pudiendo tambin ser creativos, con los siguientes textos:

inception

cuatro

La importancia de la tipografa.

we love life

cuatro

La importancia de la tipografa.

hambre

cuatro

La importancia de la tipografa.

somos un estudio de creativos

cuatro

La importancia de la tipografa.

estacin en la nube

cuatro

La importancia de la tipografa.

agua y cielo

cuatro

La importancia de la tipografa.

tapicera

cuatro

La importancia de la tipografa.

monjes tibetanos

cuatro

La importancia de la tipografa.

las vegas

cuatro

La importancia de la tipografa.

summa artis

cuatro

La importancia de la tipografa.

ego

cuatro

La importancia de la tipografa.

sincronizacin

cuatro

La importancia de la tipografa.

invencible

cuatro

Ejercicio 2
Realizar un libro de estilos tipogrficos para una web, con: a) tipos de tipografas y uso de sus familias. b) tipos y ancho de prrafos c) color tipogrfico d) uso de tipografa creativa (crear) e) entregar en un pdf

Das könnte Ihnen auch gefallen