tag:blogger.com,1999:blog-26049463533755171962024-02-22T00:06:18.280-08:00TIPOGRAFÍAS EMERITABLOG DE DISEÑO GRÁFICO: TIPOGRAFÍA Y MAQUETACIÓN.Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.comBlogger49125tag:blogger.com,1999:blog-2604946353375517196.post-44708233701903607342016-02-11T06:54:00.006-08:002016-02-11T08:53:57.598-08:00TEMA 9: Practica: Maquetación receta de cocina:Consiste en realizar la maquetación e una receta de cocina, en este caso un postre de Mikel López Iturriaga.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR5ShUmkArA9w9nFQWr2HFahMmwQdm4VOiHs51gqVtMzrWmm7ThoXfWTtRHY2mR5gTopxk1J1GaUW7PicqQMl1rQqrmhfmsadbyQLT6fMGE5iNC6bOOR0NA_Qk9CqyROfmFNPsWMIcICQQ/s1600/mARQUISE+DE+CHOCO.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR5ShUmkArA9w9nFQWr2HFahMmwQdm4VOiHs51gqVtMzrWmm7ThoXfWTtRHY2mR5gTopxk1J1GaUW7PicqQMl1rQqrmhfmsadbyQLT6fMGE5iNC6bOOR0NA_Qk9CqyROfmFNPsWMIcICQQ/s400/mARQUISE+DE+CHOCO.jpg" width="281" /></a></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY7XziJmKQbjJEJgn4_i1sQyIXIWs18c-_UIVEMntyJTgZeed07qj2kbed_0nsaQNEyUCdW55nEvOQzehW2_GWELG8-r-Xtn_TxQkv0SaQwtexqLTr90fzbgR1qung_RL6ZxLNTca13vx2/s1600/mARQUISE+DE+CHOCO2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY7XziJmKQbjJEJgn4_i1sQyIXIWs18c-_UIVEMntyJTgZeed07qj2kbed_0nsaQNEyUCdW55nEvOQzehW2_GWELG8-r-Xtn_TxQkv0SaQwtexqLTr90fzbgR1qung_RL6ZxLNTca13vx2/s400/mARQUISE+DE+CHOCO2.jpg" width="281" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
http://elcomidista.elpais.com/elcomidista/2015/02/24/articulo/1424757600_142475.html</div>
<br /></div>
Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com1tag:blogger.com,1999:blog-2604946353375517196.post-73648237880258616372016-02-11T06:30:00.000-08:002016-02-11T10:33:29.092-08:00TEMA 9: TEXTO Y COMPOSICIÓN:<br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"> "Un buen tipógrafo debe saber que tipografía conviene más al mensaje con el que está trabajando" </span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><i>John Kane.</i></span><br />
<b style="font-family: arial, helvetica, sans-serif;"><br /></b>
<b style="font-family: arial, helvetica, sans-serif;"><br /></b>
<b style="font-family: arial, helvetica, sans-serif;">9.1 ELECCIÓN TIPOGRÁFICA:</b><br />
<br />
<span style="font-family: "arial" , "helvetica" , sans-serif;">A tener en cuenta: </span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Tipografía: Creativa o de edición.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">(Es ideal emplear dos tipografías en un proyecto siempre que la familia de dichas tipografías sean amplias)</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Contenido del texto: Publico/ estilo/ soporte final (físico, digital, tamaño...)/método de impresión.</span><br />
<b style="font-family: Arial, Helvetica, sans-serif;"><br /></b>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>9.2</b> </span><b style="font-family: Arial, Helvetica, sans-serif;">ESPACIADO EN EL TEXTO:</b><br />
<b style="font-family: Arial, Helvetica, sans-serif;"><br /></b>
<br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Kerning: </b>(acoplamiento par de las letras respecto al espacio entre ellas)</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span>
<span style="background-color: white; color: #252525; line-height: 22.4px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Se aplica entre pares de letras para compensar ópticamente sus diferentes formas y que no dé la sensación de que están más juntas o separadas que las otras (AV, fo, etc.).</span></span><br />
<span style="background-color: white; color: #252525; line-height: 22.4px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span>
<img src="https://upload.wikimedia.org/wikipedia/commons/0/0c/Kerning.png" /><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #252525; line-height: 22.4px;">En el caso del </span><span style="background-color: white; color: #252525; line-height: 22.4px;">kerning</span><span style="background-color: white; color: #252525; line-height: 22.4px;">, el ojo (la parte con relieve que tiene la forma de la letra) puede sobresalir lateralmente del tipo, lo que permite superponerla con la adyacente; esta parte que sobresale se denomina </span><i style="background-color: white; color: #252525; line-height: 22.4px;">volado</i><span style="background-color: white; color: #252525; line-height: 22.4px;">. También se pueden añadir piezas adicionales para separarlas o incluso limar el tipo para acercarlas; en la monotipia</span><span style="background-color: white; color: #252525; line-height: 22.4px;">, se podían fundir letras de varios anchos, lo que permitía un ajuste relativamente simple y preciso del </span><span style="background-color: white; color: #252525; line-height: 22.4px;">kerning</span><span style="background-color: white; color: #252525; line-height: 22.4px;">.</span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #252525; line-height: 22.4px;"><br /></span></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #252525; line-height: 22.4px;">existen tres tipos:</span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #252525; line-height: 22.4px;"><br /></span></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #252525; line-height: 22.4px;"><b>kerning métrico</b>: Viene por defecto en la fuente.</span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white;"><span style="color: #252525;"><span style="line-height: 22.4px;"><b style="line-height: 22.4px;">kerning </b><span style="line-height: 22.4px;"><b>óptico</b>: Los programas de maquetación como puede ser Indesign, entre otros, calculan según la forma de las letras en función a la fuente, los algoritmos matemáticos y determina cual funciona mejor.</span></span></span></span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #252525; line-height: 22.4px;"><b>kerning manual:</b> Se hace a ojo, se suele hacer por motivos creativos, etc.</span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #252525; line-height: 22.4px;"><br /></span></span>
<span style="color: #252525; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white;"><span style="line-height: 22.4px;">Generalmente se mantiene el métrico y el óptico quizás se usa mas para un titular...</span></span></span><br />
<br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Tracking:</b> ( concepto que afecta a todas las letras, se aplica por igual la separación y se suma al kerning de la fuente)</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #252525; line-height: 22.4px;">el tr</span><span style="background-color: white; color: #252525; line-height: 22.4px;">acking</span><span style="background-color: white; color: #252525; line-height: 22.4px;"> </span><span style="background-color: white; color: #252525; line-height: 22.4px;">o, en español,</span><span style="background-color: white; color: #252525; line-height: 22.4px;"> </span><b style="background-color: white; color: #252525; line-height: 22.4px;">prosa</b><span style="background-color: white; color: #252525; line-height: 22.4px;">, se añade sistemáticamente el espacio entre las letras de un texto con funciones estéticas o de</span><span style="background-color: white; color: #252525; line-height: 22.4px;"> diacrisis</span><span style="background-color: white; color: #252525; line-height: 22.4px;">.</span></span><br />
<img height="269" src="https://3.bp.blogspot.com/-y347jU-Zk9w/VOcjIfE30UI/AAAAAAAAAg4/uNWHVeSEQlM/s320/kl.jpg" width="320" /><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Interlineado:"</b></span><span style="background-color: white; line-height: 18.004px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">El interlineado determina la cantidad de espacio en sentido vertical entre las líneas de texto de un párrafo. El espaciado entre párrafos determina la cantidad de espacio que hay antes y después de un párrafo." <span id="goog_1657509998"></span><span id="goog_1657509999"></span><a href="https://www.blogger.com/"></a></span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>tipos:</b> </span><br />
<div style="background-color: #1e404a; border: 0px; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 1.25em; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Negativo: (18/15)</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Automático: (18/21)</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Sólido: (18/18)</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Abierto: (18/32)</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;">El bloque de texto tiene que ser algo compacto, una mancha, una unidad ya que si ponemos mucha distancia de interlineado solo se verían líneas y su legibilidad sería mas dificultosa y menos atractiva</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<b style="font-family: arial, helvetica, sans-serif;"><br /></b></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<b style="font-family: arial, helvetica, sans-serif;">9.3 ESTILO DE PÁRRAFOS: </b><span style="font-family: "arial" , "helvetica" , sans-serif;">En este caso hablo de los estilos de párrafos que te puedes encontrar a la hora de diseñar. escribir un texto etc estos van acordes dependiendo de las necesidades que tengas en ese momento, siempre causando una mejor composición visual. Los tipos son:</span></div>
<div style="border: 0px; text-align: justify !important; vertical-align: baseline;">
</div>
<ol style="line-height: 1.5em;">
<li><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 1.5em;">Alineados a la izquierda: Bandera derecha (el más convencional de todos).</span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 1.5em;">Alineación a la derecha: Bandera izquierda</span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 1.5em;">Centrado: Se utiliza en composiciones centradas, </span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 1.5em;">Justificado:</span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 1.5em;"><span style="line-height: 18.004px;">Cuando justificamos un texto, se agrega espacio entre palabras para que los bordes de cada línea se alineen con ambos márgenes. La última línea del párrafo se alinea a la izquierda.</span></span></li>
</ol>
<div>
<img alt="Resultado de imagen de tipos de parrafos alineacion" height="189" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBhIQEBUSEhIQFBQVFxoSFBcSExQUFxcSFxgVFBUWFxYYGycfFxkjHRMTHy8gIycqLDguFh8xNjAqNSYsLCkBCQoKDgwOGg8PGiwkHiQsNC8sLywsKSwsLCwqNDIsLS0tKSwsLCwsLC8qLCoqLywvLDUtLCwuLywqKSkqLC0sL//AABEIAJQA+QMBIgACEQEDEQH/xAAbAAEAAgMBAQAAAAAAAAAAAAAABQYDBAcCAf/EAE0QAAIBAwEEAwoJCQUIAwAAAAECAwAEERIFEyExBkFRBxQVIjJTkZLR0xYzUlRhcXOTsyM0NUJygaGy0nSxwcLDJENEYnWUorQXJeH/xAAZAQEBAQEBAQAAAAAAAAAAAAAAAQIDBAX/xAAxEQACAQIDBQcEAwADAAAAAAAAAQIDERIhMQRBUWHwExQycYGx0TNSocEikeEFQvH/2gAMAwEAAhEDEQA/AO4UpUTtHazLMIIgurSJGZ8lVUsVUBQQWJKt1gDH0gVqMXJ2QJalRyx3J/3sP3B99X3dXPnYfuD76mHmCQpUfurnzsP3B99TdXPnYfuD76mHmCQpUfurnzsP3B99TdXPnYfuD76mHmCQpUfurnzsP3B99TdXPnYfuD76mHmCQpUfurnzsP3B99WOdrlBkyw/vgYf3TVVG+SYJSlRmx9trOGBAV0YxuoORqGDlTgZUhlPIc6k6y007MClKVAKUqH2vtJ1mSCPCllaRnI1YVSq4UcsktzPAAcjnhqMXJ2QJilRqWUxH5zL6sPu69d4TfOZfVh93Vw8wSFKj+8JvnMvqw+7p3hN85l9WH3dTDzBIUqP7wm+cy+rD7uneE3zmX1Yfd0w8wSFKj+8JvnMvqw+7p3hN85l9WH3dMPMEhSo/vCb5zL6sPu6xT28qLnvmX96w+7qqF8rkJWlQmxNv70vFIV3kbBcqMBlZQytpycHjgjJ5cOeBN1JRcXZlFKUrIFVy6/SJ+wj/Enqx1XLr9In7CP8Seu9DxPyIyxLyrn+1OnYj21Hb78CNTHbPFg+NJMHbeasYGg7hcE/rtXQAcComXorbNDLCUbRPIZ5Pyj6jKWVtQbOVIKJjHLSKtGdOMn2ivu/3+ukHdrIp9r0uliw8jSyaW2m+neKqsls2URhuyTgcAQRjjwatpO6i0ccj3No0QW1jvY9MyyF45HESg+KNB1Mvbwz9VWB+hloeBRv+I/3j/8AF/H9f638OrFepehto4w0Wod7iywzuR3up1KuM8wQDq5/TXd1dnfii+m+fCxEn+fj/SubP7qqzW88gjgDwFAdV1ohZZNRBWVowxYaGGkITnGM5rSm7qEt1ay962x1rbTTSuJwBEFMkSPGWTMpzGWxheXbVsboPamLdN3wy61lDPc3DOsiZClJC+pMZPIjma1ZO5ps5hp3T4w6nE8wJWQ62ViHyy6iWAORkk9daVTZE28L1y37vNbwsRFJ3QpYodXezTpbQW8l5KZVRgZo1kyiFfyhAOo8Vqe6V9K+8rdJlEDBjymn3Hi4z4viMzty8UL9PVXm56AWMjKzQk6VSMjeSBXSLAjEqhsS6cDGoGt/bXR23u93vlbMZJQpJJEwLDSw1IwOCOBFcpToOSai7b+r8fLLiEmj70c20L20huQhQSoH0k5xnmM9fLnXza58WtjZWy47WFIIQVjQYQFi2BknGWJOONa21vJrnDC6v8dL5eQztmUjYlwy3swB4b7/AE4q6Sh4CuY7J/PZvtf9OOunR8h9VZr/AFGVaHqlKVxKKru1fz+L7B/xI6sVV3av5/F9g/4kddqHj/v2IywJyr1mvKcq59trpLDd31kIHzLBPdCSMgCRDHBIupk5hSQMHkaU6TqN23Xf9Bux0Olcyse6DNNHCIri1aXwfLPMGMaql0u6C7w8BHgs/AkDt4VET9Lrqeyz4Q0PFdwLNKIrUIIpeWXhmaNlUqSRkHqbga9K2GpezaWfPjbgZxq1+tLnY9VfQa45dWjXc8cZeERna86MogjZZGWIOJHGRqYgMM/8wPUKbD6YTqiot1Z2SRBpFjeBSLktd3CMqhfGGBGB4ilssTWu4vDdSz8nvK5W68/g7HTNcuHdCn8KGKKZZoibhDEYYoyjQRu6qpEplJLR41Oqg6jgdkbs/pXMZu+++be8mXZs04SKMLuXZ4G3LhGJOnjzw3A56qythnq3uvv5/H/ocjsdR+1D4pqtdCOkM01xJA91BeosST7+BFQI7sVMLBGKk4XUOvnnqqybU8k1x7J06mF9f2L3RQrSQi/lweuP+QV0uE+KPqrmNv8ApCX64/5BXTYPJH1VnaPqMq0MlKUrgUVXLr9In7CP8SerHVU27d973okcYR4VRWPIujysy56jh1OOvjjka9Gzq8rLgRjuofoe7+z/AM61X26bzDbEdvHcK8TTm3kiaKBNBCEnDbwzMcgeMVCnOB2Va5ekkEi6W0MpGCG0sD9YPOvHhq21F9MWokEtpTJK+Sc88jqr1UoyhHDKF9fzb4Myd1kyG6S7R3W0ZjvorbRs7eb8wxyOmLnBHjcWBxgJnmR11EW/S6570gJ2na6p7jTJcaLZhawlHeJJFRtCyPo46jgZIB4Zq4T7atpMl1ibI0nUqNlc6tJzzGeOO2sabSswpQRW4VsFlEcYBI5ZGMHFbjdRScPwvj/PyG7vLrKxXNjdPZB3o9zdQ7qRr1HlKpGj7l1EGk/q5GrAzk566grLpvcrBcXK7rfSJYK8oiiUrvVlVpGJKqdOABrIUZ48M1eNnTWkEe7GlxvXnG90OVkkdpCV4DGCxx1466212vagFQkIDAKwCoAVHIEY4gZPD6a3kr2p6/N+Hp6EXmVOz6VbQngtkW4hR5btrYTqtrPqi3LSBmSKR0VweoMOS9prS21tyaW5SGa8gJi2jbQLbGJFlcI8R75yDkBiWOMFeocavUe27ZQoCxAIcoAqAKTnJUfqnieXbR9tWzNrKxFuHjFULeKcrx58DyqRk1K6p/hfHW4m61+s+vQrPRbpvNcbV3AuFmgkWYhWigiKGMjAUJI0naPygBIGQKuu1vJrQTbdsragsQbJbIVAdRGC2e0jrrBtHpFEy+UPSK5unKU04wtkavqVnZP57N9r/px106PkPqrl2wZQ91JIvFXlLKe0BUXI+jKnjXUY+Q+qvFX+pI0tD1SlK4lFV3av5/F9g/4kdWKqx0ndoZ47jSTGI2jZgCdLFkYasclODx5fVmu9DOdiPQsqcqxpZRq5kCIJGGGcKoYjhwLYyRwHoFVn4fW4XJkiAAycuox9eTXodPYPOx+uvtrfdavAmJFgh2XChysUSk5zpjUeVjVyHXgZ+qvi7IgEZiEMIjJyUEaaCeHErjBPAeioD4eQecj9dfbT4eQecj9dfbV7vWGJFiTZ8QIIjjBDFxhFGHIwWHDyscM868+CofF/IxeISyfk08Uk6iV4eKSeOR11X/h5B5yP119tPh5B5yP119tO71hiRYhs+INr3ceonUW0Lq1AEBs4znBIz9NIdnRIdSRRq3HiqKp8bBbiB1kDP1VXfh5B5yP119tPh5B5yP119tTu1YYkWS1so4gRGiICckIqqCe3AHOtTankmob4eQecj9dfbWre9NIGU/lI/XX210hs9TFdoNogrf8ASEv1x/yCumweSPqrl2ypt5dvIAdLsunIIyFUAnB44znH1V1KDyR9Veev9RlWh7pSlcSisN3arKhRgCD1EAj0Gs1KApdz0DUsSFTH7K+ysPwAHyU9Ueyr1SriYKL8AB8lPVHsp8AB8lPVHsq9UpiYKL8AB8lPVHsp8AB8lPVHsq9UpiYKL8AB8lPVHsp8AB8lPVHsq9Vo7TumQDSccCeQPLFVXbtchQOk/QgR2Ny+lfEglfyR+rG57PorZ2V0FDW8LaU4xRnyR1op7KiPD21toWRBayEdzEyHEUgYJIpQ4OvGcE1u2m1tsRRpGrWGlFVBmGXOFAUZ8fnwr6U9mwx7OVSN03x8uBjFvsWjZPRXdNqPVVlArltj0+2hK4tw1os4uXt2YxOY9CwmVSFD6s5Rxz6xU93xtf5xs7/t5veVznsEoWxTir+fwXGi60qgXm3tp2725llsXSW5htmEcEqsBK2CQWcgEAHqrxsjbu1bqLfJNYIpeRQrwSlgEkePiRJj9TP76dwlhx4o4eOfxyGNHQq8yJqGKpffG1/nGzv+3m95URD002i7LCHsxKbu4tCxhfd6YIUlDBderJJYc+ykNglO+GUXbXXLfw5DGiS6c9GALG7kBPiwStz7EY1s2HQ0GGM5PFEP/iK1L+Hak8TwyT7OaORTG43FwMowKsMiQEcCeVYtobS2ra2zyb7Z5WGMvpEE2SqLnAJk7B11pbJiiqanG9+e+3ImPeS/wKHafTT4FDtPpqe2RdNJCrtjJAJwMc1U/wCNbtfOlGzsdCqfAodp9NPgUO0+mrXSoCqfAodp9NPgUO0+mrXSgKp8Ch2n00+BQ7T6atdKAr+zuiixNqqfUYr7SgFKUoBSlKAUpSgFKUoBSlKAVFbaHL9lv8tStR210yAf+Vh/d7K3DxIj0OVw30kOyrIxuyEoASptxkYJ/wB+MejjW50Wvp53Jd7l1UjOPB5jGQ3xhjG8HIY09Y48K89G9rbPbZ1tHcT2hKRjKySICrcQcgngakYL7ZEbB0msFdc6WEkeRkYODnsJr6m1bNWdebUH4nufE5pqxXtjD/7Z/wDqEn/rT1Jbd2tdQzaBJeICMgSnZSkgswygxnRw4Z48DmonZl9Et+1y0sYgbaMumUuug4tpOIblj8onrCrS1zsUkky7OyTk/lI+JPM869P/ACFCrJwwxfh4PizMWjzt9XEVjrE+rwjbZ74EAk+MfGrcfk+WMY6sZ45rT2M8q7MDRd8grJcsTB3rgATTHMnfPAJ+zx5172xtSxYWUFrNbNjaFqwjhdDgbxix0g8st/GsPRvaOzjZrFdTWmpJZzoldAVJnlIOCeGQQasqFXuSjhd8S3O//YXWI8dHNu3EtyiPNIynVkFrAg4RiPihr5gcv7s1i2aP9vT/AKrf/wDqpU7bbS2PGweOewVhnBWVMjIIPX2E1WrHakK3STmaIReFL5hIXATS1rGFOrlgkj0imwUKsY1MUXnF7nwYk0fLnpLdh2AuJQAxA8bZnLP0jPpqeu7l5dizu7FmME+STEScbwD4rxOQHL9/HNZWutikkmbZ5J4n8onP01g6Q7f2eNnXEMNzacYJVRElTizK3ADPMk/xrybNs1ZVoNweq3Piak1YvHRz4hfqX8OOpSo7YCYt0+lVP/gg/wAKka+ZU8b8zotBSlKwUUpSgFKUoBSlKAUpSgFKVrX+0EhUM5PE6VABZmY8lUDmeB9BNVK+SBs0qNXarniLabH7cA/1K9eE5Pm0vr2/vKuBgkKVH+E5Pm0vr2/vKeE5Pm0vr2/vKYWCQpUf4Tk+bS+vb+8p4Tk+bS+vb+8phYJCvLRg8wD9YrR8JyfNpfXt/eU8JyfNpfXt/eUwsGbwXD5mH7tfZTwXD5mH7tfZWHwnJ82l9e395XzwnJ82l9e395W7z4/kmRseDYcY3UWM5xoXGe3GOdVTugWESrZaY4xnaNoDhFGQZDkHhyq0WO1UlLKNSuuNSOMMAc4PAkEHB4gkcD2VXu6H5Nj/ANRtPxDXXZ3JVUmR6FkTZsIwRFECOIIRRg+isN5syHdud1FnS36i9h+it4VivPi3/Zb+41wU5X1LYrvQLZ0TbLsyYoiTbxkkopJOkczip/wbDjG6ixnONC4z24xzqI7n36Ksv7PH/IKm7m5SJC7sFUcyTgdg/jgV0rSl2ks97C0MXguHzMP3a+ynguHzMP3a+ysI22h5R3BHaIJP8RTwyvmrn7iT2Vi8+YyN9EAGAAB9HCvtR/hlfNXP3Ensp4ZXzVz9xJ7KzhZSQpUf4ZXzVz9xJ7KeGV81c/cSeymFgkKVH+GV81c/cSeynhlfNXP3EnsphYJClR/hlfNXP3Ensp4ZXzVz9xJ7KYWCQpWtabRjlyFbxl8pWBVlzyyrAEZ7a2ajVtQKUpUAqB6T/GWv2rfgy1PVA9JvjLX7VvwZa60fGiMmbYeKKy1itvJFR/SnbneVnLc6dZjXIXOMsSFUE9QywrOFylhWrZSVpVZsrq/t2Ml9JZvbCFpZHiV4zC6eMVwSxlXGePDyeXIHTi7qdoYZpSlwu5jE5Rkj1vCzBA6YkIxlhwYg/RXTu834c/Ily5Uqj7S7qKJFI0dpeGSOWKFo5IxGwWf4uTGryWAIAODnAIGc1tv3RE1yolntGQwnTIY4YyqtpV8FjKACA3HPLB+jN7rV4dZfKGJFtpVTXukW7xQvHFdyNMZAI44g8iCE6ZWcBsaVJHkk5zwzWns3ukqLS3eaKeaZ4O+Zhaw6hFFqZd44LDSvitwGT4p4U7tVtpy9/hkxIvFa16+FNZLS7SWNZI2DI6h1I61YZB9BrDf+Sa5wX8rMt8iiT7RaK/GDzhwfvKk+nEuqKwPbtG0/ENVbpNcypeoYoN8d1xG9SLHj9rDjUtdeEb3vSNtnbmOK7guHkN5BJhIny3iLgngT6K97g1WU21bzXDhe5ncdFFYrz4t/2W/uNZhWK5QlGA5lSB9ZBr5q1NkJ3Pv0VZf2eP8AkFeulnK3/tC/wjlI/iAf3VAdGeks1pZwW0mzNql4YliYpDCylkAUlTvhkcOeK97T6TtcPbxmx2hAN+G13EUaJwjl4ZWRjk57K93ZS7Zy3X4ozfIuVmg0jhWl0k2ytnbtNuzIwKoka4DPI7BVUcOeT/A1v2nkCoPpV0Ze+kt1MrRwxO0zmKRo5jKF0xaGA4AFmJOc8v3eeOF1P56by7jHedMo10FI1dZLSS+RjIsa6Y92QpZhhc7weMTgYrcPSyyVljkuLZJW0DdmRNWqRVZR9OQy4PLiKqq9zy5WJoRJCUS2vLSEs8hbRcOjwbz8nzUBg2M8hjPVmve5/NIl4M2+ufvPdsS3ii2EQk1HRkZ3bYxnmM4r09ns7yxdXt7Z+hi8uvT93Lb4ete+O9t/Bv8Anuta6+WfJ55xxxWCLpbYMZAt1bEwgtLiRPEUHSS3HkDw/fVSj7ms42gZjKGtzdG9UGedSkhOsAQBd2xByNWoHB/dUfddzLaE8jSz3FvI+kqmppShKywzR5iCBUVt1pZV7c5Y0jRoO157uuvc02y47P6cWkpuW3kKwW5jG/3imN94gfgerBOnGTxFTNltGCaITRSRPGQSHRlK4HPjy4VR26C3rmWdzYic3MF5GiiUwFoYjEUfK6h5WdQB4jOByqe6O9HJ7e3udTwrcXMkk53SkxRSOoVQoYAsBgEkgZJPCudWnSSvGWeXsr/vP8BN3XXW4k9k7ftbvV3vPBNoxq3bK2M8s4+o+itu5ICngKqPQnold2tzLcXUscjSxKhKySOQ6szHGpFCodWdKgAcgOurZeeSa51IQjUtB3QTe8o9/tRob6Nh+tFIp+rXGR/efTV6sp9aBu2ub9IPzuH9iT+eKuhbH+JWrtPj9Cx0N2lKV5iioHpN8Za/at+DLU9Vf6VOFe1J5b1vwZa60fGiPQm7byRWHa2y47qCSCUao5FKMM4OD1g9RHAg/RXi32jHpHjCsnhJO0emmGaldIJkDa9BRlu+Lu7ugYWtVWZ1ULE4w/kAa2IC+M2TwB51H2vcot0t5oN62JYxDqWC1jdUDK3lxxKzk6FyWJ9PGrd4STtHpp4STtHprsq1daPpDIgtrdA47hrhzNKjXBt2yoQ7trYkoVyDnOeOaw3nc6jliljeeUmWdbpmKxN+UVFjIMbKUZTpyVIxk1Y/CSdo9NPCSdo9NRVKy06tb4RMisW3c1jhSJYbm5iaIy6Xj3QbdTkNJGRo04yAQQAR1U/+No1jjSK6uotMHekjRmPMsGWbS2VIUjW2GXB41Z/CSdo9NPCSdo9NXta/S64sWR7srNIYkijGEjUIo7FUAAfwrHf+Sa++Ek7R6a1r2/QqeIrnGMnK7Rckig7V/Pl+y/1K6Ps34pfqrm20nBvlx5r/AFDXSdm/FL9Va2r6j9CR0NqlKV5jQxUD0rHC3/tC/hzVPVAdLTgW/wDaF/DmrrR8aI9CZtPIFRG3dsyQXVlEuNE7yrINOWISF5F09hyoqStLldA4io7bWx4bp4XeR13O8wEIGd7E0LZPMYDkjHXW4pKbxLLP2y/I3HjYHTKK8mkgEVxDLEodknVAdJJXPiO2OI5HB+iofbPdBxcRQ20cuO/Y7OWV4swkkkSxo+rOscOJGOBxmtjon0Kt9nSNJHK7FoxEwZIUBCnKt+TRctzBY5J668S9BoTOJRdXKoLoXwhBjMXfAOWPFdWGPVnAycV6FGgqje63PUmduutTPYd0q0mmMS73jvN25VNEpiBZwmH1A4VsalUHHCsC91C33CTG3vFEpxArpErSjTqZkzLp0qOZYjmMZzWPZfc8tLaZpY34HeaVMNsShk1A4m3e9ONbYy3YOQxWTaHQO1mtba3aRv8AZRpidkhkONOhgySIyNkY5rwIBFVx2a+Sdsv3/l/Wwzv16GRO6ZavoMMd3MrKryNDDrECs7RjejVkHUj8FDeSTyxnW2R3Qf8AaJILiObjfSWcUqRYiXHxSO5bJc4bkD1ZxXuHoHBGVMF1cQZRY5u9xDBvgrFwTu0G7bxmGU0nBrZ+CEHnpPz7wl+p8bx8Tl5HH6/ppbZ1dJP9jO3XD5NvZfTOKe7a0MVzFKqmQCZEUOikKSArkjylOGCnBqXvPJNVXo10CtrC474jmkZtDxYZYRlHZWGpkQM7Ar5TEmrNd3KlTxFcakYKa7PT9jPO5z3pB+dw/sSfzxV0LY/xK1zzbzA3cP7En88VdD2P8StZ2rx+gjobtKUrzGhWrtHZ0dxGY5F1DmOYIYcmUjipHaK2qVU2s0Dn9/0ZmRsRyTaerxgf8tavgO685N6V/prpOKaR2Cuvb1PuZLI5t4DuvOTelf6aeA7rzk3pX+muk6R2Cmkdgp29T7mLI5t4DuvOTelf6aeA7rzk3pX+muk6R2Cmkdgp29T7mLI5t4DuvOTelf6aeA7rzk3pX+muk6R2Cmkdgp29T7mLI5t4DuvOTelf6a+HYNz5yb0r/TXStI7BTSOwU7ep9zFkc62Z0VkEmSGJJBZmOSccuJ6vo5V0G1i0oB2VkxX2uTbbuyilKVAK1NqbMS4jMcgOMhgQcMrDirKeoj/85GtulVNp3QOfX+ybqFsJK5Xqyif4CtPc3nyz6i10tkB5gV83K9grt3ipx9iYUc13N58s+otNzefLPqLXStyvYKblewU7xU4+wsjmu5vPln1Fpubz5Z9Ra6VuV7BTcr2CneKnH2Fkc13N58s+otNzefLPqLXStyvYKblewU7xU4+wsjmu5vPln1Fr4YLw/rt6i10vcr2Cm5XsFO8VOPsMKOZWewZmlDPqZuWT1LnOABwAzXR9nw6IwKziIDqFeq5Sk5O8tSilKVkClKUApSlAKUpQClKUApSlAKUpQClKUApSlAKUpQClKUApSlAKUpQClKUApSlAKUpQClKUB//Z" width="320" /></div>
<div>
<br /></div>
<div>
<span style="background-color: white; line-height: 18.4px; text-align: start;"><span style="font-family: "arial" , "helvetica" , sans-serif;">“Si la justificación está bien realizada, si se ha mantenido un espacio correcto entre letras y entre palabras, se habrá conseguido un aspecto que incide de manera fundamental en la obtención de un buen color tipográfico.”</span></span><i><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 18.4px; text-align: start;"> </span><span style="background-color: white; line-height: 18.4px; text-align: start;">Jhon Kane.</span></span></i></div>
<div>
<br /></div>
<b style="font-family: arial, helvetica, sans-serif; line-height: 1.5em;">FORMAS TIPOGRÁFICAS:</b><br />
<ol style="margin: 0.5em 0px; outline: none; padding: 0px 0px 0px 2em; text-align: justify;">
<li style="margin: 0px; outline: none; padding: 0px;"><span style="background-color: white; line-height: 19.6px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"> S</span></span><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 19.6px;">angría: izquierda, derecha, primera línea y francesa.</span></span></li>
<li style="margin: 0px; outline: none; padding: 0px;"><span style="background-color: white; line-height: 19.6px; text-align: left;"><span style="font-family: "arial" , "helvetica" , sans-serif;"> Tabulación: "</span></span><span style="background-color: white; text-align: left;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="color: #222222;">Expresión de valores, magnitudes, conceptos, etc., por medio de tablas o cuadros." (Definición Google)</span></span></span></li>
</ol>
<div>
<img src="https://helpx.adobe.com/es/indesign/using/images/op_decimal_tab.png" /></div>
<div>
<br /></div>
<div>
Imagen: <a href="http://xn--adobe%20indesign%20%2A%20tabulaciones%20y%20sangras-mxe/" target="_blank">Adobe InDesign * Tabulaciones y sangrías</a></div>
<div>
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px; text-align: justify;"><br /></span></div>
<div style="text-align: start;">
<span style="background-color: white; text-align: justify;"> 3.</span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px; text-align: justify;"> Texto-imagen: conectan ambos conceptos. existen la arrancada (realiza forma regular) y la recorrida (realiza forma irregulares).</span></div>
<div style="text-align: start;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px; text-align: justify;"><br /></span></div>
<div style="text-align: start;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px; text-align: justify;"><br /></span></div>
<div style="text-align: start;">
<a href="http://img.creativosonline.org/blog/wp-content/uploads/2012/01/text-wrap-3.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://img.creativosonline.org/blog/wp-content/uploads/2012/01/text-wrap-3.png" height="200" width="162" /></a><a href="http://planetquark.com/images/posts/clippingpathwopsd/cp5.png" imageanchor="1"><img border="0" src="http://planetquark.com/images/posts/clippingpathwopsd/cp5.png" height="188" width="200" /></a> </div>
<div style="text-align: start;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px; text-align: justify;"><br /></span></div>
<div style="text-align: start;">
<span style="background-color: white; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 19.6px;"> </span></span></span></div>
<div style="text-align: start;">
<span style="background-color: white; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 19.6px;"><br /></span></span></span></div>
<div style="text-align: start;">
<span style="background-color: white; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 19.6px;"> 4. Huérfanas y viudas: L</span></span></span><span style="font-family: "arial" , "helvetica" , sans-serif; text-align: justify;"><span style="background-color: white; line-height: 23.8px; text-align: left;">a </span><i style="background-color: white; line-height: 23.8px; text-align: left;">viuda</i><span style="background-color: white; line-height: 23.8px; text-align: left;"> es la última línea de un párrafo que se ha ido a la siguiente página o columna. La </span><i style="background-color: white; line-height: 23.8px; text-align: left;">huérfana,</i><span style="background-color: white; line-height: 23.8px; text-align: left;"> es la primera línea de un párrafo que se ha quedado en la página o columna anterior.</span></span></div>
<div style="text-align: start;">
<span style="font-family: "arial" , "helvetica" , sans-serif; text-align: justify;"><span style="background-color: white; line-height: 23.8px; text-align: left;"><br /></span></span></div>
<div>
<img src="http://www.glosariografico.com/sites/default/files/viudashuerfanas.gif" /> </div>
<div>
imagen:<a href="http://xn--lnea%20viuda%20-%20glosario%20grfico-q7c83b/" target="_blank">Línea viuda - Glosario gráfico</a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
5. Capitulares: Son alta, baja, arrancada y de recorrido:</div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">La capitular alta s<span style="background-color: white; line-height: 23.2px;">e crea aumentando el tamaño de la </span><span style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; line-height: 23.2px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">primera letra<b>. </b></span></span><span style="background-color: white; line-height: 23.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Es la más sencilla y la que menos problemas da.</span></span></div>
<div>
<span style="background-color: white; line-height: 23.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div>
<img src="http://img.creativosonline.org/blog/wp-content/uploads/2011/12/097_inicialcapitular2.jpg" /></div>
<div>
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;">La capitular baja sin embargo <span style="line-height: 18.2px;">ocupa todas las lineas de texto respecto a su altura, es quizás la más usado, como máximo debe ocupar tres lineas, pues sería lo idóneo.</span></span></div>
<div>
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></div>
<div>
<img src="https://helpx.adobe.com/es/indesign/using/formatting-paragraphs/_jcr_content/main-pars/image_0.img.png/op_17.png" /></div>
<div>
<br /></div>
<div>
La capitular de recorrido, son las más complicadas por así decirlo, a la hora de la maquetación. ya que depende mucho de la letra que se vaya a utilizar. El texto recorre alrededor dela forma de la letra, si es cierto que en en ciertas letras no se puede utilizar, como la "n" ya que no es posible por su verticalidad y parecería una capitular baja.</div>
<div>
<br /></div>
<div>
<img src="http://img.creativosonline.org/blog/wp-content/uploads/2011/12/100_inicialcapitular4.jpg" /></div>
<div>
<br /></div>
<div>
Fuentes: <a href="http://www.creativosonline.org/blog/las-capitulares-y-sus-tipos.html" target="_blank">http://www.creativosonline.org/blog/las-capitulares-y-sus-tipos.html</a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<b style="background-color: white; font-family: arial, helvetica, sans-serif;">9.4 PROGRAMAS DE MAQUETACIÓN:</b></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">los programas de maquetacíón, como su propio nombre indica, son programas específicos para este tipo de ejercicios. Tienen unas herramientas muy útiles y sencillas de utilizar con las que se pueden realizar diversos proyectos como sería editar libros, folletos, catálogos, etc.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 22.4px;">"La </span><b style="background-color: white; line-height: 22.4px;">maquetación</b><span style="background-color: white; line-height: 22.4px;">, también llamada a veces </span><i style="background-color: white; line-height: 22.4px;">diagramación</i><span style="background-color: white;"><span style="line-height: 22.4px;">, es un oficio del diseño editorial</span></span><span style="background-color: white; line-height: 22.4px;"> que se encarga de organizar en un espacio, contenidos escritos, visuales y en algunos casos audiovisuales (multimedia)</span><span style="background-color: white; line-height: 22.4px;"> en medios impresos y electrónicos, como libros, diarios y revistas."<a href="https://es.wikipedia.org/wiki/Maquetaci%C3%B3n_(edici%C3%B3n)" target="_blank">https://es.wikipedia.org/wiki/Maquetaci%C3%B3n_(edici%C3%B3n)</a></span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.4px;">El programa de maquetación más utilizado es el <b>InDesign,</b> aún que también existen otros como puede el <b>Quarkxpress</b>, que ha sido referencia hasta la llegada del anterior citado, ademas sigue actualizando. El <b>AdobePageMaker,</b> es el más antiguo y no está actualizado (su última actualización fue en 2001).</span></span></span><br />
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.4px;">Como software libre está <b>Scribus</b>, que aunque sea más limitado y este más anticuado respecto a su interfaz, es gratuito y fácil de usar también.</span></span></span><br />
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.4px;"><br /></span></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.4px;"><b>9.5 MAQUETACIÓN:</b></span></span></span><br />
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.4px;"><br /></span></span></span>
<br />
<div class="MsoNormal" style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.6px; margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<o:p></o:p></div>
<br />
<div class="MsoNormal" style="-webkit-text-stroke-width: 0px; background-color: white; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 19.6px; margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
<div class="MsoNormal" style="-webkit-text-stroke-width: 0px; background-color: white; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 19.6px; margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Historia de la composición de una pagina</b>:</span></div>
<div class="MsoNormal" style="-webkit-text-stroke-width: 0px; background-color: white; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 19.6px; margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoNormal" style="-webkit-text-stroke-width: 0px; background-color: white; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 19.6px; margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Los primeros libros realizados a mano ya tenían asimilado el concepto de composición de páginas, se respetaban los márgenes, las letras capitulares, etc. La biblia de Gutemberg fue el primer libro que uso columnas en su composición.</span></div>
<div class="MsoNormal" style="-webkit-text-stroke-width: 0px; background-color: white; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.6px; margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoNormal" style="-webkit-text-stroke-width: 0px; background-color: white; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.6px; margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoNormal" style="-webkit-text-stroke-width: 0px; background-color: white; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.6px; margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<img src="http://www.greatsite.com/images/facsimiles/text.jpg" height="249" width="400" /></div>
<div class="MsoNormal" style="-webkit-text-stroke-width: 0px; background-color: white; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.6px; margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<br /></div>
<div class="MsoNormal" style="-webkit-text-stroke-width: 0px; background-color: white; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.6px; margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoNormal" style="-webkit-text-stroke-width: 0px; background-color: white; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.6px; margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">El coste de las paginas respecto a respetar la composición causaba un condicionamiento por lo que se debían aprovechar se al máximo. </span></div>
<div class="MsoNormal" style="-webkit-text-stroke-width: 0px; background-color: white; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.6px; margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoNormal" style="background-color: white; margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; widows: 1;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 19.6px;">A medida que la tecnología avanza, esto se va solventando, se empezó a incluir fotografías </span></span></div>
<div class="MsoNormal" style="background-color: white; margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; widows: 1;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 19.6px;">en periódicos y revistas...</span></span><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 1.5em;">Las revistas tal y como las conocemos hoy comienzan a finales del s. XIX.</span></div>
<div class="MsoNormal" style="margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; widows: 1;">
<div style="-webkit-text-stroke-width: 0px; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5em; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;">
</div>
<div style="-webkit-text-stroke-width: 0px; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5em; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;">Los formatos digitales también forman parte de una composición, como los periódicos digitales.</span></div>
<div style="-webkit-text-stroke-width: 0px; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5em; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="-webkit-text-stroke-width: 0px; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5em; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;">
<img height="400" src="https://carteleradehistoria2.files.wordpress.com/2010/08/fcopmunoz.jpg" width="276" /></div>
<div style="-webkit-text-stroke-width: 0px; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5em; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><a href="http://carteleradehistoria2.wordpress.com/" target="_blank">carteleradehistoria2.wordpress.com</a></span></div>
<div style="-webkit-text-stroke-width: 0px; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5em; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="-webkit-text-stroke-width: 0px; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 1.5em; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;">
<b><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></div>
<div style="-webkit-text-stroke-width: 0px; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 1.5em; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;">
<b><span style="font-family: "arial" , "helvetica" , sans-serif;">La página: </span></b></div>
<div style="-webkit-text-stroke-width: 0px; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 1.5em; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;">Dentro de una pagina debemos de tener en cuenta unas reglas o consejos básicos,</span></div>
<div style="-webkit-text-stroke-width: 0px; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 1.5em; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white;">estamos hablando de por ejemplo a la hora de realizarla, el correcto uso de:</span></span></div>
<ul style="margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="-webkit-text-stroke-width: 0px; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 18.2px; margin: 0px 0px 0.25em; padding: 0.25em 0px; text-transform: none; white-space: normal; word-spacing: 0px;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><b>Composición: </b>jerarquía tipográfica, se suelen usar composiciones regulares según los margenes.</span></li>
<li style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><b style="-webkit-text-stroke-width: 0px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 18.2px; text-transform: none; white-space: normal; word-spacing: 0px;">Proporcionalidad</b><span style="line-height: 18.2px;">: proporción de letras e imágenes , que no haya descompensación visual.</span></span></li>
<li style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><b style="-webkit-text-stroke-width: 0px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 18.2px; text-transform: none; white-space: normal; word-spacing: 0px;">Márgenes:</b><span style="line-height: 18.2px;"> utilizar guías y sangrías </span></span></li>
</ul>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Caja tipográfica</b>: la altura y anchura de la pagina tiene que corresponderse en lo que a la equidistancia se refiere. altura de la caja debe ser la misma que la anchura de la página. Haciendo una diagonal desde la esquina de una página hasta la ota esquina da resultado del vertice de la cajaLa union de las esquinas inferiores el punto medio entre páginas superior y esto daría el resto de vértices.</span></div>
<div class="MsoNormal" style="margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; widows: 1;">
<br /></div>
<div class="MsoNormal" style="margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; widows: 1;">
<img src="http://image.slidesharecdn.com/2014clase08-140503171538-phpapp02/95/2014clase08-21-638.jpg?cb=1399137467" /></div>
<div class="MsoNormal" style="margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; widows: 1;">
<br /></div>
<div class="MsoNormal" style="margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; widows: 1;">
<a href="http://image.slidesharecdn.com/2014clase08-140503171538-phpapp02/95/2014clase08-21-638.jpg?cb=1399137467" target="_blank">http://image.slidesharecdn.com/2014clase08-140503171538-phpapp02/95/2014clase08-21-638.jpg?cb=1399137467</a></div>
<div class="MsoNormal" style="margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; widows: 1;">
<br /></div>
<div class="MsoNormal" style="margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; widows: 1;">
<br />
<div style="-webkit-text-stroke-width: 0px; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 1.5em; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;">
<b><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></div>
<div style="-webkit-text-stroke-width: 0px; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 1.5em; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;">
<b><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></div>
<div style="-webkit-text-stroke-width: 0px; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 1.5em; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;">
<b><span style="font-family: "arial" , "helvetica" , sans-serif;">Formato de folios:</span></b></div>
<div style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 1.5em;">Existen diferentes </span><span style="line-height: 24px;">proporcionalidades</span><span style="line-height: 1.5em;"> y tamaños de papel </span><span style="line-height: 24px;">impresión</span><span style="line-height: 1.5em;">, en cuanto al papel los</span><span style="background-color: white; color: #252526; line-height: 27.04px;"> diseñadores utilizamos de referencia medias de páginas para realizar nuestros diseños. Los más comunes son A0, A1, A2, A3, A4, A5, A6, A7 y A8. </span></span></div>
<div style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #252526; line-height: 27.04px;"><br /></span></span></div>
<div style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #252526; line-height: 27.04px;">la misma subdivision exinte tambien con la letra B y C. pero con diferentes tamaños entre ellos.</span></span></div>
<div style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #252526; line-height: 27.04px;"><br /></span></span></div>
</div>
<div class="MsoNormal" style="-webkit-text-stroke-width: 0px; background-color: white; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.6px; margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<img src="http://jonathanjimenezb.blogspot.es/media/cache/resolve/media/files/00/935/433/2016/02/formatosa.jpg" /></div>
<div class="MsoNormal" style="-webkit-text-stroke-width: 0px; background-color: white; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.6px; margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<br /></div>
<div class="MsoNormal" style="-webkit-text-stroke-width: 0px; background-color: white; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.6px; margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<a href="https://tiposformales.com/2014/08/28/la-grilla-tipografica/" target="_blank">https://tiposformales.com/2014/08/28/la-grilla-tipografica/</a></div>
<div class="MsoNormal" style="-webkit-text-stroke-width: 0px; background-color: white; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.6px; margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<br /></div>
<div class="MsoNormal" style="-webkit-text-stroke-width: 0px; background-color: white; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.6px; margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<br /></div>
<div class="MsoNormal" style="-webkit-text-stroke-width: 0px; background-color: white; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.6px; margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<br /></div>
<div class="MsoNormal" style="-webkit-text-stroke-width: 0px; background-color: white; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.6px; margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<br /></div>
<div class="MsoNormal" style="-webkit-text-stroke-width: 0px; background-color: white; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.6px; margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<img src="http://www.jsolucioncreativa.com/wp-content/uploads/2015/11/formatos-DIN-B.jpg" height="320" width="237" /><img src="http://www.tamanosdepapel.com/images/tamanos-de-sobre-de-la-serie-c-1.jpg" height="320" style="background-color: transparent;" width="235" /></div>
<div class="MsoNormal" style="-webkit-text-stroke-width: 0px; background-color: white; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.6px; margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<br /></div>
<div class="MsoNormal" style="-webkit-text-stroke-width: 0px; background-color: white; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.6px; margin: 0px; orphans: auto; outline: none; padding: 0px; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<br /></div>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.4px;"><a href="http://www.tamanosdepapel.com/" target="_blank">www.tamanosdepapel.com</a></span></span></span><br />
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Columnas:</b></span></span><br />
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 18.4px;">La distribución del texto en columnas, surgió con la Biblia de Gutemberg, y se utilizan generalmente en páginas con un cierto tamaño, ya que, al cambiar de línea al leer, si la página es muy grande y en ella ponemos líneas demasiado largas, costaría trabajo encontrar la línea siguiente.Las calles son los espacios en blanco que existen entre las columnas.</span><br />
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 18.4px;"><br /></span>
<img src="http://jonathanjimenezb.blogspot.es/media/cache/resolve/media/files/00/935/433/2016/02/callescolumnas.jpg" /><a href="https://tiposformales.com/2014/08/28/la-grilla-tipografica/https://tiposformales.com/2014/08/28/la-grilla-tipografica/" target="_blank">ht</a><br />
<a href="https://tiposformales.com/2014/08/28/la-grilla-tipografica/https://tiposformales.com/2014/08/28/la-grilla-tipografica/" target="_blank">tps://tiposformales.com/2014/08/28/la-grilla-tipografica/https://tiposformales.com/2014/08/28/la-grilla-tipografica/</a><br />
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 18.4px;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 18.4px;"><b>Retículas:</b></span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 18.4px;">"</span><span style="background-color: white;">Una retícula está compuesta tanto por líneas verticales como horizontales que se cruzan entre sí. En diseño, las retículas sirven de guía para el posicionamiento de los módulos y de esta manera, generar nuevas direcciones y consecuentemente un diseño."</span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white;"><a href="http://diseno2nolanpaez.blogspot.com.es/2010/08/conceptos-de-diseno-tridimensional.html" target="_blank">http://diseno2nolanpaez.blogspot.com.es/2010/08/conceptos-de-diseno-tridimensional.html</a></span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="background-color: white; line-height: 18.4px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Cada rectángulo formado por la retícula se llama módulo. La retícula es uno de los elementos más representativos del estilo suizo, y se utiliza para combinar elementos entre sí.</span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 18.4px;">En cuanto a los tipos de retícula que existen son muy variados.</span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 18.4px;"><br /></span></span>
<img src="http://farm3.static.flickr.com/2601/3994916608_d3137ab0fa.jpg" /><br />
<a href="http://adelossantos.wordpress.com/" target="_blank">adelossantos.wordpress.com</a><br />
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 18.4px;"><br /></span>
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 18.4px;"><br /></span>Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com0tag:blogger.com,1999:blog-2604946353375517196.post-10634462455423097982016-02-09T07:56:00.001-08:002016-02-09T07:58:49.938-08:00 PRÁCTICA TEMA 8: REGLAS ORTOTIPOGRÁFICAS:Esta entrada consiste en la realización de una especie de cartel, el cual tenga 10 reglas básicas a elegir sobre el correcto e indebido uso de la ortotipografía, mis reglas elegidas son las siguientes:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguuiqputq8g06kmw0JElW7yPnIwWZYI_njLThR5ObDd-mGzcKdGMgZbTgewpeOZG6cP3lHgVdNY_txaIhTFAgXhOEJlkgmB34nH2VLsQgW6J4C3ZFoSmKEr9gXpZLCvzKX9IIQgAB5yOIg/s1600/REGLAS+ORTOTIPO.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguuiqputq8g06kmw0JElW7yPnIwWZYI_njLThR5ObDd-mGzcKdGMgZbTgewpeOZG6cP3lHgVdNY_txaIhTFAgXhOEJlkgmB34nH2VLsQgW6J4C3ZFoSmKEr9gXpZLCvzKX9IIQgAB5yOIg/s640/REGLAS+ORTOTIPO.jpg" width="452" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com0tag:blogger.com,1999:blog-2604946353375517196.post-37563906719712496852016-02-08T19:12:00.002-08:002016-02-09T08:58:25.001-08:00TEMA 8: ORTOTIPOGRAFÍA:<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">¿Ortotipografía? ¿ Qué es la ortotipografía?. Muchos de vosotros quizás estaréis pensando en la ortografía , pues es un termino más conocido ya que, ¿quién no ha tenido nunca una falta de ortografía? ya sea en un examen, escribiendo en redes sociales, y sobre todo con el uso de la mensajería móvil... que bastante daño esta haciendo a la R.A.E.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Pues tranquilos que en este post se solucionaran muchas dudas acerca de la ortotipografía, siempre es bueno aprender cosillas nuevas. Comencemos:</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://static1.squarespace.com/static/51a934c0e4b02f2026042198/522ffeb7e4b06bf96fa69b29/555e91ace4b097314db54118/1432261036633/Correccion+-+OT.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://static1.squarespace.com/static/51a934c0e4b02f2026042198/522ffeb7e4b06bf96fa69b29/555e91ace4b097314db54118/1432261036633/Correccion+-+OT.png" height="400" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Imagen: <a href="http://www.circuloypunto.xn--com300%20%20300buscar%20por%20imagen-iwc/" target="_blank">www.circuloypunto.com300 × 300Buscar por imagen</a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>8:1: Concepto Ortotipografía:</b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Origen:</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 22.4px;">En lo que respecta al "mundo tipográfico " las obras que se han ocupado de la ortotipografía han sido generalmente manuales profesionales que han sido destinados a</span><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 22.4px;"> tipógrafos.</span><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 22.4px;"> El antecedente a estos manuales fue la obra</span><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 22.4px;"> </span><i style="font-family: Arial, Helvetica, sans-serif; line-height: 22.4px;"><b>Ortotypographie</b>,</i><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 22.4px;"> </span><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 22.4px;">del alemán</span><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 22.4px;"> Jerónimo Hornschuch</span><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 22.4px;"> publicada en</span><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 22.4px;"> latín</span><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 22.4px;"> </span><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 22.4px;">en</span><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 22.4px;"> Leipzig</span><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 22.4px;"> </span><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 22.4px;">en</span><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 22.4px;"> 1608.</span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 22.4px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 22.4px;">Definición ortotipografía:</span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 22.4px;">"Conjunto de reglas por los que se rige la confección a un impreso mediante recursos o signos tipográficos" <i>José Martínez de Sousa.</i></span></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 22.4px;"><i>"</i></span></span></span><span style="background-color: white; line-height: 28.288px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">La ortotipografía se fija en las familias y estilos de letras, la aplicación de la redonda, cursiva, negrita, versalita, ancha y estrecha, superíndice y subíndice, etc. También centra su atención en la correcta escritura de notas al pie y citas bibliográficas, citas textuales, obras, obras de teatrales, fórmulas, títulos, subtítulos y demás aspectos bibliográficos y tipográficos que van más allá de la simple escritura del texto general”. <i>Raquel Marín Álbarez.</i></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 22.4px;"><br /></span></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 22.4px;">Para entender mejor el concepto sería de gran utilidad visualizar el vídeo de Pablo Zuleica, quien se toma la libertad de educar al mundo mediante el buen uso de la ortografía. </span></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/XyFFEetYL0A/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/XyFFEetYL0A?feature=player_embedded" width="320"></iframe></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 22.4px;"><br /></span></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 22.4px;">Video, YOUTUBE, "Acentos perdidos" Pablo Zuleica.</span></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 22.4px;"><br /></span></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 22.4px;">¿Curioso verdad?, pues para saber más acerca de este apartado aconsejo ver el libro de Raquel Marín Álbarez " ortotipografía para diseñadores" servirá para resolver todas las dudas en cuanto al correcto uso a la hora de diseñar. </span></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 22.4px;"><br /></span></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 22.4px;">Fuentes: <a href="http://www.wikilengua.org/index.php/Ortotipograf%C3%ADa" target="_blank">http://www.wikilengua.org/index.php/Ortotipograf%C3%ADa</a></span></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"> <a href="http://www.circuloypunto.com/correccion/" target="_blank">http://www.circuloypunto.com/correccion/</a></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://es.wikipedia.org/wiki/Ortotipograf%C3%ADa" target="_blank">https://es.wikipedia.org/wiki/Ortotipograf%C3%ADa</a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white;"> <a href="http://graffica.info/que-es-la-ortotipografia/" target="_blank">http://graffica.info/que-es-la-ortotipografia/</a></span></div>
<div style="background-color: white; color: #252525; line-height: 22.4px; margin-bottom: 0.5em; margin-top: 0.5em;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b style="font-family: Arial, Helvetica, sans-serif;">8.2: Uso correcto de los signos:</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b style="font-family: Arial, Helvetica, sans-serif;"><br /></b></div>
<div class="separator" style="clear: both; text-align: left;">
<b style="font-family: Arial, Helvetica, sans-serif;"><br /></b></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">1-Signo de entonación</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">2-Comillas </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">3-Apostrofes y primas</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">4-Signos horizontales</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">5-Signos verticales</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">6-Signos contenedores</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">7-Puntos</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">8-Blancos tipográficos</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="background-color: white; color: #333333; line-height: 19.6px;">Signos de entonación:</b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="background-color: white; color: #333333; line-height: 19.6px;"><br /></b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 23.8px;">"Los </span><span style="font-weight: 700; line-height: 23.8px;">signos de entonación</span></span><span style="line-height: 23.8px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"> son los signos que indican al escribir si una expresión es exclamativa o interrogativa, dando el tono de exclamación o de interrogación a la expresión"</span><span style="font-family: "source sans pro" , "arial" , "helvetica" , "geneva" , sans-serif; font-size: 17px;">.</span></span></span><a href="http://www.ejemplode.com/12-clases_de_espanol/2825-ejemplo_de_signos_de_entonacion.html" style="background-color: white; font-family: 'source sans pro', arial, helvetica, geneva, sans-serif; font-size: 17px; line-height: 23.8px;" target="_blank">http://www.ejemplode.com/12-clases_de_espanol/2825</a></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://www.ejemplode.com/12-clases_de_espanol/2825-ejemplo_de_signos_de_entonacion.html" style="background-color: white; font-family: 'source sans pro', arial, helvetica, geneva, sans-serif; font-size: 17px; line-height: 23.8px;" target="_blank">ejemplo_de_signos_de_entonacion.html</a></div>
<div class="separator" style="clear: both; text-align: left;">
<br style="background-color: #ebebeb; font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 17px; line-height: 23.8px;" /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 19.6px;">En lo que respecta al castellano o español, existe un signo de apertura y otro signo de cierre que se utiliza para delimitar la oración o frase. A diferencias de otras lenguas como puede ser la inglesa cuya influencia es cada vez más evidente, se utiliza solo un signo, el de cierre, que como en el español va siempre al final de la frase u oración para delimitar donde acaba.</span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white;"><span style="line-height: 19.6px;">Como decía, cada vez es más influyente en nuestro país la influencia del ingles por eso quiero recalcar que la utilización o uso de de un solo signo de entonación en lo que respecta al español es totalmente erróneo e incorrecto pues ya sea solo al principio o al final donde se colo que dicho signo.</span></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #333333;"><span style="background-color: white;"><span style="font-size: 14px; line-height: 19.6px;"><br /></span></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 19.6px;">ejemplos del correcto e icorrecto uso de los signos de entonación:</span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 19.6px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 19.6px;">interrogativa:</span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #333333; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 19.6px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 19.6px;">USO CORRECTO: ¿Sabes dónde se encuentra la parada de autobús? </span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">USO INCORRECTO: Sabes donde se encuentra la parada de autobús?</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Exclamativa:</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 19.6px;">USO CORRECTO: ¡Estoy harto de todo esto!</span></span></div>
<div class="separator" style="clear: both;">
<span style="background-color: white; color: #333333; font-family: "helvetica neue light" , , "helvetica neue" , "helvetica" , "arial" , sans-serif; font-size: 14px; line-height: 19.6px;"></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">USO INCORRECTO: </span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;">Estoy harto de todo esto!</span></div>
<div class="separator" style="clear: both;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8keS_n6t8bNSEz9sHzNJ1eZUoiKzFkzCFbjpfCZjOuBuUuKIWXXnV-uS2PoqV8MordljE41mV-RPxnyxY96bzMyhzmP2_68CAUOoF8f1S6lCplnyiuQpHQiI2McYFUEBAsVdLM8-UFYsW/s1600/signos-de-puntuacic3b3n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8keS_n6t8bNSEz9sHzNJ1eZUoiKzFkzCFbjpfCZjOuBuUuKIWXXnV-uS2PoqV8MordljE41mV-RPxnyxY96bzMyhzmP2_68CAUOoF8f1S6lCplnyiuQpHQiI2McYFUEBAsVdLM8-UFYsW/s320/signos-de-puntuacic3b3n.jpg" width="320" /></a></div>
<div class="separator" style="clear: both;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;">IMAGEN:<a href="http://linguisticaenelispee.wordpress.com/" target="_blank">linguisticaenelispee.wordpress.com</a></span></div>
<div>
</div>
<span style="background-color: white; color: #333333; line-height: 19.6px;"><b><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></span>
<span style="background-color: white; color: #333333; line-height: 19.6px;"><b><span style="font-family: "arial" , "helvetica" , sans-serif;">Comillas:</span></b></span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 19.6px;"> </span>Se utilizan para reproducir citas textuales; para marcar los pensamientos de los personajes en obras literarias; para indicar que una expresión es impropia, vulgar o se usa en un sentido irónico o con un sentido especial, un anglicismo, etc</span><span style="background-color: white; color: #333333; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;">. </span><span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 19.6px;">En español se usan tres tipos de comillas, representados en la imagen adjunta: las latinas o francesas, las inglesas y las simples. También nombrar las alemanas, que son idénticas a las inglesas, aunque se diferencia en la colocación debido a que se colocan en la base de la caja de la x.., son peculiares y poco utilizadas en España.</span></span></span><br />
<div class="separator" style="clear: both;">
<span style="background-color: white; color: #333333; font-family: "helvetica neue light" , , "helvetica neue" , "helvetica" , "arial" , sans-serif; font-size: 14px; line-height: 19.6px;"><br /></span></div>
<div class="separator" style="clear: both;">
</div>
<ol>
<li><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;">Francesas/ latinas: </span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 17.12px; text-align: justify;"> </span><b style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 17.12px; text-align: justify;"><< >></b><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 17.12px; text-align: justify;">. Son las que en realidad deberíamos utilizar.</span></li>
<li><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 17.12px; text-align: justify;">Inglesas: </span><b style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 17.12px; text-align: justify;">“ ”</b><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 17.12px; text-align: justify;">. Son las que usamos con más frecuencia debido a la influencia inglesa, aunque su uso en el castellano sería incorrecto.</span></li>
<li><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 17.12px; text-align: justify;">Simples:</span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 17.12px; text-align: justify;"> </span><b style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 17.12px; text-align: justify;">‘ ’</b><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 17.12px; text-align: justify;">.</span></li>
<li><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 17.12px; text-align: justify;">Segundos:</span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 17.12px; text-align: justify;"> </span><b style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 17.12px; text-align: justify;">`` </b><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; text-align: justify;"><span style="line-height: 17.12px;">Se usan para la unidad de medida de los segundos.</span></span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 17.12px; text-align: justify;">Minuto:</span><b style="background-color: white; line-height: 17.12px; text-align: justify;"> ` </b></span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 17.12px; text-align: justify;">Se usan para la unidad de medida</span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 17.12px; text-align: justify;"> de los segundos.</span></li>
<li><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 17.12px; text-align: justify;">Tílde:</span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 17.12px; text-align: justify;"> </span><b style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 17.12px; text-align: justify;">´ </b><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; text-align: justify;"><span style="line-height: 17.12px;">Se utiliza para acentuar las palabras que llevan tildes según donde vaya la silaba tónica pueden llevarla o no la tilde dependiendo de unas reglas ortográficas de las palabras.</span></span></li>
<li><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 17.12px; text-align: justify;">Puntos suspensivos:</span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 17.12px; text-align: justify;"> </span><b style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 17.12px; text-align: justify;">... </b><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; text-align: justify;"><span style="line-height: 17.12px;">Su utilización es similar al termino etcétera, se pone al final de una frase aunque no determine el final de u párrafo necesariamente.</span></span></li>
<li><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 17.12px; text-align: justify;">Repetición de tres puntos:</span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 17.12px; text-align: justify;"> </span><b style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 17.12px; text-align: justify;">. . .</b></li>
</ol>
<br />
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<img src="http://graffica.info/wp-content/uploads/comillas.jpg" height="116" width="320" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
IMAGEN: <a href="http://graffica.info/ortotipografia-empacho-de-comillas-una-cuestion-de-estilo/" target="_blank">http://graffica.info/ortotipografia-empacho-de-comillas-una-cuestion-de-estilo/</a></div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: "arial" , "helvetica" , sans-serif; line-height: 17.12px;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: "arial" , "helvetica" , sans-serif; line-height: 17.12px;"><br /></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #333333; line-height: 19.6px;"> La utilización de las comillas latinas correctamente, hace que demostremos un conocimiento más amplio de la ortotipografía. Del mismo modo, si tenemos que usar comillas dentro de comillas, usaríamos primero las francesas o latinas, luego las inglesas, y luego las simples.</span><b style="background-color: white; color: #333333; line-height: 19.6px;"> No te dejes persuadir por lo que te digan sino por lo correcto.</b></span><br />
<div class="separator" style="clear: both;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="background-color: white; color: #333333; line-height: 19.6px;"><br /></b></span></div>
<div class="separator" style="clear: both;">
<br /></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="background-color: white; color: #333333; line-height: 19.6px;">Apóstrofos y primas:</b><span style="background-color: white; color: #333333; line-height: 19.6px;"> "</span><span style="background-color: white; color: #252525; line-height: 22.4px;">El </span><b style="background-color: white; color: #252525; line-height: 22.4px;">apóstrofo</b><span style="background-color: white; color: #252525; line-height: 22.4px;"> es un signo de puntuación</span><span style="background-color: white; color: #252525; line-height: 22.4px;"> en forma de coma volada (’) o comilla</span><span style="background-color: white; color: #252525; line-height: 22.4px;"> simple de cierre (’) utilizado en muchas lenguas que utilizan el alfabeto latín</span><span style="background-color: white; color: #252525; line-height: 22.4px;">, así como en sistemas de romanización </span><span style="background-color: white; color: #252525; line-height: 22.4px;">de diversas lenguas, como el árabe</span><span style="background-color: white; color: #252525; line-height: 22.4px;">, el hebreo</span><span style="background-color: white; color: #252525; line-height: 22.4px;"> o el chino mandarín</span><span style="background-color: white; color: #252525; line-height: 22.4px;">."</span></span><br />
<span style="background-color: white; color: #252525; line-height: 22.4px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="https://es.wikipedia.org/wiki/Ap%C3%B3strofo" target="_blank">https://es.wikipedia.org/wiki/Ap%C3%B3strofo</a></span></span><br />
<span style="background-color: white; color: #252525; line-height: 22.4px;"><br /></span>
<span style="background-color: white; color: #333333; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;">Las primas y los apóstrofos no deben confundirse con las comillas mecanográficas, que, ya sean simples o dobles, son siempre rectas y totalmente verticales. Las primas, aunque también rectas, son oblicuas hacia la izquierda, y los apóstrofos son curvos.</span><br />
<span style="background-color: white; color: #333333; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;"><br /></span>
<span style="background-color: white; color: #333333; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;"><br /></span>
<b style="background-color: white; color: #333333; font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 19.6px;"><span id="goog_600119797"></span><span id="goog_600119798"></span></b><br />
<div class="separator" style="clear: both;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="color: #333333; line-height: 19.6px;">Signos horizontales:</b> <span style="color: #333333;"><span style="line-height: 19.6px;">Son aquellos los cuales se diferencian principalmente por su longitud y su posición, en cuanto a la altura y tamaño que ocupan cada uno de ellos en el cuadratín.</span></span></span></span></div>
<div class="separator" style="clear: both;">
</div>
<ol>
<li><span style="background-color: white; color: #333333; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;"><b>El guion.</b> Medida: un cuarto de cuadratín.</span></li>
<li><span style="background-color: white; color: #333333; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;"><b>Signo de menos.</b> Medida: aproximadamente medio cuadratín, </span></li>
<li><span style="background-color: white; color: #333333; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;"><b>Guion medio o en dash. </b>Medida: exactamente medio cuadratín, </span></li>
<li><b style="color: #333333; font-family: Arial, Helvetica, sans-serif; line-height: 19.6px;">La raya.</b><span style="background-color: white; color: #333333; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;"> Medida: un cuadratín entero.</span></li>
<li><span style="background-color: white;"><b style="color: #333333; font-family: Arial, Helvetica, sans-serif; line-height: 19.6px;">Guión bajo o barra baja. </b><span style="color: #333333; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 19.6px;">Colocado en la parte inferior de la caja. Medida: poco más de medio cuadratín, uso frecuente en el ámbito informático: carlos</span></span><b style="color: #333333; font-family: Arial, Helvetica, sans-serif; line-height: 19.6px;">_</b><span style="color: #333333; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 19.6px;">@gmail... </span></span></span></li>
</ol>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://ellapizrojo.files.wordpress.com/2012/03/images.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="136" src="https://ellapizrojo.files.wordpress.com/2012/03/images.jpg" width="400" /></a></div>
<br />
<div style="text-align: center;">
<span style="background-color: white; color: #333333; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;">IMAGEN</span><b style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; line-height: 19.6px;">: <a href="http://ellapizrojo.wordpress.com/" target="_blank">ellapizrojo.wordpress.com</a></b></div>
<b style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; line-height: 19.6px;"><br /></b>
<b style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; line-height: 19.6px;"><br /></b>
<span style="background-color: white;"><b style="font-family: Arial, Helvetica, sans-serif; line-height: 19.6px;">Signos verticales:</b><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;"> La barra vertical, también conocida como pleca</span><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 19.6px;">."</span><span style="line-height: 22.4px;">La </span><b style="line-height: 22.4px;">pleca</b><span style="line-height: 22.4px;"> o </span><b style="line-height: 22.4px;">barra vertical</b><span style="line-height: 22.4px;"> (</span><b style="line-height: 22.4px;">|</b><span style="line-height: 22.4px;">) es un carácter que consiste en una raya vertical. Es muy usada en matemáticas para representar el valor absoluto</span><span style="line-height: 22.4px;">; en lexicografía, para separar acepciones</span><span style="line-height: 22.4px;"> y subacepciones; y, en informática, como operador de disyunción</span><span style="line-height: 22.4px;"> "o" (or) o para tuberías" esta información esta sacada de este enlace.<a href="https://es.wikipedia.org/wiki/Pleca" target="_blank">https://es.wikipedia.org/wiki/Pleca</a></span><span style="line-height: 22.4px;"> </span></span></span><br />
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;"> Por otro lado existen:</span><br />
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;"> <b>la barra inclinada</b>,y <b>contrabarra</b> ambos signos tienen forma diagonal pero uno es invertido al otro, por supuesto su uso es distinto ya que la primera barra se utiliza para</span><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 19.6px;"> f</span>ormar parte de los constituyentes de una abreviatura: c/ (por calle), c/c (por cuenta
corriente). No ha de haber ningún espacio de separación entre esta y las letras de la
abreviatura, y la función de la contrabanda sería utilizandola s</span></span><span style="font-family: "arial" , "helvetica" , sans-serif;">in espacios de separación, cuyo uso sería en sistemas operativos para delimitar
los nombres de los diferentes directorios o carpetas jerarquizados:
c:\consulta\acento\tilde.doc.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<img height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglfWmlqjTq4VIS9UcTKB610icPYi2CTN1rNMymZsK7hm4Ff3S5yMyZfhyphenhyphenIotBGLaVR6dRbhEGFtVP02ZbV-SiTvb1wYVlDFt-jwufJ7pPtzY6aQTurKtbXn1X-VhvDDcPl4FQCHZlYXJIR/s320/Barra+c%C3%B3pia.jpg" width="320" /><br />
<span style="background-color: white; color: #333333; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;"><br /></span>
<span style="background-color: white; color: #333333; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;"><br /></span>
<span style="background-color: white; color: #333333; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;"><br /></span>
<span style="background-color: white; color: #333333; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="background-color: white; color: #333333; line-height: 19.6px;">Signos contenedores: </b><span style="background-color: white;"><span style="color: #333333;"><span style="line-height: 19.6px;">Son signos tipográficos que van emparejados entre sí , uno de apertura y otro de cierre, como el caso de los signos de entonación pero el uso de estos es distinto, los hay de distintos tipos pero todos y cada uno de ellos se utilizan para contener información. los signos contenedores se utilizan para el texto como complemento de ello, los más habituales son los paréntesis y los corchetes además están también las <b>llaves</b> aunque estas ultimas se utilicen de manera más especifica para cuadro sinopticos y operaciones matemáticas. </span></span></span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span lang="es-ES" style="box-sizing: border-box; color: #232323; line-height: 28.9px;">Los </span><span lang="es-ES" style="box-sizing: border-box; color: #232323; line-height: 28.9px;"><b style="box-sizing: border-box;">paréntesis</b></span><span lang="es-ES" style="box-sizing: border-box; color: #232323; line-height: 28.9px;"> se usan dentro del texto para situar incisos que aportan información </span></span><span lang="es-ES" style="box-sizing: border-box; color: #232323; line-height: 28.9px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">extra</span></span><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #333333; line-height: 19.6px;">. Los<b> corchetes</b>, en cambio, se utilizan para hacer anotaciones ajenas al contenido del texto, y también para omitir trozos del mismo si contienen unos puntos suspensivos.</span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #333333; line-height: 19.6px;"><br /></span></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #333333; line-height: 19.6px;"><br /></span></span>
<a href="http://solo50.files.wordpress.com/2010/08/parentesis.jpg" imageanchor="1"><img border="0" src="http://solo50.files.wordpress.com/2010/08/parentesis.jpg" height="244" width="320" /></a><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #333333; line-height: 19.6px;"><br /></span></span>
<br />
<div style="text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #333333; line-height: 19.6px;">IMAGEN:<a href="http://parabolaproyecto.blogspot.com/" target="_blank">parabolaproyecto.blogspot.com</a></span></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #333333; line-height: 19.6px;"><br /></span></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #333333; line-height: 19.6px;"> </span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="background-color: white; color: #333333; line-height: 19.6px;">Puntos:</b><span style="background-color: white; color: #333333;"><span style="line-height: 19.6px;"> Quizás sea el signo más significativo y utilizado por su sencillez y por la labor que cumple dentro de la tipografía etc. Existen diferentes usos del punto dependiendo de la colocación y repetición del mismo y como todo, el correcto uso del punto dice mucho a la hora de demostrar la habilidad cultural de cara a un diseño. existen:</span></span></span><br />
<br />
<ol>
<li><span style="background-color: white; color: #333333; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;">Punto: para finalizar la frase (punto final/ punto y seguido) o para determinar la numeración ( 1.445/ 23.550...).</span></li>
<li><span style="background-color: white; color: #333333; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;">Puntos suspensivos: tres puntos que que van uno seguido de otro.</span></li>
<li><span style="background-color: white; color: #333333; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;">Punto medio o volado: separa conceptos.</span></li>
<li><span style="color: #333333; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 19.6px;">Topos o balas: sustituye a los guiones alineados.</span></span></li>
<li><span style="color: #333333; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white;"><span style="line-height: 19.6px;">Puntos conductores: Para indices de contenidos, los cuales conectan con el texto o numeración mediante una linea de puntos del mismo calibre y misma altura.</span></span></span></li>
<li><span style="color: #333333; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white;"><span style="line-height: 19.6px;">Línea de puntos: se utiliza para separar párrafos.</span></span></span></li>
</ol>
<br />
<br />
<div style="text-align: start; text-indent: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b><span style="background-color: white; color: #333333; line-height: 19.6px; text-align: justify; text-indent: -24px;">Bl</span><span style="background-color: white; color: #333333; line-height: 19.6px; text-align: justify; text-indent: -24px;">ancos tipográficos:</span></b><span style="background-color: white; color: #333333; text-align: justify; text-indent: -24px;"><span style="line-height: 19.6px;"> Este apartado trata sobre los espacios que existen a la hora de escribir(soporte digital) ya que son importantes y cada uno de están delimitados por una medida concreta, por lo tanto existen:</span></span></span></div>
<div style="text-align: start; text-indent: 0px;">
<span style="background-color: white; color: #333333; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px; text-align: justify; text-indent: -24px;"><br /></span></div>
<div style="text-align: start; text-indent: 0px;">
</div>
<ol>
<li><span style="background-color: white; color: #333333; line-height: 19.6px; text-align: justify; text-indent: -24px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"> Espacio eme, mide un cuadratín entero; </span></span></li>
<li><span style="background-color: white; color: #333333; line-height: 19.6px; text-align: justify; text-indent: -24px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"> Espacio ene, mide la mitad de un cuadratín</span></span></li>
<li><span style="background-color: white; color: #333333; line-height: 19.6px; text-align: justify; text-indent: -24px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"> Espacio grueso, mide un tercio de cuadratín</span></span></li>
<li><span style="background-color: white; color: #333333; line-height: 19.6px; text-align: justify; text-indent: -24px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"> Espacio mediano, un cuarto de cuadratín</span></span></li>
<li><span style="background-color: white; color: #333333; line-height: 19.6px; text-align: justify; text-indent: -24px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"> Espacio delgado o fino, mide un sexto/octavo de cuadratín.</span></span></li>
<li><span style="background-color: white; color: #333333; line-height: 19.6px; text-align: justify; text-indent: -24px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"> Espacio de pelo mide una vigésimo cuarta parte de un cuadratín. </span></span></li>
</ol>
<span style="color: #333333; font-family: arial, helvetica, sans-serif; line-height: 19.6px; text-align: justify; text-indent: -24px;">Con ello se consigue un atractivo visual distinto según se utilicen.</span><br /><div style="text-align: justify; text-indent: -24px;">
<span style="color: #333333; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 19.6px;"><br /></span></span></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>8.3: Normas ortográficas:</b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Tipografias distintivas: </b>Esto va unido a cuando leemos un texto no se busca ver letra por letra o palabra por palabra sino conseguir que todo se vea como un blque o una mancha de texto.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Para conseguir esto debemos determinar varios objetivos como pueden ser el concepto de puntuación, la utilización de las comillas dentro del margen de alineación cuya estética será más compacta y perfeccionara a la composición del texto. Utilización de la cursiva real, la cual se diferencia muy bien de la no real mediante la "a".</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Como he mencionado antes estamos acostumbrados a leer mediante el conjunto de la mancha textual y no letra por letra.La utilización de la versalitas es cada vez menos frecuente y esta bastante en desuso quizás por su desconocimiento o por otra teoría, esta es como la escritura en letras mayúsculas pero con la altura en minúsculas.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Al hablar de las negritas esta claro que su uso es bastante frecuente aunque agresivo en cierto modo, esta se utiliza para enfatizar y dar importancia a una palabra o conjunto de ellas. para sustituir esta agresividad visual en un cuerpo de texto se debería usar la cursiva que también enfatiza pero de manera más sutil, y por lo tanto utilizar la negrita en encabezados o titulares y como no, también en entrevistas donde diferenciar pregunta de respuesta.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; color: #333333; font-size: 14px; line-height: 19.6px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Tipos de mayúsculas</b> Al parecer existen diferentes tipos de mayúsclas como si con una fuera poco..</span><span style="font-family: "arial" , "helvetica" , sans-serif;">.</span></span><span style="background-color: white; color: #333333; line-height: 19.6px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">. Existen:</span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; color: #333333; line-height: 19.6px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Mayúsculas de posición, mayúsculas de naturaleza</span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="color: #333333;"><span style="line-height: 19.6px;">las de posición como su propio nombre indica son aquellas que van al inicio de texto y seguidas de un punto.</span></span></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="color: #333333;"><span style="line-height: 19.6px;">las de naturaleza son aquellas que se utilizan para nombres propios etc.</span></span></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="color: #333333;"><span style="line-height: 19.6px;">es totalmente incorrecto poner mayúscula en días meses o don y doña.</span></span></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="color: #333333;"><span style="line-height: 19.6px;"><br /></span></span></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; color: #333333; font-size: 14px; line-height: 19.6px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<img src="http://image.slidesharecdn.com/usomayusuculasminusculas-121113094813-phpapp02/95/uso-mayusuculas-minusculas-1-638.jpg?cb=1352800172" height="300" width="400" /></div>
<div class="separator" style="clear: both; text-align: center;">
IMAGEN:<a href="http://es.slideshare.net/" target="_blank">es.slideshare.net</a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; color: #333333; font-size: 14px; line-height: 19.6px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; color: #333333; font-size: 14px; line-height: 19.6px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; color: #333333; line-height: 19.6px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b> versalitas:</b> mayúsculas con la altura de la caja de la x. tienen menor grosor que las mayúsculas normales, y se utilizan para el nombre de los personajes en libretos de teatro y para escribir el número de los siglos. Sin embargo, en títulos nobiliarios o de sucesión...</span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; color: #333333; line-height: 19.6px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<img src="http://www.tex-tipografia.com/images/styles_sc.gif" /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
IMAGEN:<a href="http://www.tex-tipografia.com/" target="_blank">www.tex-tipografia.com</a></div>
<div class="separator" style="clear: both; text-align: left;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; color: #333333; line-height: 19.6px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Citas textuales bibliográficas y notas:</b></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<b style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12pt; line-height: 17.12px; text-align: justify;">Incisos :</b><span style="background-color: white; color: #333333; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 12pt; line-height: 17.12px; text-align: justify;">Paréntesis, corchetes o incisos.</span><span style="background-color: white; text-align: justify;"><span style="color: #333333; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 12pt; line-height: 17.12px;">Lo correcto sería usar corchetes dentro de los paréntesis excepto en </span><span style="line-height: 17.12px;">matemáticas</span><span style="font-size: 12pt; line-height: 17.12px;"> que su uso </span><span style="line-height: 17.12px;">jerárquico</span><span style="font-size: 12pt; line-height: 17.12px;"> es contrario y los paréntesis van dentro de los corchetes.</span></span></span><span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;">"([ ])"</span><b style="line-height: 18.2px;">Puntuación y comillas:</b><span style="line-height: 18.2px;"> el correcto uso sería el siguiente:</span><b style="line-height: 18.2px;"> </b></span></span><b style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12pt; line-height: 17.12px; text-align: justify;"><<.>></b><span style="background-color: white; color: #333333; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 12pt; line-height: 17.12px; text-align: justify;">: Las comillas abren y cierran el párrafo. </span><b style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12pt; line-height: 17.12px; text-align: justify;"><<>>. </b><span style="background-color: white; color: #333333; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 12pt; line-height: 17.12px; text-align: justify;">: Si las comillas no abren el párrafo.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<img src="http://www.wikilengua.org/images/math/3/a/1/3a12da5408bfa8c497f2a4a523842abf.png" height="266" width="400" /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
IMAGEN: <a href="http://www.wikilengua.org/" target="_blank">www.wikilengua.org</a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="font-family: "arial" , "helvetica" , sans-serif;">Cifras:</span> </b>A<span style="font-family: "arial" , "helvetica" , sans-serif;">quí tenemos algunos ejemplos de lo que nos podemos encontrar con frecuencia y sin embargo poder pasar desapercibidos, pero no por ello nosotros debemos de ser pasivos sino realzar el uso correcto y defender su utilidad.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 18.2px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ol>
<li><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 18.2px;">En los grados el uso correcto sería "9,5", no "9.5".</span></li>
<li><span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;">En posiciones numéricas, se usa "4.ª", no "4ª".</span></span></span></li>
<li><span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;">En cifras largas, el punto no es necesario cada tres cifras, pero tampoco esta mal escrito, pero nunca se utilizan espacios "11.985".</span></span></span></li>
<li><span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><span style="font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 16px; line-height: 17.12px; text-align: justify;">20.30 horas y no "20:30". Aunque la RAE no dice que sea incorrecto.</span></span></span></span></li>
</ol>
<span style="background-color: white; line-height: 19.6px;"><b><span style="font-family: "arial" , "helvetica" , sans-serif;">Fechas:</span></b></span><span style="background-color: white; color: #333333; font-size: 14px; line-height: 19.6px;"> </span><br />
<div>
<span style="background-color: white; line-height: 19.6px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">barras inclinadas: 16/03/1998; en este caso, sería incorrecto escribir cualquier parte de la fecha con letras. Tambien es válido 16/3/98 es una manera de abreviar.</span></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 19.6px;"><br /></span></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 19.6px;"><b>Abreviaturas:</b></span></span><span style="background-color: white; color: #4e4e4e; font-family: "segoe ui" , "calibri" , "myriad pro" , "myriad" , "trebuchet ms" , "helvetica" , "arial" , sans-serif; font-size: 13px; line-height: 19.5px;"> "</span><span style="background-color: white; line-height: 19.5px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">La principal diferencia entre abreviaturas y unidades de medida es que aquellas llevan siempre un punto abreviativo que indica, precisamente, su carácter de palabra abreviada." <a href="http://xcastro.com/articulos/" target="_blank">http://xcastro.com/articulos/</a> Ejemplos:</span></span></div>
<div>
<ol>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><u style="background-color: white; line-height: 19.6px;">Calle:</u><span style="background-color: white; line-height: 19.6px;"> se abrevia en forma de una C mayúscula seguida, o bien de una barra inclinada (C/), o bien de un punto (C.), pero nunca de ambos.</span></span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 19.6px;">Teléfono:</span><u style="background-color: white; line-height: 19.6px;"> </u><span style="background-color: white; line-height: 19.6px;">se abrevia por truncamiento, o bien como Teléf. o bien con una sola T.</span></span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 19.6px;">A</span><span style="background-color: white; line-height: 19.6px;">ntes de Cristo:</span><span style="background-color: white; line-height: 19.6px;"> está aceptado escribir a.C. o a. de C.</span></span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 19.6px;">Juegos Olímpicos:</span><span style="background-color: white; line-height: 19.6px;"> JJ. OO.</span></span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><u style="background-color: white; line-height: 19.6px;">Asociaciones de Padres de Alumnos:</u><span style="background-color: white; line-height: 19.6px;"> AA. PP. AA.</span></span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><u style="background-color: white; line-height: 19.6px;">Señor:</u><span style="background-color: white; line-height: 19.6px;"> se escribe Sr. En plural se Sres. En femenino se puede escribir Sra., Sr.ª o Sr.ª sin la raya debajo de la a volada. </span></span></li>
<li><span style="font-family: "arial" , "helvetica" , sans-serif;"><u style="background-color: white; line-height: 19.6px;">Compañía:</u><span style="background-color: white; line-height: 19.6px;"> CIA; </span></span></li>
<li><u style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 19.6px;">Excelentísima:</u><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px;"> Excma.</span></li>
</ol>
<div>
<img src="http://www.poemas-del-alma.com/blog/wp-content/uploads/2014/10/poe0.png" height="320" width="256" /></div>
</div>
<div style="text-align: center;">
IMAGEN:<a href="http://www.poemas-del-alma.com/" target="_blank">www.poemas-del-alma.com</a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<b style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 17.12px; text-align: justify;">Criptónimos: </b><span style="background-color: white; color: #333333; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 16px; line-height: 17.12px; text-align: justify;">Cuando en las abreviaturas se dejan de utilizar los signos de puntuación y los espacios creando en sí una palabra. Ejemplos: </span><span style="background-color: white; color: #333333; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 16px; line-height: 17.12px; text-align: justify;">Sida, ovni, láser...</span></div>
<div>
<span style="background-color: white; color: #333333; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 16px; line-height: 17.12px; text-align: justify;"><b><br /></b></span></div>
<div>
<span style="background-color: white; text-align: justify;"><b style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; line-height: 17.12px;">Ortografía publicitaria:</b> <span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 17.12px;"> la publicidad tomo uso deliberado de la tipografía, quizás por moda o por puro marketing, muchas marcas redujeron el nombre del producto quitando las vocales del nombre del mismo así como Reebok quedó en "RBK" entre otras muchas.</span></span></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">También era frecuente la falta de ortografía intencionada para acercarse más al consumidor mediante un lenguaje mas coloquial y el uso reiterado de los juegos de palabras.</span></div>
<div>
<span style="background-color: white; line-height: 17.12px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div>
<span style="background-color: white; line-height: 17.12px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div>
<span style="background-color: white; line-height: 17.12px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Fuentes:<a href="http://xcastro.com/articulos/" target="_blank">http://xcastro.com/articulos/</a></span></span></div>
<div>
<span style="background-color: white; line-height: 17.12px; text-align: justify;"> <a href="https://www.uv.es/normas/2011/materiales/Signos_2011.pdf" target="_blank">https://www.uv.es/normas/2011/materiales/Signos_2011.pdf</a></span></div>
<div>
<br /></div>
Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com0tag:blogger.com,1999:blog-2604946353375517196.post-58457877717113681492016-01-29T13:25:00.001-08:002016-01-29T13:25:51.211-08:007.1.5: DISEÑO TIPOGRÁFICO:<br />
Trabajo que trata sobre coger un logotipo a elección propia el cual contenga tiipografia, y crear un abecedario a partir de dicho logotipo. En este caso he elegido la marca TELMEX (TM):y pariendo de esta base he interpretado como pudiesen ser los demás caracteres.<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-recEki2bB3qS7-h80lSvEi95ps-jxRcMFpzQHcQ7QlR7QLy1yciwd0l3e0GLEfgmhyq7o2KVxjdC8w5OgPnbDnVySFKEXgr-8Hw4sdmIXmouuFfB9EMck5Ia52mFHn-TMDSI3YqtGzqi/s1600/ABECEDARIO+TELVEX.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-recEki2bB3qS7-h80lSvEi95ps-jxRcMFpzQHcQ7QlR7QLy1yciwd0l3e0GLEfgmhyq7o2KVxjdC8w5OgPnbDnVySFKEXgr-8Hw4sdmIXmouuFfB9EMck5Ia52mFHn-TMDSI3YqtGzqi/s400/ABECEDARIO+TELVEX.jpg" width="400" /></a></div>
Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com1tag:blogger.com,1999:blog-2604946353375517196.post-66655151364128544702016-01-27T14:44:00.001-08:002016-01-29T13:32:48.380-08:007.1.4: TIPOGRAFÍA CREATIVA Y DE EDICIÓN:<span style="background-color: white; line-height: 22px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span>
<span style="background-color: white; line-height: 22px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">La tipografía creativa y de edición constituyen en sí mismas un arte, pudiendo actuar de forma conjunta o individualmente, dependerá de los objetivos que se marquen la elección de un tipo u otro.</span></span><br />
<span style="background-color: white; color: #333333; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 14px; line-height: 22px;"><br /></span>
<img height="246" src="https://laprestampa.files.wordpress.com/2013/11/tipografc3ada-creativa-y-tipografc3ada-de-edicic3b3n1.jpg?w=547" width="400" /><br />
<br />
<span style="background-color: white; font-family: "helvetica neue" , "helvetica" , "verdana" , "lucida sans unicode" , "lucida grande" , "lucida sans" , "arial" , sans-serif; font-size: 16px; line-height: 24px;"><br /></span>
<span style="background-color: white; font-family: "helvetica neue" , "helvetica" , "verdana" , "lucida sans unicode" , "lucida grande" , "lucida sans" , "arial" , sans-serif; font-size: 16px; line-height: 24px;"><b><br /></b></span>
<span style="background-color: white; font-family: "helvetica neue" , "helvetica" , "verdana" , "lucida sans unicode" , "lucida grande" , "lucida sans" , "arial" , sans-serif; font-size: 16px; line-height: 24px;"><b>La Tipografía Creativa:</b></span><br />
<div style="background-color: white; border: 0px; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">La tipografía Creativa sin embargo considera que el texto aparte de funcionalidad lingüística comunica como una imagen priorizando por tanto la <span style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-shadow: rgb(204, 255, 255) 2px 2px 2px; vertical-align: baseline;">metáfora visual que aporta el texto en su conjunto</span> entrando en consideración cuestiones tales como:</span></div>
<ul style="background-color: white; border: 0px; list-style: square; margin: 12px 0px; outline: 0px; padding: 0px 0px 0px 20px; vertical-align: baseline;">
<li style="border: 0px; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Estilos variados</span></li>
<li style="border: 0px; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Imágenes</span></li>
<li style="border: 0px; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Variedad en la composición</span></li>
<li style="border: 0px; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Juegos de Kerning, Tracking e interlineados</span></li>
<li style="border: 0px; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Contornos</span></li>
<li style="border: 0px; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Ruptura de líneas…</span></li>
</ul>
<div style="background-color: white; border: 0px; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">En resumen busca tipos que marquen, que se hagan notar, que impacten, que comuniquen claramente un mensaje.</span></div>
<img alt="tipografia-creativa-pistola" src="https://laprestampa.files.wordpress.com/2014/08/tipografia-creativa-pistola.jpg?w=547" /><br />
<br />
<span style="background-color: white; font-family: "helvetica neue" , "helvetica" , "verdana" , "lucida sans unicode" , "lucida grande" , "lucida sans" , "arial" , sans-serif; font-size: 16px; line-height: 24px;"><b><br /></b></span>
<span style="background-color: white; line-height: 24px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>La Tipografía de Edición</b></span></span><br />
<div style="border: 0px; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;">La tipografía de Edición por su funcionalidad lingüística considera que lo primordial en una composición son aquellos aspectos que priman la <strong style="border: 0px; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-shadow: rgb(204, 255, 255) 2px 2px 2px; vertical-align: baseline;">legibilidad.</strong></span></span></div>
<div style="border: 0px; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"> Aspectos normativos de la composición de los tipos:</span></div>
<ul style="border: 0px; list-style: square; margin: 12px 0px; outline: 0px; padding: 0px 0px 0px 20px; vertical-align: baseline;">
<li style="border: 0px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Interlineado, línea base regular</span></span></li>
<li style="border: 0px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Tracking, Kerning regular</span></span></li>
<li style="border: 0px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Sangrías y márgenes…</span></span></li>
<li style="border: 0px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Párrafos, Cuerpos…</span></span></li>
<li style="border: 0px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Uniformidad de caracteres…</span></span></li>
</ul>
<div style="border: 0px; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Siempre tendremos que tener en cuenta el soporte y el público objetivo al que va dirigido el producto final.</span></span></div>
<div style="border: 0px; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;">Las tipografías más legibles para el producto impreso son aquellas que presentan remates, en el caso de la pantalla, por el contrario, serán las </span><a href="https://laprestampa.wordpress.com/2013/12/11/caracteristicas-palo-seco/" style="background-color: white; border: 0px; font-family: Arial, Helvetica, sans-serif; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" title="tipografias palo seco"><span style="color: black;">tipografías sin remates</span></a><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"> las que tendrán una mejor legibilidad (de hecho, </span><a href="https://laprestampa.wordpress.com/2014/12/17/familias-tipograficas-informaticas/" style="background-color: white; border: 0px; font-family: Arial, Helvetica, sans-serif; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" title="familias tipográficas informáticas"><span style="color: black;">las tipografías informáticas</span></a><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"> nacieron precisamente para optimizar la legibilidad en pantallas)</span></div>
<div style="border: 0px; font-stretch: normal; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 22px;">La tipografía de edición busca tipos fáciles de leer que pasen desapercibidos en su conjunto, y que por tanto generen belleza, también un buen color tipográfico, no obstante, influye y mucho el target al que te dirijas y el soporte final en el que se vaya a leer el libro, manual periódico, revista o similares.</span></span></span></div>
<div style="border: 0px; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="border: 0px; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img alt="tipografia de edicion laprestampa" class="aligncenter size-full wp-image-1167" src="https://laprestampa.files.wordpress.com/2014/08/tipografia-de-edicion-laprestampa.jpg?w=547" style="clear: both; display: block; height: auto; margin-bottom: 12px; margin-left: auto; margin-right: auto; max-width: 100%;" /></div>
<br />
<br />
FUENTES; <a href="http://www.unostiposduros.com/taller-de-tipografia-digital-0-introduccion/" target="_blank">http://www.unostiposduros.com/taller-de-tipografia-digital-0-introduccion/</a><br />
<a href="https://laprestampa.wordpress.com/2013/11/19/tipografia-creativa-y-de-edicion/" target="_blank">https://laprestampa.wordpress.com/2013/11/19/tipografia-creativa-y-de-edicion/</a><br />
<a href="http://definicion.de/tipografia/" target="_blank">http://definicion.de/tipografia/</a><br />
<br />
<br />Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com1tag:blogger.com,1999:blog-2604946353375517196.post-50991048669593397992016-01-27T12:22:00.002-08:002016-01-27T12:41:05.664-08:007.1.3: POGRAMAS TIPOGRAFICOS:<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-stretch: normal; line-height: 27px; margin-bottom: 1.2em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; height: 80px; line-height: 20.3px; margin-bottom: 15px; outline: 0px; overflow: hidden; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Diseñar tipografías es un arte, existen cientos de detalles a considerar y muy pocos son capaces de lograrlo. Sin embargo las herramientas para crear nuestra propia tipografía abundan en versiones comerciales pero si lo que buscamos es una herramienta gratuita para promover un simple hobby las alternativas se reducen considerablemente.</span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; height: 80px; line-height: 20.3px; margin-bottom: 15px; outline: 0px; overflow: hidden; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Tengo que confesar que siento profunda admiración hacia las personas que diseñan y comparten con todo el mundo sus tipografías y lo </span></span><span style="background-color: white; line-height: 20.3px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">difícil que debe resultar el proceso creativo de generar una tipografía nueva, original y única.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.kabytes.com/wp-content/uploads/2013/10/programa-gratuito-para-crear-fuentes.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.kabytes.com/wp-content/uploads/2013/10/programa-gratuito-para-crear-fuentes.jpg" height="198" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.google.es/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwiEnpaS5srKAhXIOhoKHQznCVgQjB0IBg&url=http%3A%2F%2Fwww.kabytes.com%2Fsoftware%2F9-programas-para-disenar-fuentes-tipograficas-gratis%2F&psig=AFQjCNHnOtjS1nSVfuQZtGgtGjgJRoTHzQ&ust=1454011739271917" target="_blank">https://www.google.es/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwiEnpaS5srKAhXIOhoKHQznCVgQjB0IBg&url=http%3A%2F%2Fwww.kabytes.com%2Fsoftware%2F9-programas-para-disenar-fuentes-tipograficas-gratis%2F&psig=AFQjCNHnOtjS1nSVfuQZtGgtGjgJRoTHzQ&ust=1454011739271917</a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; height: 80px; line-height: 20.3px; margin-bottom: 15px; outline: 0px; overflow: hidden; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 27px;">Si quieres producir una </span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 27px;"> </span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 27px;">tipografía en formato digital, tarde o temprano te harás la siguiente pregunta: ¿Con qué programa la hago?. Hoy por hoy la respuesta a esa pregunta es esta lista con los 5 mejores, AL MENOS POR SU CALIDAD PRECIO:</span></div>
<ol style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; line-height: 27px; list-style: none; margin: 0px 0px 15px -30px !important; outline: 0px; padding: 0px 0px 0px 30px !important; vertical-align: baseline;">
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; list-style-type: decimal !important; margin: 0px; outline: 0px; padding: 0px 0px 20px; vertical-align: baseline;"><span style="background-color: white; color: black; font-family: "arial" , "helvetica" , sans-serif;"><a href="http://fontforge.org/" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="color: black;">FontForge</span></a>: gratuito y de código abierto.</span></li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; list-style-type: decimal !important; margin: 0px; outline: 0px; padding: 0px 0px 20px; vertical-align: baseline;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><a href="http://doc.robofont.com/" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="color: black;">Robofont</span></a>: 400€. Tiene una versión de prueba sin limitaciones durante 30 días.</span></li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; list-style-type: decimal !important; margin: 0px; outline: 0px; padding: 0px 0px 20px; vertical-align: baseline;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><a href="https://www.cleverbridge.com/313/cookie?affiliate=25799&redirectto=http%3A%2F%2Fwww.fontlab.com%2F" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="color: black;">FontLab</span></a>: 649$ (unos 500€ al cambio; ten en cuenta que las divisas fluctúan, consulta <a href="http://www.xe.com/ucc/" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="color: black;">cuánto te costaría hoy</span></a>). Tiene una versión de demostración con limitaciones para exportar y guardar los archivos</span></li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; list-style-type: decimal !important; margin: 0px; outline: 0px; padding: 0px 0px 20px; vertical-align: baseline;"><a href="http://www.fontlab.com/font-editor/fontographer/" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="color: black;">Fontographer</span></a><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;">: 399¢ (unos 310€ al cambio; ten en cuenta que las divisas fluctúan, consulta </span><a href="http://www.xe.com/ucc/" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="color: black;">cuánto te costaría hoy</span></a><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;">). Tiene una versión de demostración con limitaciones para exportar y guardar los archivos; también añade una marca de agua en cada glifo.</span></li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; list-style-type: decimal !important; margin: 0px; outline: 0px; padding: 0px 0px 20px; vertical-align: baseline;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><a href="http://glyphsapp.com/" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="color: black;">Glyphs</span></a>: 239,90 €. Tiene una versión de prueba sin limitaciones durante 30 días.</span></li>
</ol>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 27px;">Por supuesto existen muchos más programas de creación de tipografía digital, los expuestos son solo un ejemplo de lo que te puedes encontrar, lo que pasa es que estuve mirando foros y otros eventos en los que hablaban muy bien de ellas.</span></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 27px;"><br /></span></span></div>
<div>
<div style="line-height: 24.4608px; margin-bottom: 15px; padding: 0px;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;">Los dos programas mas utilizados para la creación de tipografías digitales son <em style="margin: 0px; padding: 0px;">Fontographer</em> (en la actualidad comprado por Fontlab) y <a href="http://www.fontlab.com/" style="margin: 0px; padding: 0px;" target="_blank">FontLab</a>; utilizan las curvas Bézier, en las que se basa el lenguaje PostScript, para este fin.</span></div>
<div style="line-height: 24.4608px; margin-bottom: 15px; padding: 0px; text-align: center;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><img alt="" class="aligncenter size-medium wp-image-2198" src="http://www.unostiposduros.com/wp-content/uploads/2008/09/fontlab-300x210.gif" height="210" style="border: 1px solid rgb(255, 255, 255); margin: 0px 10px 5px 0px; max-width: 100%; padding: 2px; vertical-align: middle;" title="Ventana de Fontlab" width="300" /></span></div>
<div style="line-height: 24.4608px; margin-bottom: 15px; padding: 0px;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;">Asimismo el dibujo de los caracteres s puede realizar con cualquier programa de dibujo vectorial como pueden ser Freehand e Ilustrator para después pasarlos a Fontographer y acabar de realizar la fuente con este programa.</span></div>
</div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 27px;"><br /></span></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 27px;"> FUENTES:</span></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 27px;"><complete id="goog_2070993437">+<a href="http://www.unostiposduros.com/taller-de-tipografia-digital-0-introduccion/" target="_blank">http://www.unostiposduros.com/taller-de-tipografia-digital-0-introduccion/</a></complete></span></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 27px;"><a href="http://www.kabytes.com/software/9-programas-para-disenar-fuentes-tipograficas-gratis/" target="_blank">http://www.kabytes.com/software/9-programas-para-disenar-fuentes-tipograficas-gratis/</a></span></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="http://tipografiadigital.net/descubre-los-5-mejores-programas-para-crear-tu-propia-tipografia/" target="_blank">http://tipografiadigital.net/descubre-los-5-mejores-programas-para-crear-tu-propia-tipografia/</a></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 27px;"><br /></span></span></div>
Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com0tag:blogger.com,1999:blog-2604946353375517196.post-52974462116195735512016-01-26T06:42:00.000-08:002016-01-26T11:31:27.042-08:007.1.2: FUNDAMENTOS DEL DISEÑO TIPOGRÁFICO:<img src="http://www.marmota-d.com/wp-content/uploads/2015/04/cabecera-infografia-fundamentos-tipograficos.jpg" height="258" width="400" /><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Lo primero que hay que plantearse cuando uno comienza un proyecto de diseño tipográfico son las <b>características de una familia tipográfica:</b> El peso, el eje de modulación, el ancho y la altura de x, el contraste entre trazo, los remates... En definitiva, las características que definen a la letra. (Enlazar) (Nótese que esta clase de normas se aplican más que nada a las tipografías de edición, no a las creativas.)</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">A continuación, hay que considerar las<b> correcciones ópticas</b>. Se debe intentar repetir las características de la familia en todas sus letras; es decir, el mismo remate deberá repetirse en todas las letras en las que tenga sentido que haya un remate. Aparte de eso, existen una serie de<b> correcciones concretas</b> que hay que tener en cuenta. Por ejemplo, si el brazo intermedio de la E está colocado en la mitad justa del asta principal, la parte superior parece mayor que la inferior, así que se suele colocar ligeramente por encima. </span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Otra <b>corrección clásica</b> es el hecho de que los brazos horizontales deban ser más estrechos que los verticales (aunque muchas tipografías más modernas, como las geométricas, ignoran este principio). Del mismo modo, las curvas horizontales de la O han de ser más finas que las verticales.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">También son importantes los espacios verticales, es decir, el interlineado. Hay que tener en cuenta las ascendentes y las descendentes, para que no se puedan solapar.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;">Finalmente, tenemos el concepto de acoplamiento. Cada carácter tiene un espacio de X determinado, pero si ponemos una A al lado de una V (letras que no llenan ese espacio uniformemente), parecerá que el espacio entre ellas sea mucho mayor que entre cualquier otro par de letras. La solución es solapar los espacios que las rodean para comprimir el espacio. </span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><img height="250" src="http://www.unostiposduros.com/wp-content/uploads/2012/05/Barna_process_FontLab.jpg" width="400" /></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 22px;"> Los tipos constan de unas partes que se denominan como: brazos, piernas,</span><br style="background-color: white; line-height: 22px;" /><span style="background-color: white; line-height: 22px;">ojos, columnas, colas... Estas son las partes que se han utilizado de forma</span><br style="background-color: white; line-height: 22px;" /><span style="background-color: white; line-height: 22px;">tradicional para la construcción de las diferentes letras. La estructura de las</span><br style="background-color: white; line-height: 22px;" /><span style="background-color: white; line-height: 22px;">letras permanece constante sin tener en cuenta la tipografía, así una B</span><br style="background-color: white; line-height: 22px;" /><span style="background-color: white; line-height: 22px;">mayúscula consta de un brazo vertical y dos curvos. Grosores y anchos Las tipografías de cada familia tienen distintos grosores y anchos. Algunas </span><span style="background-color: white; line-height: 22px;">familias están formadas por muchos miembros y otras no. </span><span style="background-color: white; line-height: 22px;">Por ejemplo la "Stone" incluye las dos variantes de con y sin serif. Dentro de una misma </span><span style="background-color: white; line-height: 22px;">familia tipográfica hay ciertos caracteres que la diferencian entre sí.</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 22px;"><br /></span></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 22px;"><b>Tipografía:</b></span><br style="background-color: white; line-height: 22px;" /><span style="background-color: white; line-height: 22px;">Se denomina al estudio y clasificación de las diferentes familias o tipos de</span><br style="background-color: white; line-height: 22px;" /><span style="background-color: white; line-height: 22px;">letras, así como el diseño de caracteres unificados por propiedades visuales</span><br style="background-color: white; line-height: 22px;" /><span style="background-color: white; line-height: 22px;">uniformes.</span><br style="background-color: white; line-height: 22px;" /><span style="background-color: white; line-height: 22px;">la fuente es el juego completo de caracteres en cualquier diseño, cuerpo o estilo. Estos caracteres incluyen letras</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 22px;"><br /></span></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 22px;"><b>1</b>. Anchura del trazo: Según la anchura del trazo pueden clasificarse en</span><br style="background-color: white; line-height: 22px;" /><span style="background-color: white; line-height: 22px;">extra fina, fina redonda, negra o super negra (de menor a mayor).</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 22px;"><br /></span></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><img height="155" src="http://tiposformales.files.wordpress.com/2010/09/prop_de_tono.jpg" width="400" /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; line-height: 22px;" /><span style="background-color: white; line-height: 22px;"><b>2</b>. Proporción entre ejes vertical y horizontal: se clasifican en redonda</span><br style="background-color: white; line-height: 22px;" /><span style="background-color: white; line-height: 22px;">(cuando son iguales), estrecha (cuando el horizontal es menor que el</span><br style="background-color: white; line-height: 22px;" /><span style="background-color: white; line-height: 22px;">vertical) y expandida (cuando el horizontal es mayor).</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 22px;"><br /></span></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><img height="121" src="http://k45.kn3.net/taringa/0/2/1/8/3/7/copete/CBF.gif?5078" width="400" /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; line-height: 22px;" /><span style="background-color: white; line-height: 22px;"><b>3</b>. Inclinación del eje vertical: son las llamadas itálicas o cursivas.</span><br style="background-color: white; line-height: 22px;" /><span style="background-color: white; line-height: 22px;">Generalmente esta inclinación es de 15 grados.</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 22px;"><br /></span></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><img src="https://lacarpeta.files.wordpress.com/2008/05/cursi.jpg?w=420&h=214" /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; line-height: 22px;" /><span style="background-color: white; line-height: 22px;"><b>4</b>. Cuerpo: Es el tamaño de la letra, se mide en puntos tipográficos. Romana </span><br style="background-color: white; line-height: 22px;" /><span style="background-color: white; line-height: 22px;">o con serif Se distinguen dos tipos:</span></span><br />
<br />
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 22px;"><b> A.</b> Son los primeros tipos romanos basado en la columna de </span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 22px;">Trajano. El palo de la letra está adornado con una base con </span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 22px;">serif que surge de las letras talladas en piedra (Bembo, Platin).</span><br />
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 22px;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://marina.fjam.es/wp-content/uploads/2014/04/trajan.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://marina.fjam.es/wp-content/uploads/2014/04/trajan.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; line-height: 22px;" /><span style="background-color: white; line-height: 22px;"><b> B</b>. De transición: Se denominan así a los que se producen en el </span><span style="background-color: white; line-height: 22px;">siglo XVIII. Las mejores calidades del papel y de impresión </span><span style="background-color: white; line-height: 22px;">posibilitan una variación en su grosor y se hacen más finos </span><span style="background-color: white; line-height: 22px;">(Garamond y Baskerville). Formas de alineación Egipcio Se deriva del romano. Tienen astas iguales y más anchas y </span><span style="background-color: white; line-height: 22px;">el remate rectangular (Rockwell, Clarendom).</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 22px;"><br /></span></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><img src="http://www.17centimetros.com/tipo/romanas.jpg" /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 22px;"><br /></span></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 22px;">El texto alineado a la izquierda es el más </span><span style="background-color: white; line-height: 22px;">natural y recomendable para textos largos.</span><br style="background-color: white; line-height: 22px;" /><span style="background-color: white; line-height: 22px;">Crea una letra y un espacio entre palabras </span><span style="background-color: white; line-height: 22px;">muy uniforme, y dado que las líneas</span><br style="background-color: white; line-height: 22px;" /><span style="background-color: white; line-height: 22px;">terminan en diferentes puntos, el lector es </span><span style="background-color: white; line-height: 22px;">capaz de localizar fácilmente cada nueva</span><br style="background-color: white; line-height: 22px;" /><span style="background-color: white; line-height: 22px;">línea. Esta es posiblemente la forma de </span><span style="background-color: white; line-height: 22px;">alineación de textos que resulta más </span><span style="background-color: white; line-height: 22px;">legible.</span></span><br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 22px;">El texto puede alinearse de distintas formas distintas:</span><br style="background-color: white; line-height: 22px;" /><span style="background-color: white; line-height: 22px;">alineado a la izquierda, alineado a la derecha,</span><span style="background-color: white; line-height: 22px;">justificado, centrado o asimétrico.</span></span>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 22px;"><br /></span></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 22px;"><br /></span></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><img height="377" src="https://cfurrianca.files.wordpress.com/2006/11/alineacion.jpg" width="400" /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 22px;"><br /></span></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 22px;"><br /></span></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 22px;">FUENTES:<a href="https://prezi.com/s-pufjtzyd9e/fundamentos-de-diseno-tipografia/" target="_blank">https://prezi.com/s-pufjtzyd9e/fundamentos-de-diseno-tipografia/</a></span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"> <a href="http://www.eugeniovega.es/paidos/type.pdf" target="_blank">http://www.eugeniovega.es/paidos/type.pdf</a></span><br />
<br />Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com1tag:blogger.com,1999:blog-2604946353375517196.post-37916718959423658122016-01-26T03:45:00.004-08:002016-01-26T12:00:11.805-08:007.1.1: PROCESO CREATIVO DE LA TIPOGRAFÍA:<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Como ocurre en cualquier otro proceso de diseño, se empieza por un proyecto previo, estimulado por una motivación y que culmina en la realización de un boceto.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><img alt="Resultado de imagen de PROCESO DE CREACION DE UNA TIPOGRAFÍA" src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTbajwxIrm-q87V9kerHTBSzz-dfR6K-o7cX6fJeUU7wKfBFTKC" /></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>¿Qué motivos existen para crear una tipografía?</b></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">-Puede tratarse de interés académico, pero cuando se está versado en el tema el objetivo de crear una tipografía suele ser completar un proyecto de diseño gráfico o de identidad empresarial. También puede ser para que una fundición tipográfica se dé a conocer, en relación al tema anterior.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<br />
<br />
<span style="font-family: "arial" , "helvetica" , sans-serif;">-La siguiente fase sería la digitalización del boceto (nótese, sin embargo, que el boceto no ha de realizarse necesariamente sobre papel). En esta fase se realiza el MASTER, que es el diseño de la tipografía base a partir de la que se crearán las distintas variaciones. Generalmente, se parte de las formas de las letras dibujadas vectorialmente y a continuación se exportan al programa de edición tipográfica.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<a href="http://www.mentaestudio.com.ar/hola/wp-content/uploads/2009/12/Imagen-14.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://www.mentaestudio.com.ar/hola/wp-content/uploads/2009/12/Imagen-14.png" height="237" width="400" /></a><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">-La tercera fase es la de producción, en la que se crean todos los componentes de la familia: negritas, cursivas...</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><img src="http://www.oert.org/wp-content/uploads/2012/07/T02A_04-variablesfamilias2.jpg" height="300" width="400" /></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">-Finalmente, existe la post-producción, que consiste en la cuidadosa distribución de los espacios entre letras (llamado Prosa o Kerning).</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><img src="http://www.tiposconcaracter.es/wp-content/uploads/2011/10/espaciado-kerning.png" height="146" width="400" /></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Lógicamente, después llegaría la comercialización de la tipografía: su venta, su licencia (enlazar) y su distribución, que consiste en encontrar la manera de hacer llegar la tipografía al título.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><img src="http://omnibus-type.com/carteles/home_Rosario.png" height="200" width="400" /><br />
<br />
<br />
<ul style="background-color: white; border: 0px; list-style: square; margin: 12px 0px; outline: 0px; padding: 0px 0px 0px 20px; vertical-align: baseline;">
</ul>
<div style="background-color: white; border: 0px; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">En resumen busca tipos que marquen, que se hagan notar, que impacten, que comuniquen claramente un mensaje.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="background-color: white; border: 0px; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"> FUENTES: <a href="https://laprestampa.wordpress.com/2013/11/19/tipografia-creativa-y-de-edicion/" target="_blank">https://laprestampa.wordpress.com/2013/11/19/tipografia-creativa-y-de-edicion/</a></span></div>
<div style="background-color: white; border: 0px; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="http://es.slideshare.net/evaavila/tipografa-13894342" target="_blank">http://es.slideshare.net/evaavila/tipografa-13894342</a></div>
<a href="http://www.unostiposduros.com/taller-de-tipografia-digital-2-conceptos-basicos/" target="_blank">http://www.unostiposduros.com/taller-de-tipografia-digital-2-conceptos-basicos/</a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com0tag:blogger.com,1999:blog-2604946353375517196.post-1763689320852063312016-01-25T14:22:00.000-08:002016-02-01T09:49:27.044-08:006.1.5: TIPO EN SOPORTES DIGITALES:<br />
<div style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;">
<br /></div>
<br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Web:</b> integrado fuentes en sistema operativos. Avance importante: Hojas de estilo CSS.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;">Programación web no deja integrar fuentes, solo la que venían por defecto. Dos alterativas:</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;">-Para Mac</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;">-Para Windows</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;">Versión CS2 ,posteriormente, función nueva @fontface. cualquier fuente posible.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;">2008, CSS3 alojamiento virtual de fuentes.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<img alt="Resultado de imagen de css html" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBw8PDQ0NDQ0PDQ0NDQ0PDQ0NDQ8NDg0PFhEWGBURFRUYHSggGBolGxcVITEhJSkrLi4uFx8zODMsNygtLisBCgoKDg0OGhAQGjclHyUtLS0tLS0rLSsrLS0rKy0uLSstLS8tLSstLS0tKy0tLS0rLS8tLS0tLS0tLS0tLS0tLf/AABEIAJwBRAMBEQACEQEDEQH/xAAbAAEBAAMBAQEAAAAAAAAAAAAAAQMEBQYCB//EAEsQAAEEAQAEBg0ICAUFAQAAAAEAAgMRBAUGEiETMUFRcZIUIjJSU2FygZGhscHRFRZUVWJzstIkNDVCQ4Oz4SMzY4KTRJSi8PEH/8QAGwEBAAIDAQEAAAAAAAAAAAAAAAECAwQFBgf/xAA5EQEAAQICBQkGBgIDAQAAAAAAAQIDBBESEyExUQUUQVJhcZGhsTIzgcHR8AYVIkRi4SNTJHKSQ//aAAwDAQACEQMRAD8A9Fa3nmltEraC2g+gUC0FtBbQLQLQW0C0C0FtAtEraBaBaC2gWgWgWgWgWgWgWgWgWgWgWgWgqIEBAQEBAQESICDRtELaC2gtoFoLaC2gtoFoFoLaBaC2gWgWgtoFoFoLaC2gWgWgWgWgWgWgWgICBaC2gIKgWgWgWgWgWgIKgIOdaC2gtoLaC2gWgtoFoLaBaC2gWgWgtoLaBaC2gWgtoFoFoFoFoFoFoFoKgWgqBaAgqBaC2gWgICAgqJEQIOZaIW0FBRK2iFtAtBbQW0C0FtElohbQLRK2gWgtoFoLaILQW0C0C0C0FQESICCoFoKCgWgqBaCoCAgIKgICAg5aIVAc8DjIHSaUTMRvTFM1boThW983rBRpRxW1dfCfBeGb3zesE0o4mrr4T4HCt75vWCaUcTV18J8F4ZvfN6wTSjiauvhPgcM3vm9YJpRxNXXwnwXhm9+3rBNKOJq6+E+Bwze+b1gmlHE1dfCfB9gqVFtSLaC2gDjA5SaA5SeZRM5JppmqcoZ+xJfBP6pVdZTxZubXeqvYcvgn9UqdOnic2vdVew5fBP6pTTp4nNr3VUYU3gn9Upp08Tm17qqMGbwL+qU06eJza91V7Am8C/qlRrKeJza91VGj5/AydUprKeJza91V+Tp/ASdUprKeJza91V+TcjwEnVKaynic2vdVfkzI8BJ1Smsp4nNrvVfMuBMxpe+F7Wirc5tAb6UxXTOyEVWLlMZzGxrWrMK2iS0GPshnhGddqy6m51Z8JMzshnhGdZqam51Z8JM17IZ37Ou1NTc6s+EmYMhnhGddqam51Z8JM17Ij8IzrtTU3OrPgHZEfhGddqam51Z8BeyI/CM67U1Nzqz4CtmYTQe0nmDgSqzbriM5ifAZFQW0BAQcpEKg0tKjtWnxker+y5nKtOdmJ7fq9L+Fq5pxlVPGmfKYczaPOfSvP5Q9/nPEs859KZQZzxNo859KZQnSniyxxOcLDq31vJVZmIRpSvY7u+HpcmlHBGnJ2O7vh6XJpRwNOWORpaaJvde4lTGUpiud70EG5jBzNb7F7KmMqYh8eu1zXcqqnpmZfasoqCOeACTuAQaOJkl+Zj8jRKKHvWKudjZw0f5aXS1l0nkRZkscUpZG0Q7LQ1pq4mk8Y5yVWimJhsYi/cpuTES5fy5mfSHdVnwVtClh5zd63ovy7mfSHdRnwTQpOc3et6L8vZv0h3Uj+CaFKOc3et6KNPZv0l3Uj/KmhSnnN3rei/ODO+ku6kfwTQg5zd63oDWLO+ku6kf5U0IOc3et6Pr5x5/0p3Uj/Ko0IOc3et6L85c/6U7qRflTQg51d63ofOfSH0p3Ui/KmhTwOdXet6PS6L0hNkaJnknkMjxM1u0Q0bttu7cAqxGVexsVV1V4WZqnp+bl2thzBABQeLkbTnDmc4egr2VE50xLE+aVkFIK1tkDnIAUTOQzdhu+z6VTWwrpQdhv+z6f7JrYNKDsN/2fSmthOlDc1fZ+kj7LJD7B71p8p1f8ee2YXo3vULzbKqAgqDk2iFtBqaS/y/8AcPYVo8oxnh5+Hq7f4dr0eUKO2Jjylyl5t9IEBBt4vc+crHXvRLKqqiDVyN7/ADALNZjOqmO35qXqtCzXVwifSXdC9k+QwtoKSg0MuUu3cg5FVaGLRX63j/eBUr9mWxh/e0utrSy82U/Zg/osS37KcXP+ar76HK4JXa+ZwSGZwSGZwSGbbwdEzT7XAx7exQd2zW0T0lVmqI3stuzXcjOmGHJw3RvdHIKew04WDR5rCmNqlVM0zlLHwSlBwaGbBMoHrNXf2Nkffj8bVjj3je/aT3/NpLO5ygoKEHkM1tTSj/Uf+Ir12HnO1RPZHoxTvYVmBB9xd03ym+1Vq3SidzprVYxBQgatC5nu5o/a4fBa3Ks5WqY7fkz0PSLgMggqAg5FoqWgw5u+N3m9oWrjIzsV9zp8jV6OPsz/ACy8djkLy76iICDbxe485WKrerLKoQINY75a+00exbeEpzu0R2tTlOrQwV2f4z57HbtetfKVtBilcoS05lCU0T+t4/3gVK9zZw/vae93tY2fpcnkw/0mKbfsoxfvp++hzdhXa7Zw9GyzGo2EjlcdzR51WqqIZbViu57MOvnauCDEfM+TblBYAGimNtwvxn1KlNzSqybN3CRatTVM5y8zlSBg+1yLI0Ye11MhEOGJX8b9uZ58VWPUFrV7anaw9OrtZz3vIZmTcu07e+WWyPKdv9q2J2Q5ETp15z0y7uVq9xmB1/6byAfM7iPnpY6bvFvXcDMbaJ+EuHmQPjOzIwsdzOFf/VliYnc0KqaqZyqjJzZ1A9Zq7+xsj78fjasce8bv7Se/5tJZ3PEFtB5bSorIl8oH0tBXqcFOeHo7mOre1FtIVou6BNcdC66UmciNu5Ye7Zy25tVy71FW6Ub3UPNyjjHMtVjOQHkPEeQpmdqPNAnmB9imN4zasN3zHxRj8S0eV52UR3/JsUO+uIuqAgqDjIoWgx5P+W/ySVivRnbqjsn0bOCr0MTbq4VU+rd1c0JDk4edM9sj5scO4JsbnbzwVgbI7o7S85h7NNy3VVO+Po+lY3FXLN+3RTMRE78+/Le+9XdXmywZsmXDPG6CMOh2myQBx2Hk7iBtbwFaxhoqpqmuJ2buhXGY6bdy3TaqidLfunpj6t3Rmh9FTYk2UDkluKy8inOZbhGHO2QVkt2cPVRNUZ7N7Xv4rG270WtmdU7PHJm0Rq9i5WNlS43CAtlkbil73DijYQHA/aJCrThLV2iqqjPsL+Pv2LtFNzLdE1ZR2zu+D41T1cZkxyzZIeGB2xG0OLCXN7smvHTekOWPCYSLlM1V/BflHlCqxXTRa3756d+76+DVyNFwt0VDmDa4aR4abedju3A7ugLFXYojDRcjfLNRibk4yqzPsxHDsj6vNQb5h5fvWbk+M79H30MXL1ejyfc7co8Zh2F6d8zW0GKQqEtSZQk0T+t4/wB6FSv2ZbGG97T3vRaxEDKkJ4gyGz/Kapt+yjF++n76E1ajin4R7m7Ww/ZaCdxFA2QqXKp3Q2cFYoqiaqozl6LNyJYYtrGxuyHD9xrgwMHPXG7oCxRETO2W9drqop/RTm8rn6VyZARkSb7/AMlo2GM8Vcp6Vs00xG5xr1+5cnKrwcMsMsrIxvMj2t9JSZy2ot06VUU8XvtOZAx8BzW8b9iFg8XGfUPWsFvbU6uMq0bWUdOx+dzEk3Zu7tZ3Ih29CaczQ4RtYcsd6QdoDy+TzrHVTS3bOJu55RGk99DC2eINyIR2w3xv2X7J8RHL4wsOeW50ZpiunKqH51rRishy5oot0bCzZBdtVbGki+klbFM5xm41+iKLk007nb1e/Y2R9+PxtVY942P2k9/zaKzucoKCoPN6bFZDvG1h9Ve5el5NnPDx8fVSreyataNblZsEDyRG4udJRoljWlxAPJdV51kxt+bFiquN/R3yy4a1F25FM7npNNa3y4uRJiYMUEMGM7g9kxXtkVe4EULsea7XMw3JdF+1F29MzVVt38W5exlVuuaLcREQ2tS5OExsyTGMA0pJO+R5lHExzgRVbw2i6uS+NYeU6dC7RTcz1URls4/Xd8GTCTNVuqaMtOZ6fL4MU08j9I4o0rGyMMsb2gRvG/ZcTZBG1sjm3b+VXpoopw1c4Wc8/Ht8mrNdVWIojExll4OlrTPpBjMgbET8F7S0OjaS6KMirdv3dNEdC1cDRhaqqZzmK449M/fxbGNrxFMVbI0J4dEffweEnPaP8kr0NO+HGje3dWm/4ch55APQ0fFcvlaf10x2fNsUbnZtcldQgqAg46KCD5lFtcOdp9iiYzhNNWjMTwdrUrPbBg6Rdw0cc3bOhD3MBLhDbSGnj3rzuEqii3Xt2/0+lcp25u37X6ZmOn4y2tXtYJMjF0gM3Jj2uCLYg7g4SbjfdAVfIsljETXRVpz95MOLwVFm9a1NM79u+emHO1YnjbofSrHyMZJIyYMY57Wud+jgCgd537lhw8xFiuM/vJtY6mqcbZmI2Rlns/k3NVtJtx9FTPEjRK3K2xFtN23s2ow4BvHvaCrWL0W7Ezntifj0MOOw9V7F005bNHLPoidvT3vRY+moDlSxNlijgjgY4HaYxkksrnOdXOQKPS8rapxFE3JpidkR5y51eDuxZprmmZqmZjpmYimMvvucfDx4sjROLjHKhgeyQvPCOaSKe/ds2DyrUoopuYamjSiPuW9duV2cbXc0JmJjLZ3R2PKZmj24+WImzsyRsB5kjFNs7Xa8Z4qHLyrNgbWhics88oa3LuJm7ybpTTo51RGU9m3sbC7zwSoMUihZqSqEron9bx/vB71Svc2MN72nvdTXCQnLkZyBsN+P/CalHspxXvqvvocCMuY4PY5zHDic0lpHnCmYYaZmJzh6PRWuMsdNyWcMzv202QebiPqWObfBu28bVGyuM3Z1g0liZWC+WJzHTMMfdN2ZmAuAI3769SiiJirJkxNdu5a0qd/m87qpj8JmB9boWl3+47h71e5OxgwVGdzPg6uuc9vhhHFGwvd5T/7AelRajZmtj6864p4PLmttjeO3tBHiJWSdzTo9qM3tMjTeLiDg2U5w/hQAUD43cQ9qwRTMuvXibdqMo8IcTN1hypwQHdjwn9yEkOd0v4z5qWWm3EOfdxdyvZujscSZWa8PWavfsXI+/H42rHHvG7+0nv8Am0LWdzlQLRLgafH+M088bfxOXoeSpzszHb8oY6t7FoXSLsXJhyWja4Nx2m3W2wghw9BPnW3irEX7VVuelezdm1XFfB6fScGiMyU5Q0g7FdLTpYnR7y6t5AI3HosLlWK8dh6NVqtKI3Tn9/Ju3KcNeq09PLPe5uiNHYD+2fpJ2NPHkSCI7BG1GHUxwNAhxG/ceXiWziL+KjZTa0qZiM9vT0x8O5gt2rExnNzKc5d3TmkcXKnxYXTP4CFrxLlFp23uLQBW7naCTVb1oYWxfsW664p/VOWVPRv7/myYm9avV0UTVsjfLPjZ2Jg408cWY7MMrNmKHZIjjNEdDQb39HEsddm/ibtNVVGjlvnp/vsXou2cPbqimvSz3R97nicndGegD1hd6jbU5NLqavCoL76Rx9g9y43Kk538uyPm2aNzqLmrKgtoCDjooqAiJcQj1LyF2nK5VHbPq+v4SvTsW6uNNPpAqNgpBt43c+crFXvUllpVQh5T4iiWLRje36Gn3Lt8lU/5Kp7Pm8x+LK/+Pbp41ekf26q7zwYgxSKFoasqhK6J/W8f7wKlfsy2MN72l1dam/psvkwf0WJb9lOL99Pw9HGcxWa7GY73AIPoxho8Z4ypH1iwvJJDnMG7aLXFt+LcoyzTpTG6W1O7nJJrjJJPrU7lc5nbLS4IuKhbNswYo4zxe1TkrMssiDSmRaHrNX/2Lkffj8bVi/8Ao3f2k9/zc+1nc4tBUS4usA7aI87Xj0EfFd3kif0VR2wpW5K66og+4u6b5Tfaq1bpRO501qsYgwZp7TpcFkt+0mne7OhRWNH49s+l5XA5QnPEVfD0bFO5vgrSWW0BBbQchFBBUHHmHbO8p3tXlcXGV+uO19V5Jq0sDZn+MeWz5Pha7oCDbxu4HSViq3qyyqEPmU9q7yT7EjfCYTRg3u6Peu/yTHtz3fN4/wDF1fuaf+0+jorsvGCDHIoS1ZVCy6J/W8f7wKlfstjDe9p73q9L6HfPO+Vr2tDhGKcDY2WNb7lSm5lGTcvYOq5XNUS0vmzJ4Vnocp1sMX5fV1n03ViQfxGX0OTWxwPy+rrJ81JCd8rPQ5NbHA5hV1my3VqQChJGObc74KddHBH5fV1mM6pyn+NH6HKNbHBP5fV1n2zVKTwsfod8E1scD8vq6zP81pT/ABYx1vgp10cD8vq6z5dqdMf40fof8FGtjgn8vq6zC/USc/8AURD/AGvUa2E8wq6zpfI78LRU8T3teTIx1sBAovbzqKas6817tqbeGmmePzebWy5K2gqDk6wDtYjzOcPSB8F2OSJ/VXHcrU4y7iog+4u6b5Tfaq1bpRLprVYxBrZx7Vvjd7v7rLa3rUu/o0VBD92w+kWvN4yc79ffLYp3Nm1rJW0FQVByUUEBBzsqF20Tskgm7AtcLG4O7VdmumM4n6Pdcics4S3haLF2vRqjPfGzfM7/AItZcyqmqicqoyentXbd2M7dUTHZOfoKrI2IJWhu877O6rKpVEzKJgOTzN9J9yjQ4kUvgyPdu475Gj4LYt4auv2Kc2riMdhsP725EfHb4Rtb2BEWh20Kuveu/gMPXZomK98y8H+IOULOMvUTZnOKYy3Zbc20t9wS0GN6hLUncAoWh6SHVZgLJG5ErXCnAhrNxWCbmfQ61OCimc4qlv8AyVN9PyOrH8FXSjgy6mvrz5PoaKm+sMjqxfBNKOBqa+vPl9F+SZvrDI6sXwTSjgamvrz5fR9DRM31jkdWL4JpRwNTX158vo5mVkiKR8T9IZ21G4tds4zXNscxDd6tEZ9EMFVejMxNdXh/T4+UmfWOkP8AtB+VTl2QrrI69X/n+mzo+fh5BFHpLODiCRt47WN3eMtUTs6F6J05yiurw/p2G6GyPrPJ6sPwVdKODNqa/wDZPl9H0NDZH1pldSH4JpRwNRX/ALJ8vo+xoXI+tcrqQ/lTSjgaiv8A2T5fR9O0BK9pZLpHIlY6ra9sdbjfIFMV5bYhWrDTXGVVc5fD6ONp7QjcVjHtkc/beW04AVuvkWWi5NTQxOGi1ETEuJaytNUGhpqMuibstLiHg7gSa2SulyXcpouzpTlnHzhFW5wf/aXoVBSPuLum+U32qtW6US33zNHG4dA3la8UzLHESwvzB+62/GdyvFritFLA975DQBcRxNY0lX/TbjOZy71ojLc9XA2mMb3rWj0BeTu1aVyqe2WeGQLGKEFQVBykUEBAQfL42u7poPSFWqmKtkwtRcqonSpnKezYwPwmniJb/wCQ9a07nJ9ivoy7vvJ2cP8AiHHWdk1aUfyjPz2T5sTcA3veK8Q3+ta9PJVET+qqZh0Lv4svzTlRbiJ47Z8I2ess7MRg4xteUb9XEt23hLNv2afm4mI5XxmI9u5OXCNkeWTOABuG4eLcthzs1tSLaBaDFK6lC0OdMSTaqyQ9Fj63OAAfjg0ALZJXqI96xat0KcfxpbbNb4f3oZh0bDveFGrlkjHUcJZ2a24vKJR0xj3FRq5W57a7fBkGteJ30g/lOTVynnlrj5Psa14ffvH8p/wTV1HPLXHyZBrZheFd/wAUnwTV1HPLXHyUa3YXhH/8T/gmrqOeWuPkvzxwu+k80Tk1dRzy19wfPTDHhj0RfEpq6kc9tfcPk69Yg4osg9DI/e9NXKOfW+E/fxfJ1/g5Mec9PBj3lTqpRz+jqz5MT/8A9CH7mG4+VOG+xpTVdqk4+OinzauktPyZbGCSFkIa7aaGuL3cVbzQWWijRamIxM3oiMtznWsjVVBQUHxLCx/dta7pFrJbvXLfsVTBk0pdERnuS5h8R2h6D8VvW+VL1PtZT5I0Yacuh5B3Ja8dU+g/Fb9vlSzV7WceaujL7h0K8929rfE0Fx91etUucrW49inPv2JilvQ6KhbxtLzzvN+oblz7nKV+vdOXd9d62jDeY0NFNAaOYAALSqrqqnOqc+9L6UJVBQgqCoOUiggqAgICAgIgQEFQQlBrSm1VeGAsRbNODUGacGgcGhmcGgcGhmcGpMzgkM14NQZnBoZrwSC8Eg28XGA7Zw6B71aIRMttSqoQVAQUIlbQEFtBbQW0FtBbRK2gAoLaDmIoICCoCAgIIiFQESIh8OUJh8bKLZpsKDNNhSZmwoMzYQzNhSZmwhmbCGa7CgzNhSLsILsIMkcfKURmzWpFQLQUFBbQLQW0SWgtoLaC2gtolbQW0FtAQc1FFQEBAQEBAQEBBUEIQKQKUCbKGZsoZrsoGyhmmyhmuygUgtIkpSKAg+kBBbQW0C0C0FtBbQLQW0StoLaC2goKJUFBbQLQc9FBAQEBAQEBBUBAQVAQEBAQEBAQEBAQVAQW0SWgWgoQEFQLQVAtBQUStoLaC2gtoFoLaC2g0UVEBAQEBAQEBAQEBAQEBAQEBAQEFQLQVAtAtBUBARK2gWgWgtoFoKgtolbQW0C0FtBbQW0GkiogICAgICBaCoCAgICAgICAgICAgICAgqAgWgoQEC0FQEBARKgoKEBBQgqCoKgWg//Z" /><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 22.4px;">Las </span><b style="background-color: white; line-height: 22.4px;">hojas de estilo</b><span style="background-color: white; line-height: 22.4px;"> (</span><i style="background-color: white; line-height: 22.4px;">style sheets</i><span style="background-color: white; line-height: 22.4px;">) son conjuntos de instrucciones, a veces en forma de archivo anexo, que se asocian a los archivo de texto</span><span style="background-color: white; line-height: 22.4px;"> y se ocupan de los aspectos de formato</span><span style="background-color: white; line-height: 22.4px;"> y de presentación de los contenidos: tipo, fuente y tamaño de letras, alineación y posicionamiento del texto, colores y fondos, etc. Las hojas de estilo permiten liberar la composición del texto</span><span style="background-color: white; line-height: 22.4px;"> de los aspectos visuales y favorecen que se estructure y anote mediante códigos que permiten un tratamiento </span><span style="background-color: white; line-height: 22.4px;">más eficaz de los contenidos</span><span style="background-color: white; line-height: 22.4px;">. El uso adecuado de las hojas de estilo es uno de los aspectos clave de la edición digital</span><span style="background-color: white; line-height: 22.4px;">. Las hojas de estilo son una herramienta de gran utilidad de los programas de texto</span><span style="background-color: white; line-height: 22.4px;">, como Open Office</span><span style="background-color: white; line-height: 22.4px;"> o Microsoft Words</span><span style="background-color: white; line-height: 22.4px;">. Asimismo, constituyen una parte esencial de los lenguajes de marcas </span><span style="background-color: white; line-height: 22.4px;"> para edición digital: LaTEX</span><span style="background-color: white; line-height: 22.4px;">, XML</span><span style="background-color: white; line-height: 22.4px;"> ,XHTML</span><span style="background-color: white; line-height: 22.4px;">. Dos lenguajes de hojas de estilo son CSS</span><span style="background-color: white; line-height: 22.4px;"> y XSL</span><span style="background-color: white; line-height: 22.4px;">.</span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 22.4px;"><br /></span></span>
<img src="http://www.comocreartuweb.com/imagenes/527-enlace-a-estilos-css.gif" height="186" width="400" /><br />
<br />
<br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #252525; line-height: 22.4px;">El </span><b style="background-color: white; color: #252525; line-height: 22.4px;">diseño web adaptable</b><span style="background-color: white; color: #252525; line-height: 22.4px;">, </span><b style="background-color: white; color: #252525; line-height: 22.4px;">adaptativo</b><span style="background-color: white; color: #252525; line-height: 22.4px;"> o </span><b style="background-color: white; color: #252525; line-height: 22.4px;">responsivo</b><span style="background-color: white; color: #252525; line-height: 22.4px;">, conocido por las siglas </span><b style="background-color: white; color: #252525; line-height: 22.4px;">RWD</b><span style="background-color: white; color: #252525; line-height: 22.4px;"> </span><span style="background-color: white; color: #252525; line-height: 22.4px;">, es una filosofía de diseño y desarrollo cuyo objetivo es adaptar la apariencia de las páginas web</span><span style="background-color: white; color: #252525; line-height: 22.4px;"> al dispositivo que se esté utilizando para visualizarla. Hoy día las páginas web se visualizan en multitud de tipos de dispositivos como <b>tablets, telefonos móviles</b></span><span style="color: black;"><b><span style="background-color: white; line-height: 22.4px;">, libros electrónicos</span><span style="background-color: white; line-height: 22.4px;">, portátiles</span><span style="background-color: white; line-height: 22.4px;"> PC,</span></b></span><span style="background-color: white; color: #252525; line-height: 22.4px;"><b> etcétera</b>. Además, aún dentro de cada tipo, cada dispositivo tiene sus características concretas: tamaño de pantalla, resolución</span><span style="background-color: white; color: #252525; line-height: 22.4px;">, potencia de CPU</span><span style="background-color: white; color: #252525; line-height: 22.4px;">, capacidad de memoria</span><span style="background-color: white; color: #252525; line-height: 22.4px;">, entre otras. Esta tecnología pretende que con un solo diseño web, se tenga una visualización adecuada en cualquier dispositivo.</span></span><br />
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Diseno-web-responsive-design.jpg/250px-Diseno-web-responsive-design.jpg" /><br />
<b>Texto y programación:</b><br />
<br />
<span style="background-color: #fafafa; font-family: "helvetica neue light" , , "helvetica neue" , "helvetica" , "arial" , sans-serif; line-height: 19.6px; text-align: justify;">movile first</span><span style="background-color: #fafafa; color: #333333; font-family: "helvetica neue light" , , "helvetica neue" , "helvetica" , "arial" , sans-serif; line-height: 19.6px; text-align: justify;">.</span><span style="background-color: #fafafa; color: #333333; font-family: "helvetica neue light" , , "helvetica neue" , "helvetica" , "arial" , sans-serif; line-height: 19.6px; text-align: justify;"> </span><span style="background-color: white;"><span style="font-family: "helvetica neue light" , , "helvetica neue" , "helvetica" , "arial" , sans-serif; line-height: 19.6px; text-align: justify;">No es más que la capacidad de un elemento, ya sea texto, gráfico o composición de los diferentes aspectos de la pantalla en la que esta siendo reproducido, es decir, que se adapta a las dimensiones de nuestra pantalla sea cual sea el soporte, pc, mobil, libro digital...</span><br style="font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 19.6px; text-align: justify;" /><span style="text-align: justify;"><span style="font-family: "helvetica neue light" , , "helvetica neue" , "helvetica" , "arial" , sans-serif;"><span style="line-height: 19.6px;">El objetivo es reducir los costes de desarrollo de modo que tengamos un solo diseño web optimizado para todos los dispositivos, Lo de usuarios al permitir a cualquier usuario visualizar la web correctamente, mejorar los resultados de conversión y desarrollar estrategias de marketing unificadas.</span></span></span></span><br />
<b><br /></b>
<b>Processing:</b> E<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #252525; line-height: 22.4px;">s un lenguaje de programación</span><span style="color: black;"><span style="background-color: white; line-height: 22.4px;"> y entorno de desarrollo integrado de código abierto</span></span><span style="background-color: white; color: #252525; line-height: 22.4px;"> basado en Java</span><span style="background-color: white; color: #252525; line-height: 22.4px;">, de fácil utilización, y que sirve como medio para la enseñanza y producción de proyectos multimedia </span><span style="background-color: white; color: #252525; line-height: 22.4px;">e interactivos de diseño digital.</span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #252525; line-height: 22.4px;"><br /></span></span>
<img src="http://www.studioseed.net/wp-content/uploads/2011/10/processing-t.jpg" /><br />
<span style="background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; line-height: 22.4px;"><br /></span>
<b>Scriptography:</b><span style="font-size: x-small;"> </span><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 24px;">Se trata de un plugin para crear contenido dentro del programa usando el lenguaje </span><em style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; line-height: 24px; margin: 0px; padding: 0px; vertical-align: baseline;">JavaScript</em><span style="background-color: white; line-height: 24px;">. Con él se permite la creación de nuevas herramientas de dibujo controladas con el ratón, así como efectos que modifican grafismos que ya tengamos hechos o scripts que crean nuevos elementos partiendo de cero, introduciendo parámetros numéricos.</span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 24px;"><br /></span></span>
<img src="http://www.creativeapplications.net/wp-content/uploads/2009/02/scriptographer02.gif" height="281" width="400" /><br />
<br />
<b><br /></b>
<b>Paper.js:</b><span style="background-color: white; line-height: 19.6px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"> Marco de secuencias de comandos gráficos vectoriales de código abierto que se ejecuta en la parte superior del lienzo HTML5"</span></span><br />
<b style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b>
<img src="http://payload62.cargocollective.com/1/7/241217/3551059/paper-js2.gif" height="265" width="400" /><br />
<b><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b>
<b><span style="font-family: "arial" , "helvetica" , sans-serif;">Nodebox: </span></b><span style="background-color: white;"><span style="color: #252525; font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;">es una aplicación de código abierto</span></span></span><span style="background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; line-height: 22.4px;"> para programación de gráficos 2D y gráficos en lenguaje Python</span><span style="background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; line-height: 22.4px;">. Funciona en el sistema operativo Mac OS X</span><span style="background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; line-height: 22.4px;">. Está inspirado en tecnologías como la OpenGL Y PostScript</span><span style="background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; line-height: 22.4px;">. La sintaxis es parecida a un lenguuaje de programación</span><span style="background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; line-height: 22.4px;">. NodeBox está basado en otro proyecto de código abierto llamado Drawbot.</span><br />
<span style="background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; line-height: 22.4px;">.</span><br />
<img src="http://research.nodebox.net/data/media/nodebox3.jpg" height="281" width="400" /><br />
<b><br /></b>
<b>Cinder:</b><br />
<b><br /></b>
<b><br /></b>
<b> </b><img height="300" src="https://libcinder.org/docs/guides/tour/images/tutorial_part2_06.png" width="400" /><br />
<br />
<br />
FUENTES:<br />
<a href="https://www.google.es/search?sourceid=chrome-psyapi2&ion=1&espv=2&ie=UTF-8&q=hoja%20de%20estilo&oq=hoja%20de%20estilo&aqs=chrome..69i57j0l5.5009j0j8" target="_blank">https://www.google.es/search?sourceid=chrome-psyapi2&ion=1&espv=2&ie=UTF-8&q=hoja%20de%20estilo&oq=hoja%20de%20estilo&aqs=chrome..69i57j0l5.5009j0j8</a><br />
<a href="https://es.wikipedia.org/wiki/Dise%C3%B1o_web_adaptable" target="_blank">https://es.wikipedia.org/wiki/Dise%C3%B1o_web_adaptable</a><br />
<a href="https://es.wikipedia.org/wiki/Processing" target="_blank">https://es.wikipedia.org/wiki/Processing</a><br />
<a href="https://es.wikipedia.org/wiki/NodeBox" target="_blank">https://es.wikipedia.org/wiki/NodeBox</a><br />
<br />Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com0tag:blogger.com,1999:blog-2604946353375517196.post-16367095484460707772016-01-25T07:04:00.000-08:002016-01-31T03:26:37.794-08:006.1.3: LEGIBILIDAD EN PANTALLA:<div class="columna ancho15 final arriba1 abaixo2" id="contido" style="border: 0px; float: left; margin: 0px; padding: 1em 0px 2em; width: 590px;">
<div class="arriba2 abaixo2" id="cabeceira" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: inherit; margin: 0px; padding: 2em 0px;">
<h1 style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: inherit; letter-spacing: -1px; line-height: 1em; margin: 0px 0px 0.5em; padding: 0px;">
<span style="background-color: white; font-style: inherit; line-height: 20px;"><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: small;">Hinting:</span></span></h1>
<h1 style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: inherit; font-weight: normal; letter-spacing: -1px; line-height: 1em; margin: 0px 0px 0.5em; padding: 0px;">
<span style="background-color: white; font-style: inherit; font-weight: inherit; line-height: 20px;"><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">Instrucciones que contienen las tipografías digitales </span></span></h1>
<h1 style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: inherit; font-weight: normal; letter-spacing: -1px; line-height: 1em; margin: 0px 0px 0.5em; padding: 0px;">
<span style="background-color: white; font-style: inherit; font-weight: inherit; line-height: 20px;"><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">mediante las cuales se pueden </span></span><span style="background-color: white; font-family: arial, helvetica, sans-serif; font-size: large; font-style: inherit; font-weight: inherit; line-height: 20px;"> imprimir en soportes de </span></h1>
<h1 style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: inherit; font-weight: normal; letter-spacing: -1px; line-height: 1em; margin: 0px 0px 0.5em; padding: 0px;">
<span style="background-color: white; font-family: arial, helvetica, sans-serif; font-size: large; font-style: inherit; font-weight: inherit; line-height: 20px;">media o baja resolución (como la </span><span style="background-color: white; font-family: arial, helvetica, sans-serif; font-size: large; font-style: inherit; font-weight: inherit; line-height: 20px;">pantalla de un ordenador)</span></h1>
<div>
<span style="background-color: white; font-family: arial, helvetica, sans-serif; font-size: large; font-style: inherit; font-weight: inherit; letter-spacing: -1px; line-height: 20px;">conservando su legibilidad y características esenciales.</span></div>
<div>
<span style="background-color: white; font-family: arial, helvetica, sans-serif; font-size: large; font-style: inherit; font-weight: inherit; letter-spacing: -1px; line-height: 20px;"><br /></span></div>
<div>
<span style="background-color: white; font-family: arial, helvetica, sans-serif; font-size: large; font-style: inherit; font-weight: inherit; letter-spacing: -1px; line-height: 20px;"> El </span><span style="background-color: white; font-style: inherit; font-weight: inherit; letter-spacing: -1px; line-height: 20px;"><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">hinting simplifica y </span></span><span style="background-color: white; font-family: arial, helvetica, sans-serif; font-size: large; font-style: inherit; font-weight: inherit; letter-spacing: -1px; line-height: 20px;">clarifica los distintos caracteres </span></div>
<div>
<span style="background-color: white; font-family: arial, helvetica, sans-serif; font-size: large; font-style: inherit; font-weight: inherit; letter-spacing: -1px; line-height: 20px;"><br /></span></div>
<h1 style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: inherit; font-weight: normal; letter-spacing: -1px; line-height: 1em; margin: 0px 0px 0.5em; padding: 0px;">
<span style="background-color: white; font-family: arial, helvetica, sans-serif; font-size: large; font-style: inherit; font-weight: inherit; line-height: 20px;">adquiriendo mayor </span><span style="background-color: white; font-family: arial, helvetica, sans-serif; font-size: large; font-style: inherit; font-weight: inherit; line-height: 20px;">importancia cuanto menor</span></h1>
<div>
<span style="background-color: white; font-family: arial, helvetica, sans-serif; font-size: large; font-style: inherit; font-weight: inherit; letter-spacing: -1px; line-height: 20px;">sea el tamaño en el que se imprime el texto</span></div>
<h1 style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: inherit; font-weight: normal; letter-spacing: -1px; line-height: 1em; margin: 0px 0px 0.5em; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large; font-style: inherit; font-weight: inherit; line-height: 20px; margin-left: 1em; margin-right: 1em; text-align: center;"><a href="http://letrag.com/imaxes/hinting.jpg" imageanchor="1" style="background-color: white; font-style: inherit; font-weight: inherit; line-height: 20px; margin-left: 1em; margin-right: 1em; text-align: center;"><img alt="" border="0" src="http://letrag.com/imaxes/hinting.jpg" height="209" style="border: 0px; font-style: inherit; font-weight: inherit; margin-top: 1.5em; padding: 0px;" width="273" /></a></span></h1>
<div style="line-height: 20px;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="line-height: 20px;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 19.6px; text-align: justify;">Existen fuentes que han sido adaptadas a la pantalla sin necesidad de el</span></span><br />
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 19.6px; text-align: justify;">hinting y son las denominadas fuentes seguras. Verdana o Arial </span></span><br />
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 19.6px; text-align: justify;">son algunos ejemplos de ellas.</span></span></div>
<h1 style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: inherit; font-weight: normal; letter-spacing: -1px; line-height: 1em; margin: 0px 0px 0.5em; padding: 0px;">
<span style="background-color: white;"><br /></span></h1>
<div>
<span style="background-color: white;"><br /></span></div>
<div>
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 19.6px; text-align: justify;"><b>Administración de las fuentes: </b>tres tipos de uso de una fuente:</span></span><br />
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 19.6px; text-align: justify;"><br /></span></span>
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 19.6px; text-align: justify;">1-Instalación ( a mayor numero de fuentes instaladas, menor rendimiento </span></span><br />
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 19.6px; text-align: justify;">del ordenador)</span></span></div>
<div>
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br style="font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 19.6px; text-align: justify;" /><span style="line-height: 19.6px; text-align: justify;">2-carga temporal</span></span></div>
<div>
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br style="font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 19.6px; text-align: justify;" /><span style="line-height: 19.6px; text-align: justify;">3-Incrustado</span></span></div>
<div style="line-height: 20px;">
<span style="background-color: #fafafa; color: #333333; font-family: "helvetica neue light" , , "helvetica neue" , "helvetica" , "arial" , sans-serif; font-size: 14px; line-height: 19.6px; text-align: justify;"><br /></span></div>
<div style="text-align: center;">
<span style="color: #333333; font-family: "helvetica neue light" , , "helvetica neue" , "helvetica" , "arial" , sans-serif;"><span style="background-color: #fafafa; font-size: 14px; line-height: 19.6px;">FUENTES: <a href="http://es.letrag.com/palabra.php?id=78" target="_blank">http://es.letrag.com/palabra.php?id=78</a></span></span></div>
</div>
<div class="listado" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-style: inherit; font-weight: inherit; line-height: 20px; margin: 0px; padding: 0px;">
<div class="listado_elemento borrar" style="border: 0px; font-style: inherit; font-weight: inherit; margin: 0px; padding: 15px 0px;">
<div style="border: 0px; font-style: inherit; font-weight: inherit; padding: 0px;">
</div>
</div>
</div>
<div class="arriba2" id="comentarios" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-family: inherit; font-size: 0.9em; font-style: inherit; font-weight: inherit; line-height: 1.3em; margin: 0px; padding: 2em 0px 0px;">
<h3 class="esquerda5" style="border: 0px; font-family: Georgia; font-size: 1.4em; font-style: inherit; letter-spacing: -1px; line-height: 1em; margin: 0px 0px 0.5em; padding: 0px 0px 0px 200px;">
</h3>
<div>
<br /></div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com0tag:blogger.com,1999:blog-2604946353375517196.post-17761196397902540712016-01-23T12:07:00.000-08:002016-01-25T06:42:07.347-08:006.1.2: FUENTES TIPOGRÁFICAS:<span style="background-color: white; text-indent: -28px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span>
<span style="background-color: white; text-indent: -28px;"><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small;"><b>Mapa de bits:</b></span></span><br />
<span style="background-color: white; text-indent: -28px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span>
<span style="background-color: white; text-indent: -28px;"><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small;">Las fuentes de mapas de bits, son de tamaños y atributos específicos, o características, así como itálica o negritas. El mapa de bits es un registro de un patrón de puntos requeridos para crear un carácter específico con un cierto tamaño y atributo. Para los mapas de bits, una “A” Times Roman mediana de 36 puntos, una “A” Times Roman mediana negrita de 36 puntos, una “A” Times Roman mediana de 30 puntos, son todas diferentes y específicas. </span></span><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small;">Este sistema es más antiguo y apenas se usa ya (pixeles) </span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG7eVTezNe6-N48UcOiRyuQ8ZeTLIVHv0LaGshsLNBRAW8F_5BoSxl9pQ-QHLkh3KFfmTlphQvfpBX4_PNZ2zufktCYetkmP54EeeSPG0ULIbxl9bspmcURgkUJSQ7jDq6O2N0fJ6J9GNX/s1600/fuentes_pantalla_5.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG7eVTezNe6-N48UcOiRyuQ8ZeTLIVHv0LaGshsLNBRAW8F_5BoSxl9pQ-QHLkh3KFfmTlphQvfpBX4_PNZ2zufktCYetkmP54EeeSPG0ULIbxl9bspmcURgkUJSQ7jDq6O2N0fJ6J9GNX/s1600/fuentes_pantalla_5.gif" /></a></div>
<div class="" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
<div class="" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
<div class="" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Vectoriales:</b></span></div>
<div style="background: rgb(255, 255, 255); border: 0px; line-height: 21px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small;">Es un conjunto de dibujos vectoriales que se pueden escalar sin pérdida de calidad, gracias a la información adicional codificada en la propia fuente que se conoce como “Hinting” (sugerencia).</span></div>
<div style="background: rgb(255, 255, 255); border: 0px; line-height: 21px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE09nCeroMAs7lTMDFropdtljIUs8ezJ0lZAgugG28sexPgJNoxUvJq7QODe1CmO7he2-1Gtp_VSWumRo4_tE3Oam2mdn8bFTc1kZOhaYDYWQz6yhtE3rswLNCuorQ2L4XrMBCeAnd_wJE/s1600/fuentes_pantalla_7.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="111" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE09nCeroMAs7lTMDFropdtljIUs8ezJ0lZAgugG28sexPgJNoxUvJq7QODe1CmO7he2-1Gtp_VSWumRo4_tE3Oam2mdn8bFTc1kZOhaYDYWQz6yhtE3rswLNCuorQ2L4XrMBCeAnd_wJE/s320/fuentes_pantalla_7.gif" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small;">Los formatos utilizados para almacenar los archivos de fuentes son: <b>TrueType (TT), Postscript Tipo1 (PS1) y Open Type Font</b> que son los formatos más reconocidos en la mayoría de sistemas operativos:</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small;"><br /></span></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: georgia, 'times new roman', times, serif; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="http://pixelnomicon.files.wordpress.com/2009/09/tipe1.jpg" style="border: 0px; color: #835504; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="" class="alignleft size-thumbnail wp-image-3038" src="http://pixelnomicon.files.wordpress.com/2009/09/tipe1.jpg?w=150&h=150" height="150" style="border: 0px; display: inline; float: left; height: auto; margin-bottom: 12px; margin-right: 12px; max-width: 100%;" title="tipe1" width="150" /></a><b>Postscript de Tipo 1:</b> Adobe desarrolló originalmente las<a href="http://es.wikipedia.org/wiki/Fuentes_PostScript" style="border: 0px; color: #835504; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">fuentes de Type 1</a> para usarlas en las antiguas impresoras y RIP. Cada fuente compendia un par de archivos de datos: uno con las formas que se enviaban a la impresora (fuentes de impresión), y otro para representarlas en pantalla (fuentes de pantalla).</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: georgia, 'times new roman', times, serif; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
Adobe desarrolló asimismo la utilidad ATM que recoge información de las fuentes de impresión para gestionar su equivalente en pantalla. Esta utilidad no es necesaria en Windows 2000, XP y Mac OSX, ni Classic con los programas de Adobe.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: georgia, 'times new roman', times, serif; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
Si alguno de los archivos de fuente no se coloca en el lugar adecuado, las fuentes resultarán inutilizables.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: georgia, 'times new roman', times, serif; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBTQddwG8gNUtUaGv05i4u31WOiziW60PZwa7KJsVqt4Noqz4mbKpEwj7eDfbqDJr7zQEReAx9kwyJkbirw0cNQQdfV5C6kzewlzJM7EHSQrLswLfWXO1W7UEP1Ww53xOnuXEi_94320Uq/s1600/postscript_text.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBTQddwG8gNUtUaGv05i4u31WOiziW60PZwa7KJsVqt4Noqz4mbKpEwj7eDfbqDJr7zQEReAx9kwyJkbirw0cNQQdfV5C6kzewlzJM7EHSQrLswLfWXO1W7UEP1Ww53xOnuXEi_94320Uq/s320/postscript_text.png" width="320" /></a></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: georgia, 'times new roman', times, serif; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: georgia, 'times new roman', times, serif; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-color: white; border: 0px; font-family: georgia, 'times new roman', times, serif; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="http://pixelnomicon.files.wordpress.com/2009/09/trutipe.jpg" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><span style="color: black;"><img alt="" class="alignleft size-thumbnail wp-image-3039" src="http://pixelnomicon.files.wordpress.com/2009/09/trutipe.jpg?w=150&h=150" height="150" style="border: 0px; display: inline; float: left; height: auto; margin-bottom: 12px; margin-right: 12px; max-width: 100%;" title="trutipe" width="150" /></span></a><b>Las fuentes True Type: </b><span style="color: #333333;"> son un formato de tipografía para ordenador creado por Apple a finales de los ochenta para competir con el formato </span><strong style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; color: black; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-shadow: rgb(204, 255, 255) 2px 2px 2px; vertical-align: baseline;">Type 1</strong><span style="color: #333333;"> de Adobe.</span></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: georgia, 'times new roman', times, serif; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
Este nuevo formato permitía a los tipógrafos un mayor control sobre la forma de las letras. Las tipos TrueType están formadas por elementos vectoriales no PostScript. Apple vendió una licencia a Microsoft. Desde entonces, los tipos de letra entre MacOS y Windows son totalmente compatibles.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: georgia, 'times new roman', times, serif; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
Los caracteres <strong style="border: 0px; color: black; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-shadow: rgb(204, 255, 255) 2px 2px 2px; vertical-align: baseline;">TrueType</strong> se describen mediante curvas que un rasterizador convierte en mapa de bits para cada cuerpo. Para que la calidad no empeore, los tipos se ajustan a una retícula de salida antes de rasterizarse.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIdAP8dbYZaaFlNuPqOS0d8WLE80A3DkfyraHRp1mF7pTYiCc9CJk9McAUto4DY5i595Z-y0-V7_FQab06qUajlV4pIztV3Viu2ZCHI1Hzu5iNrI3Vmzsqst4JgGETPuS4qiwtgb6shTP3/s1600/TTvsBmpFont.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIdAP8dbYZaaFlNuPqOS0d8WLE80A3DkfyraHRp1mF7pTYiCc9CJk9McAUto4DY5i595Z-y0-V7_FQab06qUajlV4pIztV3Viu2ZCHI1Hzu5iNrI3Vmzsqst4JgGETPuS4qiwtgb6shTP3/s320/TTvsBmpFont.png" width="320" /></a></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: georgia, 'times new roman', times, serif; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: georgia, 'times new roman', times, serif; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span class="Apple-style-span" style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> <a href="http://pixelnomicon.files.wordpress.com/2009/09/opentipe.jpg" style="border: 0px; color: #835504; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="" class="alignleft size-thumbnail wp-image-3040" src="http://pixelnomicon.files.wordpress.com/2009/09/opentipe.jpg?w=150&h=150" height="150" style="border: 0px; display: inline; float: left; height: auto; margin-bottom: 12px; margin-right: 12px; max-width: 100%;" title="opentipe" width="150" /></a><b>OpenType:</b><a href="http://es.wikipedia.org/wiki/OpenType" style="border: 0px; color: #835504; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"> </a></span>está basado en su antecesor, TrueType, cuya estructura complementa con tablas de datos que permiten incorporar a una fuente funciones tipográficas y lingüísticas avanzadas.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: georgia, 'times new roman', times, serif; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
Los orígenes de <strong style="border: 0px; color: black; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-shadow: rgb(204, 255, 255) 2px 2px 2px; vertical-align: baseline;">OpenType</strong> se remontan al inicio de los noventa, cuando Microsoft intentó licenciar para su sistema operativo <a href="http://es.wikipedia.org/wiki/Microsoft_Windows" style="border: 0px; color: #835504; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" title="Microsoft Windows">Windows</a> la tecnología de tipografía de Apple, TrueType. Tras el fracaso de las negociaciones, Microsoft determinó seguir adelante con su propia tecnología, la cual, basada también en la arquitectura TrueType, vio la luz en 1994 bajo la denominación “TrueType Open”. <strong style="border: 0px; color: black; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-shadow: rgb(204, 255, 255) 2px 2px 2px; vertical-align: baseline;">Adobe</strong> se unió al proyecto de Microsoft en 1996, añadiendo al formato la capacidad de usar las curvas matemáticas empleadas en sus fuentes Type 1. La nueva tecnología, bautizada como “OpenType”, fue anunciada públicamente ese mismo año.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: georgia, 'times new roman', times, serif; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
Las familias <strong style="border: 0px; color: black; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-shadow: rgb(204, 255, 255) 2px 2px 2px; vertical-align: baseline;">OpenType</strong> se caracterizan por tener la capacidad de contener hasta <strong style="border: 0px; color: black; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-shadow: rgb(204, 255, 255) 2px 2px 2px; vertical-align: baseline;">65.636 glifos</strong> (a diferencia de las PostScript, que se limitan a 256). Es capaz de incluir especialidades en las letras (ligaduras, fracciones, versalitas), así como escrituras no latinas. Los archivos Opentype son capaces de usarse en sistemas de <strong style="border: 0px; color: black; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-shadow: rgb(204, 255, 255) 2px 2px 2px; vertical-align: baseline;">Mac</strong> y de<strong style="border: 0px; color: black; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-shadow: rgb(204, 255, 255) 2px 2px 2px; vertical-align: baseline;">Windows</strong>, así como en algunos sistemas <strong style="border: 0px; color: black; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-shadow: rgb(204, 255, 255) 2px 2px 2px; vertical-align: baseline;">Unix</strong>.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: georgia, 'times new roman', times, serif; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ix_pshXcHi0N30RxRMUDSyjfL6RcYTnwZRnnHV6qCQfE-UAwtInuHvWMXrdDtmMwH_6mxpQ0VrfvmWSJ215S0m0GV7ZAUvlsqSTIusA7vig5n0pJ37nQrqgFFaLsadgrnP5CosH-9SNN/s1600/image.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ix_pshXcHi0N30RxRMUDSyjfL6RcYTnwZRnnHV6qCQfE-UAwtInuHvWMXrdDtmMwH_6mxpQ0VrfvmWSJ215S0m0GV7ZAUvlsqSTIusA7vig5n0pJ37nQrqgFFaLsadgrnP5CosH-9SNN/s320/image.gif" width="320" /></a></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; font-stretch: normal; line-height: 22px; margin-bottom: 12px; margin-top: 12px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<span style="background-color: white; text-indent: -28px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span>Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com2tag:blogger.com,1999:blog-2604946353375517196.post-56596519655864537622016-01-22T15:53:00.000-08:002016-02-01T09:43:20.241-08:006:1: CONCEPTO TIPOGRAFÍA DIGITAL:<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: #222222; font-stretch: normal; line-height: 1.5em; margin: 0px 0px 0.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span id="La-tipografia-es-el-arma-de-construccion-masiva-de-los-disenadores" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: small;">"La tipografía es el arma de construcción masiva de los diseñadores"</span></span></h2>
<h2 style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: #222222; font-stretch: normal; line-height: 1.5em; margin: 0px 0px 0.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<i style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.5em;"><span style="font-size: x-small;">Daniel Rodriguez.</span></i></h2>
<br />
<span style="font-family: "arial" , "helvetica" , sans-serif;">La era digital ha supuesto una verdadera expansión en la tipografía. En unas pocas décadas se han diseñado infinidad de tipografías en comparación en comparación con las que se han diseñado a lo largo de toda la historia desde sus inicios.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Concepto:</b></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;">Una fuente digital es software formado por un conjunto de dibujos vectoriales junto con órdenes de
espaciado y kerning a los que se accede mediante el teclado del ordenador. Estos dibujos son, casi
siempre, letras que combinadas, forman palabras con significado</span><br />
<div style="background: rgb(255, 255, 255); border: 0px; line-height: 21px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Algunos tipos de letras que se han diseñado para que sean fácilmente legibles en el caso, de que las visualizemos en pantallas con baja resolución son: la Verdana, Tahoma, Trebuchet y Georgia.</span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="background-color: white; font-family: georgia, times, serif; font-size: 14px; line-height: 21px;">
<span style="background: transparent; border: 0px; color: black; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><a href="https://designsuarezvi.files.wordpress.com/2011/12/truetypedigitales.gif" style="background: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><img alt="" class="aligncenter size-medium wp-image-60" height="88" src="https://designsuarezvi.files.wordpress.com/2011/12/truetypedigitales.gif?w=300&h=88" style="background: transparent; border: 5px solid rgb(251, 221, 223); display: block; height: auto; margin: 10px auto; max-width: 100%; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;" title="Truetype" width="300" /></a></span></div>
<div style="background-color: white; line-height: 21px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Caracteristicas:</b></span></div>
<span style="background-color: white; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 19.6px;">Las fuentes contienen caracteres alfabéticos, numerales y otros como signos ligaduras o signos de puntuación. generalmente son familias tipograficas digitales que contienen la versión negrita, la cursiva, grosores de linea, altura de x... </span></span></span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px; text-align: justify;">También tienen elementos gráficos comunes como los remates o la altura de x, la modulación, etc.</span><br />
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px; text-align: justify;"><br /></span>
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px; text-align: justify;"><b><i>"Una fuente es un contenedor de glifos"</i></b>, imágenes que generalmente se muestran sobre un fondo
contrastado. Habitualmente un glifo se corresponde con un carácter, con una letra, pero no siempre es
así. En tipografía, un glifo es
una representación gráfica de un carácter, de varios caracteres o de parte de un carácter y es, en cierta
medida, el equivalente actual del tipo de imprenta, la pieza que tenía grabada el signo.
Un carácter es una unidad textual mientras que un glifo es una unidad gráfica. Así la palabra inglesa
“film” puede mostrarse con cuatro glifos si utiliza un signo para cada carácter o con tres, si utiliza una
ligadura para la pareja “fi” siempre que el sistema empleado en la composición lo reconozca como TeX o
el software de maquetación.1
Las ligaduras son glifos individuales aunque representen varios caracteres.
Del mismo modo, un carácter puede corresponder a varios grifos: las variantes de negrita y cursiva para
la letra e no representan más que a un carácter.</span><br />
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px; text-align: justify;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcKFHe1trC1htEXiEYJjNplgTDYeE97VS-T-Z1n2wwc7Qr2F5nCxQIzXcdV0p1t0ukArSKBZDL1ZBbwRagN94hInvXCLyDZnBmcGSns5NdN7q-GiGh28FU3KqUIhQ-5MtA0AW7ZHPoNc4e/s1600/glifos.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="279" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcKFHe1trC1htEXiEYJjNplgTDYeE97VS-T-Z1n2wwc7Qr2F5nCxQIzXcdV0p1t0ukArSKBZDL1ZBbwRagN94hInvXCLyDZnBmcGSns5NdN7q-GiGh28FU3KqUIhQ-5MtA0AW7ZHPoNc4e/s320/glifos.gif" width="320" /></a></div>
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px; text-align: justify;"><br /></span>
<br />
<div style="background-color: white; font-family: georgia, times, serif; font-size: 14px; line-height: 21px;">
<br /></div>
</div>
<div style="background: rgb(255, 255, 255); border: 0px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
<h3 style="font-stretch: normal; line-height: normal; margin: 0px 0px 3px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: small;">Gestores de fuentes</span></h3>
<div style="line-height: 24.4608px; margin-bottom: 15px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Mucha gente encuentra el actual «fontus operandi» algo misterioso. No tienen muy claro que herramienta controla las fuentes, que se usa para instalarlas y porqué ocurren los conflictos con ellas y sobre todo la diferencia en la gestión de las mismas por parte de los sistemas operativos Windows y Mac. Por eso antes de intentar gestionar las fuentes es preciso saber unos puntos importantes sobre estas.</span></div>
<div style="line-height: 24.4608px; margin-bottom: 15px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 1.3em; margin: 0px; padding: 0px;">Una fuente también es un programa</span><br style="margin: 0px; padding: 0px;" />Una fuente es un pequeño programa que contiene las instrucciones para que la impresora sepa como imprimirlas. Una fuente, consume recursos del sistema, y puede afectar al rendimiento del mismo y para empeorar las cosas una fuente de poca calidad puede contener un código erróneo que haga que esta no trabaje correctamente.</span></div>
<div style="line-height: 24.4608px; margin-bottom: 15px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 1.3em; margin: 0px; padding: 0px;">Historia de dos formatos de fuentes</span></span></div>
<div style="line-height: 24.4608px; margin-bottom: 15px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 1.3em; margin: 0px; padding: 0px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh24Da8VDvPLYjfEVjQxGbcLdC9cortupy1z2FilUFLJVQupBoxUYQ54lQKNU_edf9B63ITol6630sBBmVEoxOHWz7l6Ci6tFkxlRyVB_YaOcka6PpYPTvGi6k1GGn7QW1ncAIBs6-u9w5d/s1600/fontsquirrel.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh24Da8VDvPLYjfEVjQxGbcLdC9cortupy1z2FilUFLJVQupBoxUYQ54lQKNU_edf9B63ITol6630sBBmVEoxOHWz7l6Ci6tFkxlRyVB_YaOcka6PpYPTvGi6k1GGn7QW1ncAIBs6-u9w5d/s320/fontsquirrel.png" width="258" /></a></div>
<div style="margin-bottom: 15px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 20.8px;"><br /></span></span></div>
<div style="margin-bottom: 15px; padding: 0px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 20.8px;"><br style="margin: 0px; padding: 0px;" /></span><span style="line-height: 24.4608px;">En la actualidad los dos formatos de fuentes dominantes son: Type 1 (PostScript) y TrueType a los que se agrega el formato OpenType que promete una suave transición de documentos entre plataformas distintas pero que por ahora no compromete el predominio de los dos primeros. </span><br style="margin: 0px; padding: 0px;" /><span style="line-height: 24.4608px;">Las fuentes Type 1 se componen de dos ficheros: uno que contiene la «métrica» de la fuente (características de espaciado horizontal e información de kerning) y otro que contiene el contorno de la letra. En Windows el fichero con la «métrica» se almacenan en ficheros con la extensión .PFM. En Macintosh se almacenan en la fuente de pantalla que contienen asimismo una versión en mapa de bits de la fuente (que se utiliza para visualizarla en pantalla bajo determinadas circunstancias). Asimismo en Windows el contorno de la letra se guarda en ficheros con la extensión .PFB y en Macintosh reside en el fichero de contorno de impresora.</span></span></div>
<div style="line-height: 24.4608px; margin-bottom: 15px; padding: 0px; text-align: center;">
<a class="thickbox" href="http://www.unostiposduros.com/wp-content/uploads/2008/09/suitcasewindows-main.jpg" style="margin: 0px; padding: 0px;"><span style="color: black; font-family: "arial" , "helvetica" , sans-serif;"><img alt="" class="aligncenter size-medium wp-image-1741" src="http://www.unostiposduros.com/wp-content/uploads/2008/09/suitcasewindows-main-300x218.jpg" height="218" style="border: 1px solid rgb(255, 255, 255); margin: 0px 10px 5px 0px; max-width: 100%; padding: 2px; vertical-align: middle;" title="Pantalla del programa Siutcase" width="300" /></span></a></div>
<div style="color: #333333; font-family: Georgia, Arial; font-size: 15.288px; line-height: 24.4608px; margin-bottom: 15px; padding: 0px;">
<br /></div>
<div style="color: #333333; font-family: Georgia, Arial; font-size: 15.288px; line-height: 24.4608px; margin-bottom: 15px; padding: 0px;">
<br /></div>
<div style="color: #333333; font-family: Georgia, Arial; font-size: 15.288px; line-height: 24.4608px; margin-bottom: 15px; padding: 0px; text-align: center;">
<div style="text-align: left;">
FUENTES:<a href="http://www.unostiposduros.com/gestion-de-fuentes/" target="_blank">http://www.unostiposduros.com/gestion-de-fuentes/</a></div>
<div style="text-align: left;">
<a href="http://pixelnomicon.net/recursos/tipografia-digital/" target="_blank">http://pixelnomicon.net/recursos/tipografia-digital/</a></div>
<div style="text-align: left;">
<a href="http://www.fotonostra.com/grafico/truetypedigitales.htm" target="_blank">http://www.fotonostra.com/grafico/truetypedigitales.htm</a></div>
<div style="text-align: left;">
<a href="http://www.eugeniovega.es/asignaturas/digital/digital.pdf" target="_blank">http://www.eugeniovega.es/asignaturas/digital/digital.pdf</a></div>
</div>
</div>
<div style="background: rgb(255, 255, 255); border: 0px; font-family: Georgia, Times, serif; font-size: 14px; line-height: 21px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background: rgb(255, 255, 255); border: 0px; font-family: Georgia, Times, serif; font-size: 14px; line-height: 21px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background: rgb(255, 255, 255); border: 0px; font-family: Georgia, Times, serif; font-size: 14px; line-height: 21px; margin-bottom: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com0tag:blogger.com,1999:blog-2604946353375517196.post-35895522489714684552016-01-21T11:09:00.001-08:002016-02-01T09:48:51.596-08:006.1.4: TIPOGRAFÍA DIGITAL: FUNDICIÓN TIPOGRÁFICA: ATIPO<div class="MsoNormal">
ATIPO: FUNDICION DIGITAL:<o:p></o:p><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3sDpo75qzG0_IYOqxSOw2dhlq3nIq0c4S-e6Sx74zZl7Yr2N1ZXLSVW0ZYdnnNIhoYJwwW_NOzJtXMxLkspxzEFpgV2tcUIACNRx3meBCcAOs-6g4-jvHp24VlA3LfyHsQf-NNWINxLhE/s1600/Sin+t%25C3%25ADtulo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3sDpo75qzG0_IYOqxSOw2dhlq3nIq0c4S-e6Sx74zZl7Yr2N1ZXLSVW0ZYdnnNIhoYJwwW_NOzJtXMxLkspxzEFpgV2tcUIACNRx3meBCcAOs-6g4-jvHp24VlA3LfyHsQf-NNWINxLhE/s320/Sin+t%25C3%25ADtulo.jpg" width="320" /></a></div>
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoListParagraph" style="margin-left: 38.4pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "symbol";">·</span><span style="font-family: "times new roman"; font-size: 7pt; font-stretch: normal;"> </span><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-stretch: normal;">
</span><!--[endif]-->Atipo: «El buen diseño es aquel que no responde
sólo a una cuestión estética sino también a ideas o estrategias»<o:p></o:p></span></div>
<div class="MsoListParagraph" style="margin-left: 38.4pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: "arial" , "helvetica" , sans-serif;">atipo® es un pequeño estudio multidisciplinar fundado a
principios de 2010 por Raúl García del pomar e Ismael González que ofrece
soluciones gráficas honestas, sin estridencias y perdurables, donde la idea se
antepone a la estética.<o:p></o:p></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoListParagraphCxSpFirst" style="margin-left: 38.4pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-stretch: normal;"> </span><!--[endif]-->Raúl e Ismael coincidieron en la Facultad de
Bellas Artes en Salamanca, donde se licenciaron en Diseño Gráfico y
Audiovisuales. Después de trabajar en diferentes estudios y agencias, ambos
decidieron, en plena crisis, poner en marcha su proyecto personal, Atipo.<o:p></o:p></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4qycbRhuRUPx4QNgExohlUvrM8RaiClfRmu4hW8AZ6SvNiqfKZUJP2aq72-FdKAp1MHcj8o5w4Fl3rZ-ePXzq-d9Gt4OBeRt0Ovgoadxd3AQ4AKLc5qwwSI2nfDBUy7264CWU7VMwbY9R/s1600/00_foto_Atipo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4qycbRhuRUPx4QNgExohlUvrM8RaiClfRmu4hW8AZ6SvNiqfKZUJP2aq72-FdKAp1MHcj8o5w4Fl3rZ-ePXzq-d9Gt4OBeRt0Ovgoadxd3AQ4AKLc5qwwSI2nfDBUy7264CWU7VMwbY9R/s320/00_foto_Atipo.jpg" width="320" /></a></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoListParagraphCxSpFirst" style="margin-left: 38.4pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 38.4pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "arial" , "helvetica" , sans-serif;">·<span style="font-stretch: normal;">
</span><!--[endif]-->Atipo. Hoy nos hablan de sus referentes, de la
importancia o no que tienen las tendencias en el diseño, el valor de la
tipografía, del futuro y de cómo han conseguido abrirse camino desde Gijón,
pequeña ciudad donde la cultura del diseño no está arraigada.<o:p></o:p></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfqmbw72ROCIQPONx2QvMueQ-omG96JCRRCwSB5hCHYG7pLeQrY5wi7Tq1i9hB6l48oBjNk3CFrkESjELvVznLgeXtXV3q1oIWgpS3TO8-OxV54V-68Fp2kjOZswmUwFhu-IexFxmBkVpy/s1600/05-atipo_museu-ferrocarril-asturies.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfqmbw72ROCIQPONx2QvMueQ-omG96JCRRCwSB5hCHYG7pLeQrY5wi7Tq1i9hB6l48oBjNk3CFrkESjELvVznLgeXtXV3q1oIWgpS3TO8-OxV54V-68Fp2kjOZswmUwFhu-IexFxmBkVpy/s320/05-atipo_museu-ferrocarril-asturies.jpg" width="320" /></a></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 38.4pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 38.4pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "arial" , "helvetica" , sans-serif;">·<span style="font-stretch: normal;">
</span><!--[endif]-->En cuanto
a la evolución desde los comienzos hasta ahora se aprecia un nivel mayor
de madurez a nivel creativo y un ideario más definido. Tienen unas ideas más
claras y tratan de mejorar y aprender de los errores. Como dato curioso tomado de una entrevista, El primer proyecto
100% Atipo fue un trabajo de ilustración y cobraros 2.800 euros.<o:p></o:p></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJSTbFDxagnj2OdrP1vPmabecIsmN35k3Tsc-lw3AUhvoitwIOC2Jv2pJrZ7ZPSqR5lAWJacLgCmwUcStWuVxqBVkvOcVK8TaX3EMwByoYzyvRLUX1lYhF8JbOMvueUoWKy4uy__vmrwZu/s1600/01-atipo_The-Wire.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJSTbFDxagnj2OdrP1vPmabecIsmN35k3Tsc-lw3AUhvoitwIOC2Jv2pJrZ7ZPSqR5lAWJacLgCmwUcStWuVxqBVkvOcVK8TaX3EMwByoYzyvRLUX1lYhF8JbOMvueUoWKy4uy__vmrwZu/s320/01-atipo_The-Wire.jpg" width="320" /></a></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 38.4pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l2 level1 lfo2; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "arial" , "helvetica" , sans-serif;">·<span style="font-stretch: normal;"> </span>Su estilo
bebe mucho del pasado, de los clásicos, pero con un aire actual que pretende que
sea intemporal. Un diseño sin estridencias pero cuidado en los detalles, con un
especial énfasis en el manejo de las tipografías y los cromatismos y sobre todo
con una gran base conceptual. Admiran proyectos de diseñadores como Saul Bass,
Otl Aicher o Henrion que siguen vigentes después de 50 ó 60 años. Su estilo lo definen los proyectos y no una
tendencia estética.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span><span style="font-family: "arial" , "helvetica" , sans-serif;"></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV9J-FksERrkA_MqSi2XAcLxoK_d_qFMXdXm8CkQEjh2DYDZqbAqSjKkIWMx_OMk_Z6umsCEwLyCfzu6hWCKYvQqR6AB7trIxKgZ55Y_Nc5VXmOd9GC1r60lbd0UcAXn7gxgHRHQWK7Lkb/s1600/02-atipo_Jazz.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV9J-FksERrkA_MqSi2XAcLxoK_d_qFMXdXm8CkQEjh2DYDZqbAqSjKkIWMx_OMk_Z6umsCEwLyCfzu6hWCKYvQqR6AB7trIxKgZ55Y_Nc5VXmOd9GC1r60lbd0UcAXn7gxgHRHQWK7Lkb/s320/02-atipo_Jazz.jpg" width="320" /></a></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><o:p></o:p></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif; text-indent: -18pt;"> Ven los estilos y disciplinas como una amplia
paleta de recursos que se pueden utilizar dependiendo de las necesidades de
comunicación. Los estilos o estudios que
les influyen o les hace sentir más
cercanos sería el diseño inglés y
nombres como Spin, Made Thought, Hat-Trick Design, Graphic Thought Facility,
Build y un largo etcétera pero también citar a Vince Frost en Australia o al diseño
que se hace en Nueva Zelanda o a Paprika en Canadá o e-Types en Dinamarca.</span></div>
<div class="MsoListParagraphCxSpLast" style="mso-list: l2 level1 lfo2; text-indent: -18.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDRhRvflBY0zH07UWbHCAEYyCNiKMZoOD5n0aC8OxsfAO7os9P0DU94Hf56QBFzBM5yDC5WKcbQqsRbmbSZjGmRmG3wibJp8Fkup5v_mzicqXM6Buf5Mt79qTK6x6weYdtczV6JEx3ILFY/s1600/06-atipo_mapa.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDRhRvflBY0zH07UWbHCAEYyCNiKMZoOD5n0aC8OxsfAO7os9P0DU94Hf56QBFzBM5yDC5WKcbQqsRbmbSZjGmRmG3wibJp8Fkup5v_mzicqXM6Buf5Mt79qTK6x6weYdtczV6JEx3ILFY/s320/06-atipo_mapa.jpg" width="320" /></a></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>En el contexto
tipográfico hablamos de:</b><o:p></o:p></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
<div class="MsoNormal">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
<div class="MsoListParagraphCxSpFirst" style="mso-list: l1 level1 lfo3; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "arial" , "helvetica" , sans-serif;">·<span style="font-stretch: normal;"> </span><b>bariol</b> serif es la nueva hermana con serifa de
nuestra fuente bariol. esta nueva familia tipográfica es moderna y funcional y
ofrece una alta legibilidad tanto para aplicaciones de escritorio como para su
uso en web.<o:p></o:p></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoListParagraphCxSpFirst" style="mso-list: l1 level1 lfo3; text-indent: -18.0pt;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcLf-qziP-ZjNQeFtEQrKTQ-RujEKsxMAfEthA-8PYYoEdAntrspSioxM2pbWjlpT1_xS0Yfmdn6fU61NzjY_7wxlKewjOutuMwYbo94Sy_S6W4FiWWn4evh3Ilt7eWoWMd_H4_3g-P8b9/s1600/bariol_serif-01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcLf-qziP-ZjNQeFtEQrKTQ-RujEKsxMAfEthA-8PYYoEdAntrspSioxM2pbWjlpT1_xS0Yfmdn6fU61NzjY_7wxlKewjOutuMwYbo94Sy_S6W4FiWWn4evh3Ilt7eWoWMd_H4_3g-P8b9/s320/bariol_serif-01.jpg" width="320" /></a></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l1 level1 lfo3; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "arial" , "helvetica" , sans-serif;">·<span style="font-stretch: normal;"> </span><b>bariol booklet</b><o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle">
<span style="font-family: "arial" , "helvetica" , sans-serif;">folleto inspirador sobre bariol. una
tipografía redondeada, ligeramente condensada, amable y cercana sin ser
excesivamente dulce, y muy legible, incluso en tamaños pequeños, gracias a sus
formas sobrias y su construcción sencilla.<o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiznG5ZFIXx2PSo1zyt_AxyHKmc8uFVNFHEuKiZdngPwdwGkfc0FEMvRSC_zDKlvHipo6s0BlZRm5JnPXxz58WGBhQkD6vi9seuo02aAuVuYzZvDzQw-1I3O1fIowsWCeSQ7P2jkWUBMOPQ/s1600/01bariolbooklet.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiznG5ZFIXx2PSo1zyt_AxyHKmc8uFVNFHEuKiZdngPwdwGkfc0FEMvRSC_zDKlvHipo6s0BlZRm5JnPXxz58WGBhQkD6vi9seuo02aAuVuYzZvDzQw-1I3O1fIowsWCeSQ7P2jkWUBMOPQ/s320/01bariolbooklet.jpg" width="320" /></a></div>
<br />
<div class="MsoListParagraphCxSpLast">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="text-indent: -18pt;"><b>Geomanist </b>es una tipografía ‘sans’«contemporánea»
de Atipo que presenta un aspecto «limpio» y «elegante». Disponible en nueve
estilos, cuenta con una estructura que combina el atractivo de las formas
geométricas con un latido humanista. Este equilibrio hace de Geomanist un tipo
de letra adecuada tanto para titulares como para texto, que se desenvuelve por
igual en medios impresos como en pantalla.</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVXN5l3coyfqt9pk3Syvqw5qck5DGIEVwsGshgMkF3dm8ij7B_6zXJP-wuL5nr-HgfOKC_pLJkC0CAkBtJkIIDxIRK0LNMQnRPRyXS5f2ky65foDSH3c852qflJ8ipN92x1FoGFLetfubj/s1600/01-geomanist-atipo-01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVXN5l3coyfqt9pk3Syvqw5qck5DGIEVwsGshgMkF3dm8ij7B_6zXJP-wuL5nr-HgfOKC_pLJkC0CAkBtJkIIDxIRK0LNMQnRPRyXS5f2ky65foDSH3c852qflJ8ipN92x1FoGFLetfubj/s320/01-geomanist-atipo-01.png" width="320" /></a></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="text-indent: -18pt;"><br /></span></span></div>
<div class="MsoListParagraphCxSpLast">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="text-indent: -18pt;"><br /></span></span></div>
<div class="MsoListParagraphCxSpFirst" style="mso-list: l2 level1 lfo1; text-indent: -18.0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l2 level1 lfo1; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "arial" , "helvetica" , sans-serif;">·<span style="font-stretch: normal;"> </span><b>geomanist booklet</b><o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle">
<span style="font-family: "arial" , "helvetica" , sans-serif;">folleto inspirador sobre geomanist, una
nueva tipografía sin serifa que tiene un diseño contemporáneo, limpio y
elegante, con una combinación de formas geométricas y un toque humanista.<o:p></o:p></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoListParagraphCxSpMiddle">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLnlbeLm7SS5ARZh8t80e7d9r19XdG_BcS3P8dcW1rW50-Xfz3i6G6CEXWKH4xuhuBSHvPqmNk1Vs681BFOTOPQAukoVZgkdUdmYC7Xhe8ab3r8fVvX6K0xvWEIxnLMBKkvDxSrOQc4KTw/s1600/Sin+t%25C3%25ADtulo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="184" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLnlbeLm7SS5ARZh8t80e7d9r19XdG_BcS3P8dcW1rW50-Xfz3i6G6CEXWKH4xuhuBSHvPqmNk1Vs681BFOTOPQAukoVZgkdUdmYC7Xhe8ab3r8fVvX6K0xvWEIxnLMBKkvDxSrOQc4KTw/s320/Sin+t%25C3%25ADtulo.png" width="320" /></a></div>
<br /></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l2 level1 lfo1; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "arial" , "helvetica" , sans-serif;">·<span style="font-stretch: normal;"> </span><b>Salomé</b><o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle">
<span style="font-family: "arial" , "helvetica" , sans-serif;"> familia
tipográfica con un diseño único y atractivo. inspirada libremente en las formas
didonas, sus líneas puras y su alto
contraste le confieren una sensibilidad glamurosa. incluye 4 estilos y sus
cursivas con un gran número de ligaduras y alternativas<o:p></o:p></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsYelVXeKgycTSOM8zqr9qj1yBz7lwLKC1Y5Wr7G1flJjuiX6Co4McgmmxrNavBWlir7UbZ6bYQwkAZp7nNmBy5VoOwRaXcZy2ywjX8BOrY9_PAvhUvYrpe_jHkUYEN1WZ9OyqDvcE3vLs/s1600/salome-01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsYelVXeKgycTSOM8zqr9qj1yBz7lwLKC1Y5Wr7G1flJjuiX6Co4McgmmxrNavBWlir7UbZ6bYQwkAZp7nNmBy5VoOwRaXcZy2ywjX8BOrY9_PAvhUvYrpe_jHkUYEN1WZ9OyqDvcE3vLs/s320/salome-01.jpg" width="320" /></a></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoListParagraphCxSpMiddle">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l2 level1 lfo1; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "arial" , "helvetica" , sans-serif;">·<span style="font-stretch: normal;"> </span><b>salomé booklet</b><o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle">
<span style="font-family: "arial" , "helvetica" , sans-serif;">folleto e ilustraciones para
promocionar la tipografía salomé que
recibe el nombre de la obra de Oscar Wilde y en cuyo personaje protagonista se
inspira. sus líneas puras y su alto contraste le confieren una sensibilidad
glamurosa.<o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Y_9VoIjUp1uEsDU3yaITsQjoBZGwj8iwYXt9xAWa_Gpuss3COnIOaxdCxaTh3tc4gKGBBDMyVeD3LVT8JfoSXuCqN2YmK2D6oq3ky_6TYG4e6CiyyJdeOkIU2LkL4Bj0gkKAOfHlu6Jg/s1600/02salomebooklet.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Y_9VoIjUp1uEsDU3yaITsQjoBZGwj8iwYXt9xAWa_Gpuss3COnIOaxdCxaTh3tc4gKGBBDMyVeD3LVT8JfoSXuCqN2YmK2D6oq3ky_6TYG4e6CiyyJdeOkIU2LkL4Bj0gkKAOfHlu6Jg/s320/02salomebooklet.jpg" width="320" /></a></div>
<br /></div>
<div class="MsoListParagraphCxSpMiddle">
<br /></div>
<div class="MsoListParagraphCxSpMiddle">
<br /></div>
<div class="MsoListParagraphCxSpLast" style="mso-list: l3 level1 lfo4; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "arial" , "helvetica" , sans-serif;">·<span style="font-stretch: normal;"> </span><b>calendas plus</b><o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Calendas, su primera fuente fue creada para un proyecto personal sin más ambición
que utilizarla para ese fin y como forma de conocer la ‘tipografía’ desde
dentro. Decidieron que fuese de libre
descarga y, además de descargas y alguna presencia en medios especializados,
les trajo el encargo remunerado para
desarrollar nuevos pesos para la revista Town & Country.tipografía ya que dicha tipografía de aires clásicos, gran legibilidad y elegancia,
diseñada para trabajar en tamaños
pequeños. Su personalidad viene marcada por su remate caligráfico.<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSvGM9J_sNHAon6OSrFpBUX2oYFUiVQhcwbScvZNC-W73VSXqXAQBg1eOaPSzQOYT0w4moe4uw7Bi5b69u0SrT9wQt6wP3vrxKuyznUwj0lBruzuMhyphenhyphenrJlfbuCYfY0-wieszKmnlCfHRuL/s1600/calendas-01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSvGM9J_sNHAon6OSrFpBUX2oYFUiVQhcwbScvZNC-W73VSXqXAQBg1eOaPSzQOYT0w4moe4uw7Bi5b69u0SrT9wQt6wP3vrxKuyznUwj0lBruzuMhyphenhyphenrJlfbuCYfY0-wieszKmnlCfHRuL/s320/calendas-01.jpg" width="320" /></a></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoListParagraphCxSpFirst" style="mso-list: l3 level1 lfo4; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "arial" , "helvetica" , sans-serif;">·<span style="font-stretch: normal;"> </span><b>cassanet<o:p></o:p></b></span></div>
<div class="MsoListParagraphCxSpMiddle">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Esto supuso un empujón económico y moral
que les llevó a lanzar Cassannet (un homenaje a Cassandre) combinando el método
Pay with a tweet con el de la donación. Tanto la tipografía como la puesta en
escena tuvieron un gran recibimiento. cassannet<o:p></o:p></span></div>
<div class="MsoListParagraphCxSpLast">
<span style="font-family: "arial" , "helvetica" , sans-serif;">una sans-serif basada en los tipos de letra
utilizados por cassandre, que se actualiza y enriquece con multitud de
variantes y ligaduras.<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: "arial" , "helvetica" , sans-serif;">En cuanto al contenido animado cabe destacar:<o:p></o:p></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKDn9YJebIQgynNgEA0L0EHedhyDlLMNNFbMeV5WkBeDeLRWYmDP0p_cl0Qe4Xen6hLxYJ575BrOyCiCXvR8fjGvRyT7ukA6M03_eey43DethYeh_gzYD5RAZ-5pvYx1MWEVD9TkIsngb7/s1600/04-atipo_Cassannet.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKDn9YJebIQgynNgEA0L0EHedhyDlLMNNFbMeV5WkBeDeLRWYmDP0p_cl0Qe4Xen6hLxYJ575BrOyCiCXvR8fjGvRyT7ukA6M03_eey43DethYeh_gzYD5RAZ-5pvYx1MWEVD9TkIsngb7/s320/04-atipo_Cassannet.jpg" width="320" /></a></div>
<br /></div>
<div class="MsoNormal">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoListParagraphCxSpFirst" style="mso-list: l1 level1 lfo2; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "arial" , "helvetica" , sans-serif;">·<span style="font-stretch: normal;"> </span><b>el viaje de Alvin:</b><o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle">
<span style="font-family: "arial" , "helvetica" , sans-serif;">es un cuento interactivo para niños basado
en una historia real en el que podréis acompañar a su protagonista, subidos en
su vieja segadora, dispuestos a recorrer 400 km para reencontrarse con su
hermano.<o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0DVQkbyXHghzVn43l3xQ8bBgmTyO0ZRv1M0OC8gcGVE1sd40jnjXaczwha7Fv4PjqVsGvrD9uM-_qqUINjYUBuPWa7fk_uh_shrboQjkdHKlxL4KNSsKbCcvoQIb9MD_-MYzKJC6S8jUM/s1600/01thejourneyofalvin.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0DVQkbyXHghzVn43l3xQ8bBgmTyO0ZRv1M0OC8gcGVE1sd40jnjXaczwha7Fv4PjqVsGvrD9uM-_qqUINjYUBuPWa7fk_uh_shrboQjkdHKlxL4KNSsKbCcvoQIb9MD_-MYzKJC6S8jUM/s320/01thejourneyofalvin.jpg" width="320" /></a></div>
<br /></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l1 level1 lfo2; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "arial" , "helvetica" , sans-serif;">·<span style="font-stretch: normal;"> </span><b>Identidad corporativa de una empresa:</b><o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Minke identidad, lema y diseño web para
<b>minke</b>, un proveedor creativo de servicios gráficos que aúna la producción e
investigación en su taller-laboratorio y la asesoría online<o:p></o:p></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0KY1Dn4_WW0X0pZh32ZTkRaB0A0pw7YeAA1rCGijpLqOfV0E5TT59QaPCUNsiQr2Z8rgpbkAqYIs1Xe8Lqm1skU5bwXSDZmSjHLmfK_D63NCnRgB28jadR1q7K8dl7tfoefYUK4XVuFME/s1600/02minke1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0KY1Dn4_WW0X0pZh32ZTkRaB0A0pw7YeAA1rCGijpLqOfV0E5TT59QaPCUNsiQr2Z8rgpbkAqYIs1Xe8Lqm1skU5bwXSDZmSjHLmfK_D63NCnRgB28jadR1q7K8dl7tfoefYUK4XVuFME/s320/02minke1.jpg" width="320" /></a></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo3; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "arial" , "helvetica" , sans-serif;">-<span style="font-stretch: normal;"> </span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo3; text-indent: -18.0pt;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"> DESTACAR:identidad
para <b>play restart</b><o:p></o:p></span></div>
<div class="MsoListParagraphCxSpLast" style="mso-list: l0 level1 lfo3; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "arial" , "helvetica" , sans-serif;">-<span style="font-stretch: normal;"> </span><!--[endif]-->Identidad para <b>creoquete<o:p></o:p></b></span></div>
<div class="MsoNormal" style="margin-left: 18.0pt;">
<br /></div>
<div class="MsoListParagraphCxSpFirst" style="mso-list: l1 level1 lfo2; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "arial" , "helvetica" , sans-serif;">·<span style="font-stretch: normal;"> </span><b>london
luton airport<o:p></o:p></b></span></div>
<div class="MsoListParagraphCxSpMiddle">
<o:p><span style="font-family: "arial" , "helvetica" , sans-serif;"><b> </b></span></o:p><span style="font-family: "arial" , "helvetica" , sans-serif;">la agencia de branding ico design les </span><span style="font-family: "arial" , "helvetica" , sans-serif;"> </span><span style="font-family: "arial" , "helvetica" , sans-serif;">encargó crear una fuente y un conjunto de
iconos a medida para la nueva identidad y señalización del aeropuerto luton de
londres.</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8XkrnibhE9phkouUjI4zMsT0hHBQj_t8V9ej-Fwa9C-yaHZjFi4kJuIRhbrcRpQCSurtJfCQLh6jYErrAWX7RkXtp8LDnc-OO9w09tjPuHBX7CQnrhGA4oF7a7zaWJ6pq13-VLPtn2hPB/s1600/london-luton-font5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8XkrnibhE9phkouUjI4zMsT0hHBQj_t8V9ej-Fwa9C-yaHZjFi4kJuIRhbrcRpQCSurtJfCQLh6jYErrAWX7RkXtp8LDnc-OO9w09tjPuHBX7CQnrhGA4oF7a7zaWJ6pq13-VLPtn2hPB/s320/london-luton-font5.jpg" width="320" /></a></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="text-align: justify;">
<br /></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l1 level1 lfo2; text-align: justify; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>·<span style="font-stretch: normal;"> </span>Idear ideas</b><o:p></o:p></span></div>
<div class="MsoListParagraphCxSpLast" style="text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Se trata del
diseño de la marca y de la campaña promocional de Idear Ideas, una agencia de
comunicación de Castellón (España) que tras más de 10 años en funcionamiento,
ha decidido actualizar su imagen.<o:p></o:p></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">«A priori, Idear Ideas es un
nombre excesivamente genérico pero que, sin embargo estaba consolidado y que en
cierto modo, como aspecto positivo, funciona como logo y slogan. La propuesta para el logo fue potenciar el paralelismo del
conjunto y buscar una representación más compacta», explican los diseñadores.<o:p></o:p></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjKI4SWFqQ6rxQSckiwbjz9XwMq0rIdvnQJ431mjoLSEmRuJmEDo3J74JoC1byTjfnfxp5z94Kil21i9Tqnw_PX2Ln2WYceXCNpuccsE2nEZQ0IjNzDjaJHbMJmFpxc4MKihJFdlqb5kWc/s1600/6046a630952133.563a5543778e3-1024x593.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjKI4SWFqQ6rxQSckiwbjz9XwMq0rIdvnQJ431mjoLSEmRuJmEDo3J74JoC1byTjfnfxp5z94Kil21i9Tqnw_PX2Ln2WYceXCNpuccsE2nEZQ0IjNzDjaJHbMJmFpxc4MKihJFdlqb5kWc/s320/6046a630952133.563a5543778e3-1024x593.jpg" width="320" /></a></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoListParagraphCxSpFirst" style="mso-list: l1 level1 lfo2; text-align: justify; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "arial" , "helvetica" , sans-serif;">·<span style="font-stretch: normal;"> A</span><b>nimodul</b><o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">marca de ropa y
juguetes para niños en torno a una animada fauna con un punto en común. Diseños sencillos realizados con un mismo patrón variante en cuanto a la composición de los elementos , los colores y formas.<o:p></o:p></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8aiWfnG2L6MyH27ESNUe5laesIY7li5LSjRURUfG_ZLQonvfWXpMqTn7ykDyOX3ltE6xfZYC-aAj1UBuGfX91HTq9SfxGC1snbDGSfH7HPT_XiXx-txtMnopp7Ra7JZy7HOhl4bLnTCBC/s1600/09animodul.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8aiWfnG2L6MyH27ESNUe5laesIY7li5LSjRURUfG_ZLQonvfWXpMqTn7ykDyOX3ltE6xfZYC-aAj1UBuGfX91HTq9SfxGC1snbDGSfH7HPT_XiXx-txtMnopp7Ra7JZy7HOhl4bLnTCBC/s320/09animodul.jpg" width="320" /></a></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="MsoListParagraphCxSpMiddle" style="text-align: justify;">
<br />
<br /></div>
<div class="MsoListParagraphCxSpMiddle" style="text-align: justify;">
<br /></div>
<div class="MsoListParagraphCxSpLast" style="mso-list: l1 level1 lfo2; text-indent: -18.0pt;">
<!--[if !supportLists]--><span style="font-family: "arial" , "helvetica" , sans-serif;">·<span style="font-stretch: normal;"> </span><b>METODO DE
COMERCIALIZCION Y CONTACTO:</b><o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: "arial" , "helvetica" , sans-serif;">En cuanto al sistema de comercialización y método de
contacto lo hacen a través de las redes sociales donde podemos encontrar la
dirección de ellas en su pagina web oficial ATIPO.ES allí se encuentra la amplia gama de trabajos
realizados entre otras cosas para hacernos una idea de sus metodos de
diseñar.</span><o:p></o:p><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTNcV3aAAIy7vpbdfMoswQQrGkkvKUbitcxghO-dznMysvpwjgvUpzn7fXWdfiSTdgiod_PBluKAb9cmMmNseRSiZbZj-8zGV7Yt0B5d3tiJaq5qJl5XrprZVFLdjVgksIS0Sds1BKQSyc/s1600/descarga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTNcV3aAAIy7vpbdfMoswQQrGkkvKUbitcxghO-dznMysvpwjgvUpzn7fXWdfiSTdgiod_PBluKAb9cmMmNseRSiZbZj-8zGV7Yt0B5d3tiJaq5qJl5XrprZVFLdjVgksIS0Sds1BKQSyc/s320/descarga.jpg" width="320" /></a></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com2tag:blogger.com,1999:blog-2604946353375517196.post-8522118406879821932016-01-10T14:35:00.002-08:002016-02-02T09:22:06.851-08:005.6 - 7 : TIPOS LIBRES, DECORATIVOS Y DE TITULARES Y MAPA INTERACTIVO "FAMILIAS TIPOGRÁFICAS": <span style="font-family: "arial" , "helvetica" , sans-serif;">Tipografías las cuales se encuentran desclasificadas en las antiguas clasificaciones anteriormente mencionadas, estas son :</span><br />
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="line-height: 18.2px;">Stencil o plantilla, Techno, Handwritting, Pixeladas, Dingbats, Brush, typerwritter, textura, old school, fantasía...</b><span style="line-height: 18.2px;"> etc.</span></span></span><br />
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;">Stencil:</span></span></span><br />
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgffe5zyCyvpjPF8s1Ial5C1vezI8kJpI7TYR_VPb2Gnc-hMdLHOfbpKEO6Vk05HzXXUJpW_fg9q8c6G9S9Z30_6EPk9DWubUd4Yj7M27OK4wFbEfFas03_LAIo-NFLwEtY0M7sUcVjdjaK/s1600/Stencil-GothicA.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="109" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgffe5zyCyvpjPF8s1Ial5C1vezI8kJpI7TYR_VPb2Gnc-hMdLHOfbpKEO6Vk05HzXXUJpW_fg9q8c6G9S9Z30_6EPk9DWubUd4Yj7M27OK4wFbEfFas03_LAIo-NFLwEtY0M7sUcVjdjaK/s320/Stencil-GothicA.png" width="320" /></a></div>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;">Techno:</span></span></span><br />
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjelASiLG1rQssXElOW6MOeivsCVYe9LtVvXKa4UsGEunMSW9wwQFekzeEoMQqL5lCEvyOKlIOS-qw7BtaqVUXgAyqOVLr1OQAOeV6G9yCGnp_ReNQk5Y-q6_5jFrS4AvqhAfRJ_hhF0ueM/s1600/technohideo_specimen.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="123" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjelASiLG1rQssXElOW6MOeivsCVYe9LtVvXKa4UsGEunMSW9wwQFekzeEoMQqL5lCEvyOKlIOS-qw7BtaqVUXgAyqOVLr1OQAOeV6G9yCGnp_ReNQk5Y-q6_5jFrS4AvqhAfRJ_hhF0ueM/s320/technohideo_specimen.jpg" width="320" /></a></div>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;">Handwritting:</span></span></span><br />
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<br />
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/proxy/AVvXsEh4mHhCgrMZJgcne_GXdhrDtPijWj8jgkWbjZoONsbte30NLMHiU6aDU4bnT4KQHq0EclCrSsr_M3sUNzfqxNWdIHyxeWZXXgzDX_O8SOKeToAvI3J94r_N83O10eb3x0hpJcOfmTMWyAs95sw4uoQuycDjOrP8yL98fINiujW2VSLc0agR=" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.tipodeletras.com/img/vista/JandaElegantHandwriting.ttf.png" height="75" width="400" /></a></div>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;">Pixeladas:</span></span></span><br />
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVROjic0UMrDVCfV05AuvOJcfelfnbp8KZ_WkLlIICkBy7aPHP0CNDNAAL2cW9Ugh4TGnVf-bW4wo7J3s2a_VkAJVBfLYzEgenwO8bFBx1p_oIpB0WEznd6tppPvqhzBNhB-6TpLVHuf8d/s1600/41815881-pixelizar-fuente-del-estilo-de-juego-de-edad-vector-composici-n-tipogr-fica.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVROjic0UMrDVCfV05AuvOJcfelfnbp8KZ_WkLlIICkBy7aPHP0CNDNAAL2cW9Ugh4TGnVf-bW4wo7J3s2a_VkAJVBfLYzEgenwO8bFBx1p_oIpB0WEznd6tppPvqhzBNhB-6TpLVHuf8d/s320/41815881-pixelizar-fuente-del-estilo-de-juego-de-edad-vector-composici-n-tipogr-fica.jpg" width="320" /></a></div>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;">Dingbats:</span></span></span><br />
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiigBBkfH7QPQN5j_ud4JxpuN2nCeOrccsf84TdlRspisYGXnKEvDavcYbenBOBXeBo7vvXdb7PT4QWI8n2ueiwbzwBKm5h7dGiIlssE9KBYlobNFDkxKvBzDCCNYTWzmglAngwteR53Svq/s1600/46-tipografias-dingbat.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiigBBkfH7QPQN5j_ud4JxpuN2nCeOrccsf84TdlRspisYGXnKEvDavcYbenBOBXeBo7vvXdb7PT4QWI8n2ueiwbzwBKm5h7dGiIlssE9KBYlobNFDkxKvBzDCCNYTWzmglAngwteR53Svq/s320/46-tipografias-dingbat.jpg" width="320" /></a></div>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;">Brush:</span></span></span><br />
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3_JSJbfqiPvonelPo4e3YaHaGyHN9U4Z1QaSbwvgw5fjRBAt4SrJijFNph8O0v4E1OR6zY2sTVC5CWaYjptLURJzQZA4SDcp8pQZhVBlT2P6u4myZTd3tvYJwbN6WkUQMpO6qVtyZ2ip4/s1600/levibrush_specimen.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="229" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3_JSJbfqiPvonelPo4e3YaHaGyHN9U4Z1QaSbwvgw5fjRBAt4SrJijFNph8O0v4E1OR6zY2sTVC5CWaYjptLURJzQZA4SDcp8pQZhVBlT2P6u4myZTd3tvYJwbN6WkUQMpO6qVtyZ2ip4/s320/levibrush_specimen.jpg" width="320" /></a></div>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;">Typerwritter:</span></span></span><br />
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikEzlTcLDtLMmwk90fiSGKQmb-idXaocKlkjhcu4L75O4ghSfbs5IEt4OHpvwqofu43a8jhInzdHEVx6AGsJmqKwx8TpqNNzAA-JAjTk43iakX-NCu7xQpw6yq3OCFwaj9EoDgtn3A4Ygw/s1600/AFL.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="183" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikEzlTcLDtLMmwk90fiSGKQmb-idXaocKlkjhcu4L75O4ghSfbs5IEt4OHpvwqofu43a8jhInzdHEVx6AGsJmqKwx8TpqNNzAA-JAjTk43iakX-NCu7xQpw6yq3OCFwaj9EoDgtn3A4Ygw/s320/AFL.jpg" width="320" /></a></div>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;">Textura:</span></span></span><br />
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIGyZj_9WEdb7rVYxNk8xyyFZQK3QsshVid30cQPdURBIjoJ4ooeGYNvUCq7mH5SnA9wJ7eXNcaKjj4AcFkOsXiM70MsalUQgI3CPADPYZs-hZRU8gLwENLGfkbyHPyCFJ7YxHK33vk6fA/s1600/depositphotos_15797317-Typography-Background-Texture.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIGyZj_9WEdb7rVYxNk8xyyFZQK3QsshVid30cQPdURBIjoJ4ooeGYNvUCq7mH5SnA9wJ7eXNcaKjj4AcFkOsXiM70MsalUQgI3CPADPYZs-hZRU8gLwENLGfkbyHPyCFJ7YxHK33vk6fA/s320/depositphotos_15797317-Typography-Background-Texture.jpg" width="320" /></a></div>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;">Old school:</span></span></span><br />
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9E9nCFDosXmp7M8CKKHoi0pguBdtBqwiA2uul3edwBnIZZLx1szD3VkQan1XpVEr5fhXmmz23YbfHJL4ceh4SzIlVSh0Z0-3qcxaB3_qr3VX3qVkNcsKT3ePejv8zQ3Sly5DwLDN4SxxN/s1600/Old-School-Traditional-Tattoo-Font.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="194" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9E9nCFDosXmp7M8CKKHoi0pguBdtBqwiA2uul3edwBnIZZLx1szD3VkQan1XpVEr5fhXmmz23YbfHJL4ceh4SzIlVSh0Z0-3qcxaB3_qr3VX3qVkNcsKT3ePejv8zQ3Sly5DwLDN4SxxN/s320/Old-School-Traditional-Tattoo-Font.jpg" width="320" /></a></div>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;">Fantasía:</span></span></span><br />
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik2hyphenhyphenULnTP7gRyQf8aWf0Mit3oqjSmrLZp8RobhqAW5Zy_DG9Rxue4EgPZBTAKPwEnnPxVlLiIOpL1cbbRCRx9k1xgDmngUBlkoQIYhzfstu287VJQsS4kAsdXPvIYsFIr6IVcytf_BvvH/s1600/195626-fantastica_10_2012-big.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="184" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik2hyphenhyphenULnTP7gRyQf8aWf0Mit3oqjSmrLZp8RobhqAW5Zy_DG9Rxue4EgPZBTAKPwEnnPxVlLiIOpL1cbbRCRx9k1xgDmngUBlkoQIYhzfstu287VJQsS4kAsdXPvIYsFIr6IVcytf_BvvH/s320/195626-fantastica_10_2012-big.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Fuentes: imagenes tipografías googl</span>e.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">5.7. MAPA INTERACTIVO DE FAMILIAS TIPOGRAFICAS:</span></b></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">Este ejercicio quizás sea un pequeño y breve esquema donde se encuentran organizadas las familias tipográficas según su criterio. Dejo el enlace de la PRESENTACIÓN EN PREZI, para que la visiten.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">ENLACE: <a href="https://prezi.com/8l9mn7dcaeu0/familias-tipograficas/" target="_blank">https://prezi.com/8l9mn7dcaeu0/familias-tipograficas/</a></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></span>
<!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2Fwww.tipodeletras.com%2Fimg%2Fvista%2FJandaElegantHandwriting.ttf.png&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/proxy/AVvXsEh4mHhCgrMZJgcne_GXdhrDtPijWj8jgkWbjZoONsbte30NLMHiU6aDU4bnT4KQHq0EclCrSsr_M3sUNzfqxNWdIHyxeWZXXgzDX_O8SOKeToAvI3J94r_N83O10eb3x0hpJcOfmTMWyAs95sw4uoQuycDjOrP8yL98fINiujW2VSLc0agR=" -->Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com1tag:blogger.com,1999:blog-2604946353375517196.post-81843083544388602022016-01-10T14:11:00.000-08:002016-02-01T13:13:22.881-08:005.1-2-3-4-5: CLASIFICACIÓN DE LAS FAMILIAS TIPOGRÁFICAS:<br />
<br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #222222; line-height: 1.6em;">Una familia tipográfica es un grupo de signos escrituriales que comparten rasgos</span><br style="background-color: white; color: #222222; line-height: 24.64px;" /><span style="background-color: white; color: #222222; line-height: 1.6em;">de diseños comunes, conformando todas ellas una unidad tipográfica. los </span><br style="background-color: white; color: #222222; line-height: 24.64px;" /><span style="background-color: white; color: #222222; line-height: 24.64px;"><span style="line-height: 1.6em;">miembros de una familia ( los tipos) se parecen entre sí,</span><span style="line-height: 1.6em;">pero también tienen</span></span><br style="background-color: white; color: #222222; line-height: 24.64px;" /><span style="background-color: white; color: #222222; line-height: 1.6em;">rasgos propios. </span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #222222; line-height: 1.6em;"><br /></span></span>
<a href="http://www.unostiposduros.com/wp-content/uploads/2005/06/typetable.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://www.unostiposduros.com/wp-content/uploads/2005/06/typetable.jpg" height="266" width="400" /></a><span style="background-color: white; line-height: 21.9375px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span><br />
<span style="background-color: white; line-height: 21.9375px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span>
<span style="background-color: white; line-height: 21.9375px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span>
<span style="background-color: white; line-height: 21.9375px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span>
<span style="background-color: white; line-height: 21.9375px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span>
<span style="background-color: white; line-height: 21.9375px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span>
<span style="background-color: white; line-height: 21.9375px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span>
<span style="background-color: white; line-height: 21.9375px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span>
<span style="background-color: white; line-height: 21.9375px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span>
<span style="background-color: white; line-height: 21.9375px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span>
<span style="background-color: white; line-height: 21.9375px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span>
<span style="background-color: white; line-height: 21.9375px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span>
<span style="background-color: white; line-height: 21.9375px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span>
<span style="background-color: white; line-height: 21.9375px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><a href="http://www.unostiposduros.com/clasificacion-de-los-tipos/" target="_blank"> http://www.unostiposduros.com/clasificacion-de-los-tipos/</a></span></span><br />
<span style="background-color: white; line-height: 21.9375px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span>
<span style="background-color: white; line-height: 21.9375px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;">En el s.XX se pretendió, por primera vez, intentar clasificar todas las tipografías y dividirlas por familias, para que todo el mundo supiera de qué tipografía se estaba hablando o usando</span></span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 21.9375px; text-align: justify;">.</span><br />
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 21.9375px; text-align: justify;"><br /></span>
<br />
<div style="border: 0px; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 1.5em;">Lo primero era determinar el criterio a usar para poder </span><span style="line-height: 24px;">clarificarlas</span><span style="line-height: 1.5em;">.</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;">El primer intento, en 1921, fue de<b> François Thibaudeau</b>. Tuvo un criterio desde el punto de vista morfológico de las fuentes, atendiendo a la forma de las astas y los remates. S</span><span style="background-color: white; line-height: 24.64px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">u clasificación </span></span><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 24.64px;">consistía en la forma que tenían las tipos (grosor, serifa, estilo...), pero su </span><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 24.64px;">clasificación era simple y breve</span><span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 24.64px;">.</span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 1.5em;"> Así, estableció tres categorías:</span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 1.5em;"><br /></span></div>
<ul style="border: 0px; list-style: none outside; margin: 0px 0px 1.5em; padding: 0px; vertical-align: baseline;">
<li style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; line-height: 1.5em; margin: 0px; padding: 0px; vertical-align: baseline;"><div style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Con serifas:</b> romana antigua, romana moderna, egipcia.</span></span></div>
</li>
<li style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; line-height: 1.5em; margin: 0px; padding: 0px; vertical-align: baseline;"><div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Sin serifas</b>: de palo seco, antigua, grotesca.</span></span></div>
</li>
<li style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><div style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b><span style="line-height: 1.5em;">Otras </span><span style="line-height: 24px;">tipografías</span></b><span style="line-height: 1.5em;"><b>:</b> manuscrita, de fantasia (decorativa).</span></span></span></div>
</li>
</ul>
<div style="text-align: justify;">
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8KOAAbY0TQecE2uc9nWpGjtNVaLDIyatTMJrLzgFHtcelooUpr1LTcgMMm74rNuxkOykLNqFLiOTUzGw60kY-qSFKQBoctOAYu0PnaWRFh_XuTDasG0JEkxoTj-IUtvtB-P9pZyG6RLW/s1600/2000px-Classificaci%25C3%25B3_thibaudeau.svg.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8KOAAbY0TQecE2uc9nWpGjtNVaLDIyatTMJrLzgFHtcelooUpr1LTcgMMm74rNuxkOykLNqFLiOTUzGw60kY-qSFKQBoctOAYu0PnaWRFh_XuTDasG0JEkxoTj-IUtvtB-P9pZyG6RLW/s320/2000px-Classificaci%25C3%25B3_thibaudeau.svg.png" /></a><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"></span></div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;">En 1954, Maximilian Vox hizo una nueva clasificación teniendo un criterio histórico.</span><br />
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;">La forma de los tipos evoluciona a lo largo de la historia y lo hace por varios motivos, como los avances técnicos, la tecnología, etc. .De este modo dijo que había 9 estilos.</span></div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #222222;"><span style="line-height: 1.6em;">Divide las familias en:</span></span></span></div>
<ul style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; color: #313131; line-height: 1.6em; margin: 0px 0px 1.6em 12px; outline: 0px; padding: 0px 0px 0px 12px; text-align: start; vertical-align: baseline;">
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Humanas</span></li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Garaldas</span></li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Reales</span></li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Didonas</span></li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Mecanos</span></li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Lineales</span></li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Incisas</span></li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Scriptas</span></li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Manuales</span></li>
</ul>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;">En 1958, Aldo Novarese hizo otra clasificación contemporánea, estableciendo 10 estilos o familias tipográficas. (Medievales, venecianas, lapidarias... )</span></div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
<img src="http://www.blogartesvisuales.net/wp-content/uploads/2012/05/clasificacion_novarese.jpg" height="320" width="258" /></div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
<br /></div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
<br /></div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;">1962, la Asociación Tipográfica Internacional (AtypI) llegó al consenso de adoptar como sistema normativo el de Vox. </span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 1.5em;">Este sistema tenía carencias, y llegaron a establecer hasta 11 familias.</span></div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;">Otras clasificaciones fueron: Pelliteri, BS2961, Alessandrini, Muriel Paris (2002).</span></div>
<div style="border: 0px; line-height: 1.5em; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
</div>
<div style="border: 0px; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><b><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 1.5em;">5.2 FAMILIAS </span><span style="line-height: 24px;">CLÁSICAS</span><span style="line-height: 1.5em;">:</span></span></b></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-position: 0px 0px; border: 0px; box-sizing: border-box; color: #313131; font-weight: 700; line-height: 25.6px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><b>Romanas:</b></span><br style="box-sizing: border-box;" /><span style="line-height: 25.6px;">Formado por fuentes que muestran influencias de la escritura manual, en concreto de</span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 25.6px;">la caligrafía humanista del s. XV, y también de la tradición lapidaria romana,</span><br /><span style="line-height: 25.6px;">donde los </span><span style="line-height: 25.6px;">pie</span><span style="line-height: 25.6px;">s </span><span style="line-height: 25.6px;">de las letras se tallaban para evitar que la piedra saltase en los ángulos. </span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br style="box-sizing: border-box;" /><span style="line-height: 25.6px;">Las fuentes Romanas son regulares, tienen una gran armonía de proporciones, </span><br /><span style="line-height: 25.6px;">presentan </span><span style="line-height: 25.6px;">un fuerte contraste entre elementos rectos y curvos y sus remates les</span><br /><span style="line-height: 25.6px;">proporcionan un alto </span><span style="line-height: 25.6px;">grado de legibilidad. </span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 25.6px;"><br /></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 21.9375px; text-align: justify;"><b> Romanas</b> </span><b style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; line-height: 21.9375px; text-align: justify; vertical-align: baseline;">humanistas:</b></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; line-height: 21.9375px; text-align: justify; vertical-align: baseline;"><br /></b></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; line-height: 21.9375px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;">características principales: el asta horizontal de la “e” y eje de la “o” están inclinados y</span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; line-height: 21.9375px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;">que el grosor de las astas es homogéneo.</span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; line-height: 21.9375px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img src="http://www.oert.org/wp-content/uploads/2012/07/T05A-02_lin_rom-humanistas.jpg" height="240" width="320" /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 21.9375px; text-align: justify;"><b>Romanas antiguas:</b></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 1.6em;"><span style="color: #313131;">T</span><span style="color: #222222;">ambién llamadas Garaldas (por Garamond), aparecen a fines del siglo XVI </span></span><br /><span style="color: #222222; line-height: 1.6em;">en </span><span style="color: #222222; line-height: 1.6em;">Francia, a partir de los grabados de Grifo para Aldo Manuzio. Se caracterizan por la</span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; color: #222222; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="line-height: 1.6em;"><span style="font-family: "arial" , "helvetica" , sans-serif;">desigualdad de espesor en el asta dentro de una misma letra, por la modulación de la</span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; color: #222222; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="line-height: 1.6em;"><span style="font-family: "arial" , "helvetica" , sans-serif;">misma y por la forma triangular y cóncava del remate, con discretas puntas cuadradas.</span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; color: #222222; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="line-height: 1.6em;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Su contraste es sutil, su modulación pronunciada, cercana a la caligrafía, y su trazo </span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; color: #222222; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="line-height: 1.6em;"><span style="font-family: "arial" , "helvetica" , sans-serif;">presenta un mediano contraste entre finos y gruesos. Entre ellas destacan las</span><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: 15.4px;"> fuentes</span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.4px; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 1.6em;">Garamond, Caslon, Century Oldstyle, Goudy, Times New Roman y Palatino.</span></div>
<div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.4px; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 1.6em;"><br /></span></div>
<div style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15.4px; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif; line-height: 1.6em;"><br /></span></div>
</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img src="http://jonathanjimenezb.blogspot.es/media/cache/resolve/media/files/00/935/433/2015/12/garaldas.jpg" height="238" width="320" /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b>5.3: FAMILIAS MODERNAS:</b></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="line-height: 19.6px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Romana Moderna o Didot:</b></span></span></div>
<div style="line-height: 19.6px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></span></div>
<div style="line-height: 19.6px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Es un estilo mas clásico y riguroso, el asta de las letras es de gruesos muy contrastados y los terminales son filiformes. Algunos ejemplos de tipografías de este tipo son Fenice, Bodoni, Normanda, Torino o Didot.</span></span></div>
</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; line-height: 21.9375px; text-align: justify; vertical-align: baseline;"><br /></b></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img src="http://jonathanjimenezb.blogspot.es/media/cache/resolve/media/files/00/935/433/2015/12/modernas.jpg" height="238" width="320" /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<i style="line-height: 18.2px;"><b><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></i></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="line-height: 18.2px;"><b><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;">Mecánicas o egipcias:</span></b></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="line-height: 18.2px;"><b><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="line-height: 1.4;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;">Trazo uniforme (o gradual de escaso contraste y eje de modulación vertical) </span></span><span style="line-height: 1.4;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;">Remates rectos, del mismo (o casi del mismo) ancho que el trazo.</span></span><span style="line-height: 1.4;"><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;">Altura de x grande.</span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; line-height: 21.9375px; text-align: justify; vertical-align: baseline;"><br /></b></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img alt="Egipcias" src="http://www.oert.org/wp-content/uploads/2012/07/T05A-06_lin_egipcias.jpg" height="239" width="320" /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="background-color: white; color: #222222; line-height: 21.56px;">
<span style="line-height: 1.6em;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Unas y otras conviven y son usadas sin establecer diferencias de tiempo,</span></span></div>
<br />
<div style="background-color: white; color: #222222; line-height: 21.56px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 1.6em;">por lo que es necesario establecer una clasificación que nos permita agrupar </span><br /><span style="line-height: 1.6em;"><span style="line-height: 1.6em;">aquellas </span><span style="line-height: 1.6em;">fuentes que tienen características similares. </span></span></span></div>
<br />
<div style="background-color: white; color: #222222; line-height: 21.56px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 1.6em;">Son muchos los intentos por lograr agrupar las formas tipográficas en conjuntos </span><br /><span style="line-height: 1.6em;"><span style="line-height: 1.6em;">que reúnan</span><span style="line-height: 1.6em;"> ciertas condiciones de igualdad. Generalmente están basados en </span></span><br /><span style="line-height: 1.6em;"><span style="line-height: 1.6em;">la fecha </span><span style="line-height: 1.6em;">de creación, en </span><span style="line-height: 1.6em;">sus orígenes dentro de las vertientes artísticas por las que</span></span><br /><span style="line-height: 1.6em;"><span style="line-height: 1.6em;"> fueron </span><span style="line-height: 1.6em;">influenciadas o en </span><span style="line-height: 1.6em;">criterios morfológicos. </span></span></span></div>
</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b>Lineales San Serif:</b> </span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://laprestampa.files.wordpress.com/2013/12/grotesca-neogrotesca-humanista-geometrica.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="262" src="https://laprestampa.files.wordpress.com/2013/12/grotesca-neogrotesca-humanista-geometrica.png" width="320" /></a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="line-height: 18.2px;"><b style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="line-height: 18.2px;"><b style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="line-height: 18.2px;"><b style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="line-height: 18.2px;"><b style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="line-height: 18.2px;"><b style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="line-height: 18.2px;"><b style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="line-height: 18.2px;"><b style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="line-height: 18.2px;"><b style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="line-height: 18.2px;"><b style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="line-height: 18.2px;"><b style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="line-height: 18.2px;"><b style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="line-height: 18.2px;"><b style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="line-height: 18.2px;"><b style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="line-height: 18.2px;"><b style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="line-height: 18.2px;"><b style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Sans serif grotescas:</span></b></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="line-height: 18.2px;"><b style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #222222;">caracterizadas porque el grosor del trazo y el contraste son poco </span><br style="background-color: white; color: #222222; line-height: 21.56px;" /><span style="background-color: white; color: #222222;">perceptibles y por ser muy legibles en texto corrido. La principal fuente de este</span><br style="background-color: white; color: #222222; line-height: 21.56px;" /><span style="background-color: white; color: #222222;">tipo es Gill Sans.</span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img src="http://www.glosariografico.com/sites/default/files/grotesca.png" /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<b style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Sans serif geométricas: </span></b></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<b style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 1.4;">Trazo uniforme,</span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 1.4;">Estructuras sintéticas basadas en figuras geométricas simples</span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 1.4;">Muchas veces la "a" no tiene lazo ascendente.</span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 1.4;"><br /></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img src="http://jonathanjimenezb.blogspot.es/media/cache/resolve/media/files/00/935/433/2015/12/san-serif-geom-otrica.jpg" height="238" width="320" /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<b style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<b style="background-color: white;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;">Sans serif humanísticas:</span></span></b></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<b style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></b></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 1.4;">Trazo uniforme o levemente gradual b</span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 1.4;">asadas en estructuras clásicas. </span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 1.4;">La "a" tiene lazo ascendente. </span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 1.4;">Generalmene la "g" tiene la cola cerrada y oreja.</span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 1.4;">"</span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 1.4;"><br /></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img src="http://jonathanjimenezb.blogspot.es/media/cache/resolve/media/files/00/935/433/2015/12/san-serif-humanista.jpg" height="238" width="320" /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<b style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18.2px;"><br /></b></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<b style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18.2px;">Sans serif neogrotesca:</b></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<b style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18.2px;"><br /></b></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 18.2px;"> </span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 18.2px;">(a partir de aquí ya no provienen de la página mencionada):</span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 1.4;">La principal característica es que es similar a la Sans serif grotesca, pero con algunas pequeñas diferencias, se puede ver principalmente en la tipo "Helvética"</span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 1.4;"><br /></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img src="http://jonathanjimenezb.blogspot.es/media/cache/resolve/media/files/00/935/433/2015/12/san-serif-grotesca.jpg" height="238" width="320" /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<b><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 21.56px;">5.4:FAMILIAS CALIGRÁFICAS:</span></span></b></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #222222;"><b>Caligráficas:</b> </span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #222222;">aglutina familias generadas con las influencias más diversas </span><span style="background-color: white; color: #222222;">(rústica romana, minúscula carolingia, letra inglesa, caracteres unciales y semiunciales),</span><span style="background-color: white; color: #222222;">basadas todas ellas en la mano que las creó. Con el tiempo la escritura caligráfica se hizo</span><span style="background-color: white; color: #222222;"> cada vez más decorativa. En la actualidad se utiliza en invitaciones a ceremonias o </span><span style="background-color: white; color: #222222;">determinados acontecimientos. Como ejemplos de este tipo podemos citar las fuentes </span><span style="background-color: white; color: #222222;">American Uncial, CommercialScript ,</span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #222222;">Cancelleresca Seript, Bible Seript Flourishes, </span><span style="background-color: white; color: #222222;">Zapf Chancery, Young Baroque.</span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #222222;"><br /></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #222222;"><br /></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #222222;"><br /></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #222222;"><br /></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; color: #333333; line-height: 19.6px; text-align: justify;"><b><span style="font-family: "arial" , "helvetica" , sans-serif;">Glíficas o incisas: </span></b></span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 19.6px; text-align: justify;">Sueles enfatizar en la mayúscula, hasta el punto de que existen tipografías sin minúsculas. Tratan de imitar los grabados en metal o piedra presentando pequeñas serifas triangulares y descendentes compactas.</span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white;"><span style="line-height: 19.6px; text-align: justify;">Algunos ejemplos son Albertus, Vopperplate Gothic o Traja</span></span><span style="background-color: white; line-height: 19.6px; text-align: justify;">n.</span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 19.6px; text-align: justify;"><br /></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img src="http://cdn5.xombit.com/wp-content/blogs.dir/19/files/2013/03/TRAJAN-400x285.jpg" height="228" width="320" /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><b><span style="line-height: 18.2px;"> Manual o gráficas:</span></b><span style="line-height: 18.2px;"> esta simulan la técnica graffiti, también es recomendable para los proyectos artísticos más que para algo serio.</span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuK_JBjfZm8w_n4n6096yhpMPrpZpNG6b9A1M9s6qu311Pk1zGVUhjupk8Qetyf9t0lApU99raP6wX1sTzZB0ageg14uVOORgC4EPa73LxyYrxLN3SFD3LfY6njBOU-2plF-5eh7uBSse4/s400/102055.png" /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="line-height: 18.2px;">
<b><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;">De escritura, manuscritas o scriptas: </span></b><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;">estas tipografías son muy variadas y simulan una escritura realizada a mano. Estas tipos suelen utilizarse para proyectos artísticas, no es recomendable usarla para proyectos serios. Su características son:</span></div>
<div style="line-height: 18.2px;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 1.4;"><br /></span></div>
<div style="line-height: 18.2px;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 1.4;">Imitación del trazado manual / </span><span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 1.4;">Caracteres enlazados o sueltos.</span></div>
<div style="line-height: 18.2px;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 1.4;"><br /></span></div>
<div style="line-height: 18.2px;">
<img alt="Resultado de imagen de TIPOGRAFIA MANUSCRITAS" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQqFNEOFVBdID1zIJLCi2EKWMQE_8SnwPgEUN0MRi8Gqk2t_L43" /></div>
<div style="line-height: 18.2px;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 1.4;"><br /></span></div>
<div style="line-height: 18.2px;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 1.4;"><br /></span></div>
</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;"><br /></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<b style="line-height: 21.56px;">5.5: OTRAS FUENTES:</b></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<b style="line-height: 21.56px;"><br /></b></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<b style="line-height: 21.56px;"><br /></b></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #222222;"><b>Góticas o fracturadas:</b> de estructura densa, composición apretada y verticalidad acentuada, </span><br style="background-color: white; color: #222222; line-height: 21.56px;" /><span style="background-color: white; color: #222222;">manchan extraordinariamente la página. Además, no existe conexión entre letras,</span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #222222;">l</span><span style="background-color: white; color: #222222;">o que acentúa más su ilegibilidad. Ejemplos de este tipo son Fraktur, Old English,</span><br style="background-color: white; color: #222222; line-height: 21.56px;" /><span style="background-color: white; color: #222222;"> Koch Fraktur, Wedding Text, Forte Grotisch.</span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; color: #222222;"><br /></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="background-color: white; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; line-height: 21.9375px; text-align: justify; vertical-align: baseline;"><br /></b></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
</div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img height="212" src="https://s-media-cache-ak0.pinimg.com/236x/c1/83/0b/c1830bb7463a4df562dfbfa6514c9451.jpg" width="320" /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><b><br /></b></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"> el nombre de esta familia tipográfica procede de la tipo Fraktur, la cual pertenece a esta familia. Se reconoce muy bien por sus formas angulares. Esta familia se divide en cuatro grupos:</span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<img alt="Gebrochene Schriften.png" src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/fc/Gebrochene_Schriften.png/245px-Gebrochene_Schriften.png" /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<b style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18.2px;">Textura o gothic/</b><b style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18.2px;">Rotunda/</b><b style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18.2px;">Schwabacher/ </b><b style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18.2px;">Fraktur</b></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 18.2px;"><br /></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif; line-height: 18.2px;"><br /></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 21.9375px;">FUENTES:</span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<b style="font-family: Arial, Helvetica, sans-serif; line-height: 21.9375px;"> <a href="http://xn--%22clasificacin%20vox-atypi%22-j6c/" target="_blank">"Clasificación Vox-ATypI"</a></b></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="background-color: white; line-height: 21.9375px;"><a href="https://es.wikipedia.org/wiki/Clasificaci%C3%B3n_Vox-ATypI" target="_blank">https://es.wikipedia.org/wiki/Clasificaci%C3%B3n_Vox-ATypI</a></span></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<a href="http://www.oert.org/clasificacion-tipografica/" target="_blank">http://www.oert.org/clasificacion-tipografica/</a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<a href="https://laprestampa.wordpress.com/2013/12/24/tipografia-de-escritura/" target="_blank">https://laprestampa.wordpress.com/2013/12/24/tipografia-de-escritura/</a><a href="http://www.oert.org/clasificacion-tipografica/" target="_blank">http://www.oert.org/clasificacion-tipografica/</a></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="background-color: white; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; line-height: 21.9375px; text-align: justify; vertical-align: baseline;"><a href="https://es.wikipedia.org/wiki/Letra_g%C3%B3tica" target="_blank">https://es.wikipedia.org/wiki/Letra_g%C3%B3tica</a></b></span></div>
<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; line-height: 21.56px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><b style="background-color: white; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; line-height: 21.9375px; text-align: justify; vertical-align: baseline;"><br /></b></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com0tag:blogger.com,1999:blog-2604946353375517196.post-12041490712179490402016-01-10T11:04:00.002-08:002016-01-10T11:04:51.479-08:004.5: ANIMAL TIPOGRÁFICO: DELFÍN<span style="font-family: Arial, Helvetica, sans-serif;">Ejercicio tipográfico creativo cuyo propósito es crear un animal a elegir de cuerpo entero a través de una tipografía con serif:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ4SqIfgh9C_p1wPSrXCJb9QKK2kfYVm-AeqEfE3bnNYKagCVdAcjhRHa1BGRCPIqPZ71u2VG0l9vihiA2atqkXOoi89_5f0__zN7N6-gmlv65sNMO2Dp1aIouB965YZZ6jlYPy3o3zjNC/s1600/animales-acuaticos.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ4SqIfgh9C_p1wPSrXCJb9QKK2kfYVm-AeqEfE3bnNYKagCVdAcjhRHa1BGRCPIqPZ71u2VG0l9vihiA2atqkXOoi89_5f0__zN7N6-gmlv65sNMO2Dp1aIouB965YZZ6jlYPy3o3zjNC/s320/animales-acuaticos.jpg" width="294" /></a></span></div>
Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com0tag:blogger.com,1999:blog-2604946353375517196.post-11812397075618906712016-01-05T11:47:00.001-08:002016-01-05T11:47:30.587-08:004.4: COMPARACIÓN TIPOGRÁFICA: BODONI- GARAMOND<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">Pues tras largo tiempo por fin vuelvo a hacer trabajos :)</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">Entrada dedicada a un ejercicio comparativo de distintas tipografías con <b><i>serif</i></b> las cuales he elegido una letra como la "<b>g</b>" al ser tan significativa o elaborada y ver mejor las distintas características; en este caso me he decantado por las tipografías <b>Bodon</b></span><span style="font-family: Arial, Helvetica, sans-serif;"><b>i</b> y <b>Garamond </b>no se si dicha elección es correcta en cuanto al ejercicio... espero que si las diferencias son las siguientes:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxNpv6EFnT9FRz2cKuhvgubI5f2PoQddr-sBlqPad9vgDZ7bNJhIldq4-aMy6KECobORSruIDonW0_gQBL8WolAy5YbUO4d_PQE7KR5YHZuVBbIVckwOI68SSM3KNl4VHCUDQEMzmPmvJ9/s1600/compracion+tipos.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxNpv6EFnT9FRz2cKuhvgubI5f2PoQddr-sBlqPad9vgDZ7bNJhIldq4-aMy6KECobORSruIDonW0_gQBL8WolAy5YbUO4d_PQE7KR5YHZuVBbIVckwOI68SSM3KNl4VHCUDQEMzmPmvJ9/s1600/compracion+tipos.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">Bodoni:</span></b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></b></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="line-height: 20.8px;"><span style="font-family: Arial, Helvetica, sans-serif;">Tipografía clave dentro del estilo moderno aparecido a finales del siglo XVIII y que supone la culminación de 300 años de evolución de la tipografía romana. Su diseñador, Giambattista Bodoni (Parma, 1740-1813) fue denominado Rey de los Impresores gracias a la exquisita calidad de sus impresos. Los precursores de un estilo similar eran las tipografías de Pierre Simon Fournier y la Didot. Su aparición desplazó a las tipografías antiguas y transicionales gracias al enorme contraste existente entre las líneas finas y gruesas, sus remates delgados y rectos y su apariencia clara y racional. Entre las versiones existentes hoy en día, la más lograda quizás sea la Bauer Bodoni, diseñada en 1926 por Heinrich Jost para la Fundición Bauer. Sus formas son más parecidas a las originales y tienen una elegancia y delicadeza que no tienen las otras versiones. Otros tipógrafos como Morris Fuller Benton (1914-16, para la Ame</span></span><span style="font-family: Arial; font-size: 16px; line-height: 20.8px;">rican Type Founders) o Berthold Staff (1930) también hicieron versiones de la Bodoni.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial; font-size: 16px; line-height: 20.8px;"><b><br /></b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial; font-size: 16px; line-height: 20.8px;"><b>Garamond:</b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial; font-size: 16px; line-height: 20.8px;"><b><br /></b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial; font-size: 16px; line-height: 20.8px;">Una de las tipografías más extendidas e influyentes de la historia y también una de las mejores romanas jamás creadas fue la diseñada por Claude Garamond en el siglo XVI en Francia. Fue votada como la tipografía del milenio en una encuesta celebrada entre profesionales. Existe un perfecto equilibrio entre elegancia y sentido práctico. A pesar de su carácter histórico, la Garamond original solo fue correctamente identificada a mediados del siglo XX. Hasta entonces fueron consideradas como Garamond una serie de tipografías creadas un siglo más tarde. Hoy en día existen muchísimas versiones de esta tipo, algunas con más fortuna que otras. Teniendo en cuenta la exactitud histórica, la versión más lograda sería la creada por la fundición Stempel en 1924, con las romanas y cursivas basadas en los dibujos originales de Garamond. En la versión de Adobe, diseñada por Robert Slimbach, las romanas están sacadas de los punzones de Garamond, del Museo Plantin-Moretus, mientras que las cursivas están sacadas de los tipos de Robert Granjon, un joven grabador de tipos de París. Este estilo de cursivas está influenciado por las itálicas Aldinas y por los estilos caligráficos del momento. Otras versiones de la Garamond están basadas en los tipos diseñados por Jean Jannon, otro tipógrafo francés que nació 19 años después de la muerte de Garamond.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial; font-size: 16px; line-height: 20.8px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial; font-size: 16px; line-height: 20.8px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial; font-size: 16px; line-height: 20.8px;">Fuentes: </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial; font-size: 16px; line-height: 20.8px;"><a href="http://es.letrag.com/tipografia.php?id=10" target="_blank">http://es.letrag.com/tipografia.php?id=10</a></span></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://es.letrag.com/tipografia.php?id=11" target="_blank">http://es.letrag.com/tipografia.php?id=11</a></div>
<br />Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com0tag:blogger.com,1999:blog-2604946353375517196.post-44971538503970543582016-01-03T10:46:00.000-08:002016-01-05T09:11:12.708-08:004.3: INTRODUCCIÓN A LA TIPOMETRÍA:<div style="background-color: white; line-height: 22.4px; margin-bottom: 0.5em; margin-top: 0.5em;">
<span style="color: #252525; font-family: Arial, Helvetica, sans-serif; line-height: 22.4px;">Se llama </span><b style="color: #252525; font-family: Arial, Helvetica, sans-serif; line-height: 22.4px;">tipometría</b><span style="color: #252525; font-family: Arial, Helvetica, sans-serif; line-height: 22.4px;"> </span><span style="color: #252525; font-family: Arial, Helvetica, sans-serif; line-height: 22.4px;">al hecho de medir los</span><b><span style="font-family: Arial, Helvetica, sans-serif; line-height: 22.4px;"> </span><a href="https://es.wikipedia.org/wiki/Tipograf%C3%ADa" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; font-family: Arial, Helvetica, sans-serif; line-height: 22.4px; text-decoration: none;" title="Tipografía"><span style="color: black;">tipos de metal</span></a><span style="font-family: Arial, Helvetica, sans-serif; line-height: 22.4px;"> </span></b><span style="color: #252525; font-family: Arial, Helvetica, sans-serif; line-height: 22.4px;">usados en la</span><span style="color: #252525; font-family: Arial, Helvetica, sans-serif; line-height: 22.4px;"> </span><b style="color: #252525; font-family: Arial, Helvetica, sans-serif; line-height: 22.4px;">Composición Tipográfica Manual</b><span style="color: #252525; font-family: Arial, Helvetica, sans-serif; line-height: 22.4px;"> </span><span style="color: #252525; font-family: Arial, Helvetica, sans-serif; line-height: 22.4px;">que se realizaba mediante letras de metal tipográfico. Por extensión, de forma errónea, se utiliza en la actualidad para medir todo lo relacionado con la tipografía </span><span style="color: #252525; font-family: Arial, Helvetica, sans-serif; line-height: 22.4px;">, aunque ésta sea en soporte digital o su impronta en papel.</span></div>
<div style="background-color: white; color: #252525; line-height: 22.4px; margin-bottom: 0.5em; margin-top: 0.5em;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLDizFX-htmod520imtzYY-69Xrm2punx74H5iOmbY6T8-jKLG9BN6-E3UAy5DLhcnh33vLbn0OwzqqB280Zye7i8kuOT_dLtwMuNE0XzJpOfUpl7qVHLblwYO3zWdiM41BOkOOgBbZVXc/s1600/220px-Metal_type_kerning_dimensions_es.svg+%25281%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="257" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLDizFX-htmod520imtzYY-69Xrm2punx74H5iOmbY6T8-jKLG9BN6-E3UAy5DLhcnh33vLbn0OwzqqB280Zye7i8kuOT_dLtwMuNE0XzJpOfUpl7qVHLblwYO3zWdiM41BOkOOgBbZVXc/s320/220px-Metal_type_kerning_dimensions_es.svg+%25281%2529.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="background-color: white; color: #252525; line-height: 22.4px; margin-bottom: 0.5em; margin-top: 0.5em;">
<span style="font-family: Arial, Helvetica, sans-serif;">Esta forma de medida se basa en los antiguos sistemas de medida duodecimales, pero que en función de la zona geográfica o histórica toman como referencia de partida medidas diferentes.</span></div>
<div style="background-color: white; color: #252525; line-height: 22.4px; margin-bottom: 0.5em; margin-top: 0.5em;">
<span style="font-family: Arial, Helvetica, sans-serif;">En la actualidad el sistema más utilizado es el llamado anglo-americano, basado en la pulgada americana (2,54 mm).</span></div>
<div style="background-color: white; line-height: 22.4px; margin-bottom: 0.5em; margin-top: 0.5em;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #252525;">La unidad mínima se conoce por </span><b><a href="https://es.wikipedia.org/wiki/Punto_tipogr%C3%A1fico" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; text-decoration: none;" title="Punto tipográfico"><span style="color: black;">punto</span></a><span style="color: #252525;">,</span></b><span style="color: #252525;"> y en el caso del sistema anglo-americano, equivale a 0,352 milímetros.</span></span></div>
<div style="background-color: white; margin-bottom: 0.5em; margin-top: 0.5em;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #252525;"><span style="line-height: 22.4px;">Cada 12 puntos de pica establecen la unidad de medida conocida por</span></span><b style="color: #252525; line-height: 22.4px;"> pica</b><span style="color: #252525;"><span style="line-height: 22.4px;"> o</span></span><b><span style="color: #252525;"><span style="line-height: 22.4px;"> cícero.</span></span></b></span></div>
<div style="background-color: white; line-height: 22.4px; margin-bottom: 0.5em; margin-top: 0.5em;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #252525;">Su implementación en la </span><a href="https://es.wikipedia.org/wiki/Imprenta" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; text-decoration: none;" title="Imprenta"><span style="color: black;"><b>imprenta</b></span></a><span style="color: #252525;"> permitió contar con un sistema de medidas exactas para pequeñas longitudes, dado que su unidad está basada en enteros y no en fracciones decimales, y por lo tanto fue útil para construir formas que requerían su cuenta regular de los elementos que intervenían a la hora de crear una forma tipográfica.</span></span></div>
<div style="background-color: white; line-height: 22.4px; margin-bottom: 0.5em; margin-top: 0.5em;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #252525;"><b>Sistemas de medida:</b></span></span></div>
<div style="color: #333333; line-height: 19.6px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif;">Existen hasta tres sistemas de medida para cada tipo, el Fournier, el Didot (europeo) y el anglosajón.</span></div>
<div style="color: #333333; line-height: 19.6px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif;">Segun Fournier, en 1737 a la unidad de medida la llamó Cícero. un Cícero equivale a 12 puntos. un punto Fournier equivale a 0,35mm</span></div>
<div style="color: #333333; line-height: 19.6px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif;">Didot, en 1760 crea el Cícero Didot, el Cícero Didot equivale a 12 puntos didot. un punto Didot equivale a 0,376mm</span></div>
<div style="color: #333333; line-height: 19.6px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif;">Anglosajón en 1878 crean la pica, que también equivale a 12 puntos pero el punto mide 0,352.( Más utilizado).</span></div>
<div style="color: #333333; line-height: 19.6px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="color: #333333; line-height: 19.6px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b style="background-color: white;">Tipometría en pantalla:</b></span></div>
<div style="color: #333333; line-height: 19.6px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b style="background-color: white;"><br /></b></span></div>
<div style="margin: 0px; outline: none; padding: 0px; text-align: justify;">
<span style="background-color: white;"><span style="color: #333333; font-family: Arial, Helvetica, sans-serif; line-height: 19.6px;"><b>a) </b></span><b style="color: #333333; font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 19.6px;"> </b><span style="font-family: Arial, Helvetica, sans-serif;"><b style="color: #333333; line-height: 19.6px;">Punto PostScrip: </b><span style="color: #333333;"><span style="line-height: 19.6px;">Es la unidad de medida más pequeña utilizada en tipografía y composición de publicaciones a partir de la cual se dimensiona todo lo relacionado con el mundo tipográfico.</span></span></span></span></div>
<div style="background-color: #fafafa; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #333333;"><span style="line-height: 19.6px;"><br /></span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYV7d37v85Rscz9SjG1V4cy75YPTseuZQSik41rVPuQYHEuocvrtiUUdoydZc1uT5d7eU1oa4F4ztRzQduSP1tUWTj4ADoWxEc91uZLbiVq7BKgthrVgMoOC2qHlnoNwJUVumP04avD2qo/s1600/historia_14.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYV7d37v85Rscz9SjG1V4cy75YPTseuZQSik41rVPuQYHEuocvrtiUUdoydZc1uT5d7eU1oa4F4ztRzQduSP1tUWTj4ADoWxEc91uZLbiVq7BKgthrVgMoOC2qHlnoNwJUVumP04avD2qo/s1600/historia_14.gif" /></a></div>
<div style="background-color: #fafafa; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #333333;"><span style="line-height: 19.6px;"><br /></span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaYtlFaKAunKMZFGYRAQGl5pmwmqQUX4QrPXf-aH4TaD8KySyM8vyjlIUEIiaTbaN0B8-ZcIQ4klCU3gi3HIMQYJ3ZCL5qVhdsvgkxG0ytUl0pjKone-t6ChK5U-F19S4kvFIudotcO1de/s1600/postscript_text.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaYtlFaKAunKMZFGYRAQGl5pmwmqQUX4QrPXf-aH4TaD8KySyM8vyjlIUEIiaTbaN0B8-ZcIQ4klCU3gi3HIMQYJ3ZCL5qVhdsvgkxG0ytUl0pjKone-t6ChK5U-F19S4kvFIudotcO1de/s320/postscript_text.png" width="320" /></a></div>
<div style="background-color: #fafafa; color: #333333; line-height: 19.6px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<br /></div>
<div style="color: #333333; line-height: 19.6px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<span style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; line-height: 13.2px; text-align: -webkit-left;">Es aquel que permite el WYSIWYG, se trata que lo que ves en pantalla, imagen</span><br />
<span style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; line-height: 13.2px; text-align: -webkit-left;"><br /></span>
<span style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; line-height: 13.2px; text-align: -webkit-left;">, </span><br />
<div align="LEFT" style="color: #222222; line-height: 13.2px; margin-bottom: 0cm;">
<span style="background-color: white; color: black;"><span style="font-family: Arial, Helvetica, sans-serif;">documento... cuando sea imprimido se verá tal y cual sale en pantalla y no de manera </span></span><br />
<span style="background-color: white; color: black;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span>
<span style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; line-height: 13.2px;">diferentes</span></div>
<div align="LEFT" style="color: #222222; line-height: 13.2px; margin-bottom: 0cm;">
<div style="line-height: 13.2px;">
<span style="background-color: white; color: black;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
</div>
</div>
<div style="background-color: #fafafa; color: #333333; line-height: 19.6px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="line-height: 19.6px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<div style="line-height: 18.2px; text-align: start;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;">El sistema de medida del postcrip es la pulgada, 1 pulgada es equivalente a 2'54 cm, y 1 pulgada es igual a 72 puntos. También 1/72 pulgadas era igual a 1 punto anglosajón (0'352 mm)</span></span></div>
<div>
<span style="background-color: white;"><span style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 18.2px; text-align: start;">En cuanto al </span><b style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 18.2px; text-align: start;">tamaño de las tipos,</b><span style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 18.2px; text-align: start;"> hablando de sistema informático, sería 10 puntos, mientras que el </span><b style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 18.2px; text-align: start;">interlineado</b><span style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 18.2px; text-align: start;"> sería 12 puntos, se considera como la proporción correcta para la maquetación de un texto.</span></span></div>
</div>
<div style="background-color: #fafafa; color: #333333; line-height: 19.6px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="background-color: #fafafa; color: #333333; line-height: 19.6px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Fuentes:</span></div>
<div style="background-color: #fafafa; color: #333333; line-height: 19.6px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://www.desarrolloweb.com/faq/214.php" target="_blank">http://www.desarrolloweb.com/faq/214.php</a></span></div>
<div style="background-color: #fafafa; color: #333333; line-height: 19.6px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://maurogullino.com.ar/tipometria/Medidas_tipograficas_en_la_web.pdf" target="_blank">http://maurogullino.com.ar/tipometria/Medidas_tipograficas_en_la_web.pdf</a></span></div>
<div style="background-color: #fafafa; color: #333333; line-height: 19.6px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><a href="https://es.wikipedia.org/wiki/Tipometr%C3%ADa" target="_blank">https://es.wikipedia.org/wiki/Tipometr%C3%ADa</a></span></div>
<div style="background-color: #fafafa; color: #333333; line-height: 19.6px; margin: 0px; outline: none; padding: 0px; text-align: justify;">
<a href="http://www.unostiposduros.com/fundamentos-de-tipometria/" target="_blank">http://www.unostiposduros.com/fundamentos-de-tipometria/</a></div>
Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com0tag:blogger.com,1999:blog-2604946353375517196.post-71429793521797017462015-12-31T10:33:00.002-08:002015-12-31T10:33:49.580-08:004.2: LAS FUENTES TIPOGRÁFICAS:<div style="background-color: white; line-height: 1.4; margin-top: 1ex; max-width: 55em; padding-bottom: 0px; padding-top: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Introducción:</b></span></div>
<div style="background-color: white; line-height: 1.4; margin-top: 1ex; max-width: 55em; padding-bottom: 0px; padding-top: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">En tipografía, una <b>fuente</b> tradicionalmente ha sido un conjunto completo de tipos o caracteres de un determinado tamaño (cuerpo) y un diseño específico (familia). Por ejemplo, el conjunto completo de todos los caracteres de Times a 9 puntos se llama <i style="margin-right: 0.02em;">fuente</i> y la Times de 10 puntos sería otra fuente independiente, pero parte de la misma familia. (La palabra tipo se aplica tanto a los caracteres individuales como a las clases de letras o familias.)</span></div>
<div style="background-color: white; line-height: 1.4; margin-top: 1ex; max-width: 55em; padding-bottom: 0px; padding-top: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">A partir de alrededor de 1980, con la introducción de fuentes informáticas, los diferentes tamaños de un solo estilo, que eran fuentes independientes en los tipos de metal, se generan a partir de una fuente informática, porque las formas vectoriales se pueden cambiar de tamaño libremente. No obstante, algunos tipos de letras se suministran en varias fuentes de diferentes tamaños.</span></div>
<div style="background-color: white; line-height: 1.4; margin-top: 1ex; max-width: 55em; padding-bottom: 0px; padding-top: 0px;">
<b style="font-family: Arial, Helvetica, sans-serif; line-height: 1.4;"><br /></b></div>
<div style="background-color: white; line-height: 1.4; margin-top: 1ex; max-width: 55em; padding-bottom: 0px; padding-top: 0px;">
<b style="font-family: Arial, Helvetica, sans-serif; line-height: 1.4;">Glifos:</b><span style="background-color: transparent; font-family: Arial, Helvetica, sans-serif; line-height: 1.4;"> </span></div>
<div style="margin-top: 1ex; max-width: 55em; padding-bottom: 0px; padding-top: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white;"><span style="line-height: 1.4;">Son todas las variantes de un </span><span style="line-height: 24.8889px;">carácter</span><span style="line-height: 1.4;"> que componen las fuentes tipográficas disponibles. U</span></span></span><span style="background-color: white; line-height: 19.6px; text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">n glifo es una realización concreta de un carácter, de un número, de un símbolo decorativo o matemático.</span></span><span style="background-color: white; line-height: 18.2px;"><span style="font-family: Arial, Helvetica, sans-serif;">En una misma fuente, una misma letra, tiene varias variaciones o varios glifos y por lo tanto hay que tenerlo muy en cuenta.</span></span></div>
<div style="margin-top: 1ex; max-width: 55em; padding-bottom: 0px; padding-top: 0px;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPm-P8wHLgJR9tAJ_XySeUusoJT0xn_FLS2xsIsQL_OeCwAQI9oQ9hoKvJ25LGBYWqpXaNw57bl_2FQK6PmnaJeWHBoqbtxMCnYnVPJqJWNDWqbGF0TDEGueQ28jizT_pqP9nsdkUf8ElK/s1600/glifos.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="345" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPm-P8wHLgJR9tAJ_XySeUusoJT0xn_FLS2xsIsQL_OeCwAQI9oQ9hoKvJ25LGBYWqpXaNw57bl_2FQK6PmnaJeWHBoqbtxMCnYnVPJqJWNDWqbGF0TDEGueQ28jizT_pqP9nsdkUf8ElK/s400/glifos.gif" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">Letras:</span></b></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; line-height: 19.6px; text-align: justify;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; line-height: 19.6px; text-align: justify;">Tenemos múltiples variantes de una letra, la cursiva, negrita, la redonda, la fina, la expandida... es lo que se denominan estilos básicos en la composición tipográfica</span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; color: #333333; line-height: 19.6px; text-align: justify;">. </span><span style="background-color: white;"><span style="line-height: 19.6px; text-align: justify;">N</span><span style="line-height: 19.6px; text-align: justify;">o todas las familias disponen de estos estilos, algunas carecen de alguno o tienen añaden algún otro como las versalitas.</span></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Negrita: </b><span style="background-color: white;"><span style="line-height: 22.4px;">En tipografía</span><span style="line-height: 22.4px;">, la negrita</span><span style="line-height: 22.4px;"> es un estilo tipográfico en el que los caracteres</span><span style="line-height: 22.4px;"> tienen un trazo</span><span style="line-height: 22.4px;"> más grueso (en comparación con los caracteres de tipografía normal del mismo tamaño). Es empleada principalmente para que sobresalga o dé énfasis a una parte del texto.</span></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white;"><span style="line-height: 22.4px;"><br /></span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitn0Q594upMJwkDoeDZhqulHJJ5qp2HBd2rknXQZRAg7cmyD0tA3FCS8_DGLH69wf-TPWEPn1dfc2WYj32uUFcj3VRFgDgkWuilOCr_gz-vsWvpdvZWmywLcbSWJoBnfEvkWf4w-87QZxA/s1600/tipo-3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitn0Q594upMJwkDoeDZhqulHJJ5qp2HBd2rknXQZRAg7cmyD0tA3FCS8_DGLH69wf-TPWEPn1dfc2WYj32uUFcj3VRFgDgkWuilOCr_gz-vsWvpdvZWmywLcbSWJoBnfEvkWf4w-87QZxA/s1600/tipo-3.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white;"><span style="line-height: 22.4px;"><br /></span></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white;"><span style="line-height: 22.4px;"><br /></span></span></span></div>
<div style="margin-top: 1ex; max-width: 55em; padding-bottom: 0px; padding-top: 0px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 19.6px;"><b>Versalita:</b></span></span><span style="background-color: white; color: #252525; font-family: sans-serif; font-size: 14px; line-height: 22.4px;"> </span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; color: #252525; line-height: 22.4px;">se refiere a una variación de cualquier tipo de letra</span><span style="background-color: white; color: #252525; line-height: 22.4px;">, específicamente a una tipografía</span><span style="background-color: white; color: #252525; line-height: 22.4px;"> </span><span style="background-color: white; color: #252525; line-height: 22.4px;">de letras </span><span style="background-color: white;"><span style="color: #252525;"><span style="line-height: 22.4px;">mayúsculas </span></span></span><span style="background-color: white; color: #252525; line-height: 22.4px;">cuyo tamaño es similar al de las </span><span style="background-color: white;"><span style="color: #252525;"><span style="line-height: 22.4px;">minúsculas, con proporciones ligeramente distintas.</span></span></span></span></div>
<div style="background-color: white; margin-bottom: 0.5em; margin-top: 0.5em;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #252525;"><span style="line-height: 22.4px;">El nombre es el diminutivo de la palabra «versal», en referencia a las letras mayúsculas, porque con caracteres de estas dimensiones y formas inician los versos.</span></span></span></div>
<div style="background-color: white; margin-bottom: 0.5em; margin-top: 0.5em;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYLJDdfFT4zJqcDvA3VkLBz73n6xhesVwZ0DRQnK7PdTkptk3Bwxc7FxuCjTbwMA7YhGhIjaVu32zcdJ7hQo5P9swmVer-VH9BPd5ywQjZLU6_dF1qdfeENuySkLQ9z6fv_f34svS0U4sj/s1600/T06A_06-versalitas1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYLJDdfFT4zJqcDvA3VkLBz73n6xhesVwZ0DRQnK7PdTkptk3Bwxc7FxuCjTbwMA7YhGhIjaVu32zcdJ7hQo5P9swmVer-VH9BPd5ywQjZLU6_dF1qdfeENuySkLQ9z6fv_f34svS0U4sj/s400/T06A_06-versalitas1.jpg" width="400" /></a></div>
<div style="background-color: white; margin-bottom: 0.5em; margin-top: 0.5em;">
<br /></div>
<div style="background-color: white; color: #252525; line-height: 22.4px; margin-bottom: 0.5em; margin-top: 0.5em;">
<span style="font-family: Arial, Helvetica, sans-serif;">Típicamente la elevación de una versalita es la de una altura x igual a la usada en la mayoría de las letras minúsculas. Una versalita debe poseer el mismo grosor de trazo que el de una mayúscula.</span></div>
<div style="background-color: white; color: #252525; line-height: 22.4px; margin-bottom: 0.5em; margin-top: 0.5em;">
<span style="font-family: Arial, Helvetica, sans-serif;">En muchos procesadores de texto existe la opción de usar versalitas (conocidas en inglés como <i>small caps</i>), que modifica el texto, deja las letras mayúsculas como tales y cambia a versalitas las minúsculas.</span></div>
<div style="background-color: white; color: #252525; margin-bottom: 0.5em; margin-top: 0.5em;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b style="line-height: 22.4px;">Cursiva: </b><span style="line-height: 22.4px;">L</span><span style="line-height: 22.4px;">a</span><span style="line-height: 22.4px;"> </span><b style="line-height: 22.4px;">letra cursiva</b><span style="line-height: 22.4px;"> </span><span style="line-height: 22.4px;">(o</span><span style="line-height: 22.4px;"> </span><b style="line-height: 22.4px;">letra de carta</b><span style="line-height: 22.4px;"> </span><span style="line-height: 22.4px;">o</span><span style="line-height: 22.4px;"> </span><b style="line-height: 22.4px;">letra manuscrita</b><span style="line-height: 22.4px;">, como se conoce en algunos países hispanoamericanos)</span><span style="font-size: 13.3333px; line-height: 13.3333px;"> </span><span style="line-height: 22.4px;"> </span><span style="line-height: 22.4px;">es un estilo de escritura</span><span style="line-height: 22.4px;"> </span><span style="line-height: 22.4px;">cuyas características más comunes son la inclinación de sus</span><span style="line-height: 22.4px;"> letras </span><span style="line-height: 22.4px;">y, aunque no necesariamente, la concatenación de las mismas en una palabras</span><span style="line-height: 22.4px;">. Este estilo permite escribir manualmente con una mayor velocidad.</span></span></div>
<div style="background-color: white; color: #252525; line-height: 22.4px; margin-bottom: 0.5em; margin-top: 0.5em;">
<span style="font-family: Arial, Helvetica, sans-serif;">Por extensión, se llama <b>cursiva</b> (también <b>itálica</b> o <b>bastardilla</b>) a todo tipo de letra inclinada.</span></div>
<div style="line-height: 1.4; margin-top: 1ex; max-width: 55em; padding-bottom: 0px; padding-top: 0px;">
<span style="background-color: white; line-height: 19.6px; text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"></span></span></div>
<div style="line-height: 1.4; margin-top: 1ex; max-width: 55em; padding-bottom: 0px; padding-top: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 19.6px; text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></span></div>
<div style="line-height: 1.4; margin-top: 1ex; max-width: 55em; padding-bottom: 0px; padding-top: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 19.6px; text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqbaiRHEwJK34MUahpYtg-ebD-HZf80XbWuZ0lnfvhfM_jvSaR20jo7rJT-NFZ8byoDqJDuyi1AfFsYIaRf3vATTquFcGPrRbBJ1Qgk942d9kBkZa3RjWlSx2g2GsFWCexk_MV2_b-fwYv/s1600/es_20071227_1_5024376_captured.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqbaiRHEwJK34MUahpYtg-ebD-HZf80XbWuZ0lnfvhfM_jvSaR20jo7rJT-NFZ8byoDqJDuyi1AfFsYIaRf3vATTquFcGPrRbBJ1Qgk942d9kBkZa3RjWlSx2g2GsFWCexk_MV2_b-fwYv/s320/es_20071227_1_5024376_captured.jpg" width="320" /></a></span></div>
<div style="line-height: 1.4; margin-top: 1ex; max-width: 55em; padding-bottom: 0px; padding-top: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<div style="background-color: white; line-height: 25.6px; padding: 1em 0px 0.5em;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Numerales:</b>El caso es que, como en las demás letras, en los números existen las mayúsculas y las minúsculas. Desgraciadamente, no muchas tipografías contemplan las dos opciones, de modo que es importante seleccionar bien la fuente según nuestras necesidades.</span></div>
<div style="background-color: white; line-height: 25.6px; padding: 1em 0px 0.5em;">
<span style="font-family: Arial, Helvetica, sans-serif;">- <strong>Los números mayúsculos</strong> (o de caja alta) son aquellos que se alinean con las mayúsculas de la tipografía. No tienen descendentes por debajo de la línea de base.</span></div>
<div style="background-color: white; line-height: 25.6px; padding: 1em 0px 0.5em;">
<span style="font-family: Arial, Helvetica, sans-serif;">- <strong>Los números minúsculos</strong> (o de caja baja) son aquellos que se alinean con las minúsculas de la tipografía. Tienen ascendentes y descendentes, igual que una “d” o una “g” minúsculas, por lo que no parecen estar bien alineadas entre sí.</span></div>
<div style="background-color: white; line-height: 25.6px; padding: 1em 0px 0.5em;">
<span style="font-family: Arial, Helvetica, sans-serif;">Se ve mejor en este ejemplo. La tipografía superior es la Fontana Nd Aa Osf, que tiene números en minúsculas. La inferior es una Futura Std Book, que tiene los números en mayúsculas.</span></div>
<div style="background-color: white; line-height: 25.6px; margin: 0px; padding: 0px; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><img alt="Diferencia entre numeros mayusculos y minusculos" src="http://farm7.static.flickr.com/6029/5922682730_098e10e8cf_o.jpg" style="border: 0px; max-width: 490px; padding: 2px;" title="Diferencia entre numeros mayusculos y minusculos" /></span></div>
<div style="background-color: white; line-height: 25.6px; padding: 1em 0px 0.5em;">
<span style="font-family: Arial, Helvetica, sans-serif;">Aunque visualmente estemos más acostumbrados a los mayúsculos, la existencia de números minúsculos tiene su razón de ser. Como se ve en la siguiente imagen, <strong>los números mayúsculos “pesan” mucho visualmente</strong> cuando estamos escribiendo en minúsculas; mucho más si en un párrafo de unas pocas líneas tenemos cuatro o cinco cifras de varios dígitos. En esos casos, los números minúsculos nos ayudarán a que las cifras se integren correctamente en nuestros textos, sin romper la uniformidad de los renglones:</span></div>
<div style="background-color: white; line-height: 25.6px; padding: 1em 0px 0.5em;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Signos de puntuación: </b>Existen diferentes signos de puntuación de lo cuales hay varios tipos:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcEzG0GojXVbZJ3vI7UHH79Tgx76XtRaRAb9UQ0SIbzIxWpcOf027z71kGBUmfcYdkBo5J74QU3jdRa_Yoit6f44oEcVIsPpJ4t8dXjtDu4eR3ENwqPuKNvvcVsKGbBcNRiHDHVZWuUbil/s1600/uso-de-las-comillas-alexia-3-638.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcEzG0GojXVbZJ3vI7UHH79Tgx76XtRaRAb9UQ0SIbzIxWpcOf027z71kGBUmfcYdkBo5J74QU3jdRa_Yoit6f44oEcVIsPpJ4t8dXjtDu4eR3ENwqPuKNvvcVsKGbBcNRiHDHVZWuUbil/s320/uso-de-las-comillas-alexia-3-638.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfA7tUgS1zCJKke_EI3CxzYYZbERtl4r2jYOJsjk8gWrFuPltVwSG4N-SgegGQOYZTfKF0uHlpz-QtFddlLAfIsHQz9X7TmTVQopG6rlMdUm3YcqVQye2rgOr_1UbMTcjFWci4PfDVrOpl/s1600/comillas.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="115" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfA7tUgS1zCJKke_EI3CxzYYZbERtl4r2jYOJsjk8gWrFuPltVwSG4N-SgegGQOYZTfKF0uHlpz-QtFddlLAfIsHQz9X7TmTVQopG6rlMdUm3YcqVQye2rgOr_1UbMTcjFWci4PfDVrOpl/s320/comillas.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 28.288px;"> </span><span style="background-color: white; line-height: 28.288px;">Las comillas son signos lingüísticos, lo mismo que el corchete [], el paréntesis (), las rayas – y guiones -, etc. Existen diferentes tipos: las comillas angulares, también llamadas latinas, españolas o francesas (« »), las inglesas (“ ”) y las simples (‘ ’).</span></span></div>
<div style="line-height: 25.6px; padding: 1em 0px 0.5em;">
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif;"><b>Caracteres misceláneos: </b></span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 25.6px;"><span class="hvr" style="box-sizing: inherit; line-height: 19.5px;">Que</span><span style="line-height: 19.5px;"> </span><span style="line-height: 19.5px;"></span><span class="hvr" style="box-sizing: inherit; line-height: 19.5px;">está</span><span style="line-height: 19.5px;"> </span><span style="line-height: 19.5px;"></span><span class="hvr" style="box-sizing: inherit; line-height: 19.5px;">compuesto</span><span style="line-height: 19.5px;"> </span><span style="line-height: 19.5px;"></span><span class="hvr" style="box-sizing: inherit; line-height: 19.5px;">por</span><span style="line-height: 19.5px;"> </span><span style="line-height: 19.5px;"></span><span class="hvr" style="box-sizing: inherit; line-height: 19.5px;">varias</span><span style="line-height: 19.5px;"> </span><span style="line-height: 19.5px;"></span><span class="hvr" style="box-sizing: inherit; line-height: 19.5px;">cosas</span><span style="line-height: 19.5px;"> </span><span style="line-height: 19.5px;"></span><span class="hvr" style="box-sizing: inherit; line-height: 19.5px;">distintas</span><span style="line-height: 19.5px;"> </span><span style="line-height: 19.5px;"></span><span style="line-height: 19.5px;">o</span><span style="line-height: 19.5px;"> </span><span style="line-height: 19.5px;"></span><span style="line-height: 19.5px;">de</span><span style="line-height: 19.5px;"> </span><span style="line-height: 19.5px;"></span><span class="hvr" style="box-sizing: inherit; line-height: 19.5px;">géneros diferentes. </span></span><span style="background-color: white; line-height: 18.4px;"><span style="font-family: Arial, Helvetica, sans-serif;">Es algo mixto y variado, y a veces ambiguo. Un ejemplo son los subrayados, las composiciones de tablas, etc. Algunas fuentes tipográficas están realizadas solamente para este uso, y una de ellas es Fella Parts, de Emigre, que cuenta con muchísimas alternativas de éste tipo.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTojziDnKcrn9PsylcK3VcQHqvS7YTaSUkKmrq7IgOURjJgyEjalQVySVjshAXnvKdKp8PmOmyJWNC3LUxGh4-4vfDlMbZYczR4VIZ7r6t5TeuihlNxIoEItaZisqSWhyphenhyphenULOtaSXPoSp9u/s1600/simbolos-signos-varios-windows.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="91" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTojziDnKcrn9PsylcK3VcQHqvS7YTaSUkKmrq7IgOURjJgyEjalQVySVjshAXnvKdKp8PmOmyJWNC3LUxGh4-4vfDlMbZYczR4VIZ7r6t5TeuihlNxIoEItaZisqSWhyphenhyphenULOtaSXPoSp9u/s320/simbolos-signos-varios-windows.jpeg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUcepjzJ0-JLTLSmZLcvxpuNuaQjk1_R7lQamQHR4WxGSL3Ng7LyPi8y6LKPvQ-TsHAJXfL0FaVw8Tzr8q3Dj_k_KwUlOjmUxlm3WF1Lmoe-N90BT2e2JsJj4TzuH-Wd2jzS4Sz1aNHowc/s1600/simbolos-signos-miscelaneos-windows.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="91" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUcepjzJ0-JLTLSmZLcvxpuNuaQjk1_R7lQamQHR4WxGSL3Ng7LyPi8y6LKPvQ-TsHAJXfL0FaVw8Tzr8q3Dj_k_KwUlOjmUxlm3WF1Lmoe-N90BT2e2JsJj4TzuH-Wd2jzS4Sz1aNHowc/s320/simbolos-signos-miscelaneos-windows.jpeg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="line-height: 25.6px; padding: 1em 0px 0.5em;">
<span style="background-color: white; line-height: 18.4px;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Ornamentos Dingbats: </b></span></span><span style="background-color: white; line-height: 20.8px;"><span style="font-family: Arial, Helvetica, sans-serif;">Dingfonts y Dingbats son dos términos utilizados en la industria de la computación para describir las fuentes que tienen dibujos en forma de letras y dibujos de símbolos y otras formas, respectivamente, en lugar de los caracteres alfabéticos o numéricos tradicionales. Y Caps-Fontbats, letras capitulares y letras especiales construidas con dibujos o que los incluyen.</span></span><br />
<span style="background-color: white; line-height: 20.8px;"><span style="font-family: Arial, Helvetica, sans-serif;">En 1880, un dingbat era un ornamento o un espaciador usado en la composición tipográfica. Algunos fabricantes llaman a tales colecciones Wingdings.</span></span></div>
<div style="line-height: 25.6px; padding: 1em 0px 0.5em;">
<span style="background-color: white; line-height: 20.8px;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6pdflV54Ni9FkLOr75vLR0P-lxB1e-AsCZFZ1ROAoyxScNMwgm6wWaOlstX9QRKeAwaCMO711Ii2hb6SSrZfgctZXqI9CSmFIM7nnFQEpBy0i2n72jJkXMKAQXTb4VQHe5BB4sUCXnotu/s1600/GretelDingbats.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6pdflV54Ni9FkLOr75vLR0P-lxB1e-AsCZFZ1ROAoyxScNMwgm6wWaOlstX9QRKeAwaCMO711Ii2hb6SSrZfgctZXqI9CSmFIM7nnFQEpBy0i2n72jJkXMKAQXTb4VQHe5BB4sUCXnotu/s320/GretelDingbats.gif" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Estilos de fuentes: </b>Existen diferentes agrupaciones o tipos<span style="line-height: 1.4;">:</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="line-height: 1.4;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAC7Zobz6P-hNIXcROcxOCx_fcOIpwXyLchcm_rB_iQ6wM5exlu47gYboSvfsyJk0ZpuyWPAjW942yEwvddIkJnktBbgcNFqp3MzkfG-O-jrgQTnmqxqDG-G-PNsVs3pbzna_HPOrQE_P0/s1600/word-letras-y-estilo-de-fuentes_21670_2_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAC7Zobz6P-hNIXcROcxOCx_fcOIpwXyLchcm_rB_iQ6wM5exlu47gYboSvfsyJk0ZpuyWPAjW942yEwvddIkJnktBbgcNFqp3MzkfG-O-jrgQTnmqxqDG-G-PNsVs3pbzna_HPOrQE_P0/s320/word-letras-y-estilo-de-fuentes_21670_2_3.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: Arial, Helvetica, sans-serif;">Extra blanca,</span></span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18.2px;">Blanca,</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18.2px;">Regular,</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18.2px;">Extra negra,</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18.2px;">Condensadas,</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18.2px;">Regular,</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18.2px;">Expandidas.</span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<span style="font-family: Arial, Helvetica, sans-serif;">FUENTES:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://graffica.info/ortotipografia-empacho-de-comillas-una-cuestion-de-estilo/" target="_blank">http://graffica.info/ortotipografia-empacho-de-comillas-una-cuestion-de-estilo/</a></span><br />
<div style="line-height: 1.4; margin-top: 1ex; max-width: 55em; padding-bottom: 0px; padding-top: 0px;">
<span style="background-color: white; line-height: 19.6px; text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><a href="https://es.wikipedia.org/wiki/Cursiva" target="_blank">https://es.wikipedia.org/wiki/Cursiva</a>:</span></span></div>
<div style="line-height: 1.4; margin-top: 1ex; max-width: 55em; padding-bottom: 0px; padding-top: 0px;">
<a href="https://es.wikipedia.org/wiki/Negrita" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 19.6px; text-align: justify;" target="_blank">https://es.wikipedia.org/wiki/Negrita</a></div>
<div style="line-height: 1.4; margin-top: 1ex; max-width: 55em; padding-bottom: 0px; padding-top: 0px;">
<a href="https://es.wikipedia.org/wiki/Versalita" target="_blank">https://es.wikipedia.org/wiki/Versalita</a><br />
<a href="http://www.obaku.es/zenblog/07/2011/maquetacion-de-balances-y-numeros/" target="_blank">http://www.obaku.es/zenblog/07/2011/maquetacion-de-balances-y-numeros/</a></div>
Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com0tag:blogger.com,1999:blog-2604946353375517196.post-81052634536856218342015-12-27T11:56:00.000-08:002015-12-27T12:00:20.102-08:004.1: ANATOMÍA DEL TIPO Y TIPOMETRÍA:<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white;">Bueno, pues este apartado consta principalmente de las partes que componen los caracteres de la tipografía y la definición de cada uno de ellos:</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieG0bFgrd9kNUPC8aIc3m5h96jcjY6C5nG7wZenxmzGPf3rD5LRg2AMiHxBa0Wb3t_KTRj8rcu-N4vz6EkN7JEzlhAUvwZoyc20-LFaJbjLLxypZdPVbTxMeB3bFBR_eqreQcEYOXx-0zg/s1600/anatomia-001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieG0bFgrd9kNUPC8aIc3m5h96jcjY6C5nG7wZenxmzGPf3rD5LRg2AMiHxBa0Wb3t_KTRj8rcu-N4vz6EkN7JEzlhAUvwZoyc20-LFaJbjLLxypZdPVbTxMeB3bFBR_eqreQcEYOXx-0zg/s320/anatomia-001.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfmOAQSS21WykJjhGJFVJoHLLii1YgoSq2YDKGLax_Ks6nFUr_n2PhOK05AfpczpHJrW_C2U_AIHVGLRm4DXQKjlcfaSqil9vpAH5JxHwzX3GvNUmLMD3YDFpu70K-Qm3nkV1JHGOX4_5k/s1600/tipografia_anatomia-de-la-letra_partes-de-un-tipo_marianaeguaras-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="144" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfmOAQSS21WykJjhGJFVJoHLLii1YgoSq2YDKGLax_Ks6nFUr_n2PhOK05AfpczpHJrW_C2U_AIHVGLRm4DXQKjlcfaSqil9vpAH5JxHwzX3GvNUmLMD3YDFpu70K-Qm3nkV1JHGOX4_5k/s320/tipografia_anatomia-de-la-letra_partes-de-un-tipo_marianaeguaras-1.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Ápice:</b> Unión de dos astas en la parte superior de la letra.</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Apófige (apophyge) : </b>Pequeño trazo curvo que enlaza el asta vertical con los terminales o remates.</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Asta: </b>Rasgo principal de la letra que define su forma esencial. Sin ella, la letra no existiría.</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Asta ascendente:</b> Asta de la letra que sobresale por encima de la altura de la «X» .</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Asta descendente:</b> Asta de la letra que queda por debajo de la línea de base.</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Asta ondulada o espina:</b> Rasgo principal de la «S» o la «s».</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Perfil, filete o barra (crossbar) : </b>Línea horizontal entre verticales, diagonales o curvas.</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Brazo (arm) :</b> Trazo horizontal o diagonal que surge de un asta vertical.</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Bucle o panza (loop) :</b> Trazo curvo que encierra una contraforma.</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Cola (tail) :</b> Prolongación inferior de algunos rasgos.</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Contraforma o contrapunzón (interior counterform) :</b> Espacio interno de una letra total o parcialmente encerrado.</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Cruz o travesaño (cross) : </b>Trazo horizontal que cruza por algún punto del asta principal</span></span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em;">.</span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em;"><br /></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Cuello (link/neck) :</b> Trazo que une la cabeza con la cola de la «s».</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Espolón :</b> Extensión que articula la unión de un trazo curvo con otro recto.</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Gota, lágrima o botón (hook) :</b> Final de un trazo que no termina en una gracia o remate, sino con una forma redondeada.</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Hombro o arco (shoulder) :</b> Trazo curvo que sale del asta principal de algunas letras sin acabar cerrándose.</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Lazo : </b>Trazo que une la curva con el asta principal.</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Ojal :</b> Bucle creado en el descendente de la «g» de caja baja.</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Oreja (ear) : </b>Pequeño trazo situado en la cabeza de la «g» de caja baja.</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Pata (leg) :</b> Trazo diagonal que sirve de apoyo a algunas letras.</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Serif, remate o gracia (terminal) :</b> Trazo terminal de un asta, brazo o cola. Es un resalte ornamental que no es indispensable para la definición del carácter, habiendo alfabetos que carecen de ellos (sans serif).</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Uña o gancho (elbow) :</b> Final de un trazo que no termina en remate, sino con una pequeña proyección de un trazo.</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Vértice (vertex) : </b>Punto exterior de encuentro entre dos trazos en la parte inferior de la letra.</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
</div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Virgulilla :</b> trazo curvo que caracteriza a la «ñ» y la «Ñ» y la diferencia de la «N».</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;">FUENTES:</span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><span style="font-family: Arial, Helvetica, sans-serif;"><a href="https://www.google.es/search?q=anatomia+del+tipo&newwindow=1&source=lnms&tbm=isch&sa=X&ved=0ahUKEwick-OD5vzJAhWH1BoKHbYOBsgQ_AUIBygB&biw=1097&bih=541#imgrc=25_LsgBsFgcHRM%3A" target="_blank">https://www.google.es/search?q=anatomia+del+tipo&newwindow=1&source=lnms&tbm=isch&sa=X&ved=0ahUKEwick-OD5vzJAhWH1BoKHbYOBsgQ_AUIBygB&biw=1097&bih=541#imgrc=25_LsgBsFgcHRM%3A</a></span></span></div>
<div style="border: 0px; line-height: 1.5em; text-align: justify !important; vertical-align: baseline;">
<span style="background-color: white;"><a href="http://www.oert.org/en/typographic-anatomy/" target="_blank">http://www.oert.org/en/typographic-anatomy/</a></span></div>
Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com0tag:blogger.com,1999:blog-2604946353375517196.post-62977802455944052092015-12-02T09:36:00.004-08:002015-12-02T09:36:46.211-08:00TEMA 3: PABLO IMPALLARI DISEÑADOR LETTERING:<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC-1Nt3ndWHQPdp37LKwXOaoXB6dVrwut7k0cTAr8jRe6U38_wdZQxFxH-f0WCuyoyi-34RmlSl2zG1VOt9LbQ8gLilA5oUfJOOcVF-tm71EHec39-EH4czJgx39ErRmlL3a4NnQ2pEuNp/s1600/Entrevista+a+Pablo+Impallari.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC-1Nt3ndWHQPdp37LKwXOaoXB6dVrwut7k0cTAr8jRe6U38_wdZQxFxH-f0WCuyoyi-34RmlSl2zG1VOt9LbQ8gLilA5oUfJOOcVF-tm71EHec39-EH4czJgx39ErRmlL3a4NnQ2pEuNp/s400/Entrevista+a+Pablo+Impallari.jpg" width="400" /></a></div>
<br />
<br />
<span style="background-color: white; line-height: 31.5px; text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Durante más de 10 años se dedicó a a la programación en Php, MySql, Css y ese tipo de cosas, pero llegó un punto en que se aburría y no lo quiso hacer más.</span></span><br />
<span style="background-color: white; line-height: 31.5px; text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span>
<span style="background-color: white; line-height: 30.4px;"><span style="font-family: Arial, Helvetica, sans-serif;">Pablo Impallari es un diseñador de tipos argentino que crea fuentes de código abierto en su mayoría que luego se ofrecen por ejemplo, sobre las fuentes de Google. </span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Tambien se dedica al lettering digital en su totalidad en cuanto a esta actividad.</span><br />
<br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;">Palabras de Pablo:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIvM-gUNbhDqQ0sBRi70z9dLRy3Vji8ARuzYx_v1zcMjjnKIZbJ73iQGJvAeivCXmcVu1U3j1QxrPQkvnp_8y-ROdJD_LYOXnyyPkB28RSB2oOYP5CqRq5BFm6ExQ2_2DjCyeYSnIA8rmj/s1600/lobster.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIvM-gUNbhDqQ0sBRi70z9dLRy3Vji8ARuzYx_v1zcMjjnKIZbJ73iQGJvAeivCXmcVu1U3j1QxrPQkvnp_8y-ROdJD_LYOXnyyPkB28RSB2oOYP5CqRq5BFm6ExQ2_2DjCyeYSnIA8rmj/s320/lobster.png" style="cursor: move;" width="320" /></span></a><span style="background-color: white; color: #212121; line-height: 24px; white-space: pre-wrap;"><span style="font-family: Arial, Helvetica, sans-serif;">Estoy totalmente enamorado de las</span></span><br />
<span style="background-color: white; color: #212121; line-height: 24px; white-space: pre-wrap;"><span style="font-family: Arial, Helvetica, sans-serif;">tipografías.</span></span><br />
<pre class="tw-data-text vk_txt tw-ta tw-text-small" data-fulltext="" data-placeholder="Traducción" dir="ltr" id="tw-target-text" style="background-color: white; border: none; color: #212121; height: 792px; line-height: 24px !important; overflow: hidden; padding: 0px 0.14em 0px 0px; position: relative; resize: none; unicode-bidi: -webkit-isolate; white-space: pre-wrap; width: 237.5px; word-wrap: break-word;"><span lang="es"><span style="font-family: Arial, Helvetica, sans-serif;"><div style="text-align: left;">
<span style="line-height: 24px;">Puedo pasar todo el día buscando y aprendiendo acerca de los tipos de letra , llas viejas y uevas fuentes.</span></div>
<div style="text-align: left;">
<span style="line-height: 24px;">Ellas están llenas de pequeños detalles pequeños , que pueden pasar desapercibidos si no estás mirando de cerca .</span></div>
Pero estos pequeños detalles son lo que más importa .
<div style="text-align: left;">
<span style="line-height: 24px;">Soy un autodidacta diseñador de tipos , todavía está aprendiendo a través de libros , blogs , foros y la observación detallada , con la ayuda de amigos y colegas.</span></div>
Creo que los tipos de letra son seres vivos, que siempre siguen evolucionando con el tiempo.
<div style="text-align: left;">
<span style="line-height: 24px;">Incluso si el diseñador original murió hace más de 500 años , los diseñadores contemporáneos empujan sus ideas hacia adelante, la adaptación a los cambios tecnológicos y mantenerse al día con la forma siempre cambiante en que percibimos el alfabeto.</span></div>
<div style="text-align: left;">
<span style="line-height: 24px;">Por el amor de las letras.</span></div>
</span></span></pre>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXMvtPAraUg35lA7ntj5U8665QX6DkslvmPkXSQxhuQDc8ecR8J-mHg-Y5AVrYwSAslxQulUHGGWXylhERk4GyyvHGcpeL-heyUG70o7s1tDH64MIg2OSB_e_eF5R2hC4D6rysF47MCOIT/s1600/df73a4fa2207c6388e0f6df3b00595cc.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXMvtPAraUg35lA7ntj5U8665QX6DkslvmPkXSQxhuQDc8ecR8J-mHg-Y5AVrYwSAslxQulUHGGWXylhERk4GyyvHGcpeL-heyUG70o7s1tDH64MIg2OSB_e_eF5R2hC4D6rysF47MCOIT/s400/df73a4fa2207c6388e0f6df3b00595cc.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggv7umcwHX8kcdA-6bKI-SCVYF9LaP7QX1F6eGZboDF91JkJ2Md8hqo4NMxXR5Y18-SB2qpTjnAhU2Ky6zGrnsBI5hipnNyMNZ51Qyh8TIDiumOA17nM72Cw0z8CUQTrr9eU_u8vi6_oj2/s1600/dancing-specimen-v1.1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggv7umcwHX8kcdA-6bKI-SCVYF9LaP7QX1F6eGZboDF91JkJ2Md8hqo4NMxXR5Y18-SB2qpTjnAhU2Ky6zGrnsBI5hipnNyMNZ51Qyh8TIDiumOA17nM72Cw0z8CUQTrr9eU_u8vi6_oj2/s400/dancing-specimen-v1.1.gif" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
FUENTES:</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://www.letteringtime.org/2013/07/entrevista-sergey-shapiro.html" target="_blank">http://www.letteringtime.org/2013/07/entrevista-sergey-shapiro.html</a></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://www.impallari.com/quattrocentosans" target="_blank">http://www.impallari.com/quattrocentosans</a></div>
Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com0tag:blogger.com,1999:blog-2604946353375517196.post-66820529886137067282015-11-30T17:59:00.002-08:002015-11-30T17:59:58.573-08:00ACT. TEMA 3: ALFABETO TIPOGRÁFICO:Alfabeto realizado en clase con plumilla y tinta china: Tipografía Uncial.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5e9DkGGP8cMsFSRxFO_KjPxVY4T0suPoeLECitJEf0dVrb8DpK5O0x-LM-kPi3Fcc48hH18ZptPnreYwDMQwYsj51fvmsPtm6XeksdC41ZJPvW939NSuTnQ7USZoyFi2CNkWPGsomRsGr/s1600/abecedario+v+pluma.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5e9DkGGP8cMsFSRxFO_KjPxVY4T0suPoeLECitJEf0dVrb8DpK5O0x-LM-kPi3Fcc48hH18ZptPnreYwDMQwYsj51fvmsPtm6XeksdC41ZJPvW939NSuTnQ7USZoyFi2CNkWPGsomRsGr/s640/abecedario+v+pluma.jpg" width="480" /></a></div>
<br />Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com0tag:blogger.com,1999:blog-2604946353375517196.post-60924142208581671522015-11-30T17:53:00.001-08:002015-11-30T18:01:24.855-08:003.5 EL RESURGIMIENTO DE LA ESCRITURA:<span style="font-family: "arial" , "helvetica" , sans-serif;">Como todo en está vida, la escritura se va renovando, retomando tendencias antiguas para volver a revalorizar esos valores quizás olvidados en el tiempo, en este caso quiero hablaros sobre la escritura y sus diferentes aplicaciones como puede ser el <b>"Lettering" </b></span><br />
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirwBWJWjGf-g-IXnCA7ad9TYwcabwaRybQ3Qfq3yxtB2KC6OlqafCrykaiBapSN-woeK6mCy52FdVxNxClLrKwIUlurLW2V7g17UeIVupR4P_CYf8b_bdaSDkZ4K7jlXoNpNO1lfTlwTMU/s1600/1-14Lettering.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirwBWJWjGf-g-IXnCA7ad9TYwcabwaRybQ3Qfq3yxtB2KC6OlqafCrykaiBapSN-woeK6mCy52FdVxNxClLrKwIUlurLW2V7g17UeIVupR4P_CYf8b_bdaSDkZ4K7jlXoNpNO1lfTlwTMU/s400/1-14Lettering.jpg" width="400" /></a></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif;">E<span style="background-color: white; line-height: 18.48px; text-align: justify;">s una composición de tipografía hecha a mano para un caso y contexto específico. A la hora del estilo y la herramienta es totalmente libre y creativo.</span></span><br />
<div>
<span style="background-color: white; line-height: 18.48px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Suele utilizarse con fines artísticos para darle un toque de originalidad a la tipografía.</span></span></div>
<div>
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Lettering consiste en dibujar las letras, aunque se repitan letras, no se verán igual, se basa en la estética y lo visual, más que en el intento de comunicar.</span></span></div>
</div>
</div>
<div>
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9Qjh_xgcorUBjKZn3_coL_8CAzekMkkn9MQwWydmxqzWzTf5o2JrxEJijYmFnIM6EVNaUHSc_Q0KDpze3FdD7s3G-m3P_Gk96MKHJRaUDCuNMgG9wsKMpADLVo_hO6_GpftO7vdBz_ToL/s1600/joy-bc.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9Qjh_xgcorUBjKZn3_coL_8CAzekMkkn9MQwWydmxqzWzTf5o2JrxEJijYmFnIM6EVNaUHSc_Q0KDpze3FdD7s3G-m3P_Gk96MKHJRaUDCuNMgG9wsKMpADLVo_hO6_GpftO7vdBz_ToL/s400/joy-bc.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Graffiti:</b></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; line-height: 22.4px;"><span style="font-family: "arial" , "helvetica" , sans-serif;">En el lenguaje común, el graffiti es el resultado de pintar textos abstractos en las paredes de manera libre, creativa e ilimitada con fines de expresión y divulgación donde su esencia es cambiar y evolucionar; buscando ser un atractivo visual de alto impacto, como parte de un movimiento urbano revolucionario y rebelde. Es uno de los cuatro elementos que conforma <span style="color: #252525;">la cultura Hip Hop.</span></span></span><span style="background-color: white; line-height: 19.6px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;">los cuatro elementos son el breakdance, rap, dj y graffiti. En la actualidad mcs y djs se engloban en un único elemento, el rap.</span></span></div>
<span style="background-color: white; line-height: 19.6px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;">Etimologicamente proviene del latín grafito aunque por influencia de la cultura estadounidense se ha popularizado el término graffiti.</span></span></div>
<div>
<span style="background-color: white; line-height: 19.6px; text-align: justify;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF3_6x_nhTyKxaZI6-VEhKxrVveB7g_WFhav0sIfX-my2MKnvOINB40EKCnvVQfDsQ8W6_aD9EfYdQaagwrzxOBPdcG7Ikv1kr6rYOMVU99YkO1oP-Ss-pBpV37Vs9KHq74aMD9FiCjEMr/s1600/blagron_graffiti_large.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF3_6x_nhTyKxaZI6-VEhKxrVveB7g_WFhav0sIfX-my2MKnvOINB40EKCnvVQfDsQ8W6_aD9EfYdQaagwrzxOBPdcG7Ikv1kr6rYOMVU99YkO1oP-Ss-pBpV37Vs9KHq74aMD9FiCjEMr/s320/blagron_graffiti_large.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZSMx1BRyParz2EBUHZqckDED-qgRKuPqhDCF_np8mSApwhUgOIgyKc_KjQSXPkKa5Wr8pqozA6IqRumpfVhTEK9x2EQMfPzAdRy6rvG-IXv7I2m3MGmxHUzFDThi5jKHrutNFYmVjHjN6/s1600/Homebackground.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZSMx1BRyParz2EBUHZqckDED-qgRKuPqhDCF_np8mSApwhUgOIgyKc_KjQSXPkKa5Wr8pqozA6IqRumpfVhTEK9x2EQMfPzAdRy6rvG-IXv7I2m3MGmxHUzFDThi5jKHrutNFYmVjHjN6/s320/Homebackground.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR-qsy0faWx5TmnqnIaET6leDwrD_N_W031xxEvETT8XDX9hON4x4tHmhLzSkLpBkmejQt36RR5iESnk8L9P35aMgJuYkgDqOOVfatK5KYQcBweO4kYDMb7M5nzQQqIF_OErZKpiPa3L85/s1600/new-graffiti-wallpaper-desktop-photos-mn3zix2tb0.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR-qsy0faWx5TmnqnIaET6leDwrD_N_W031xxEvETT8XDX9hON4x4tHmhLzSkLpBkmejQt36RR5iESnk8L9P35aMgJuYkgDqOOVfatK5KYQcBweO4kYDMb7M5nzQQqIF_OErZKpiPa3L85/s320/new-graffiti-wallpaper-desktop-photos-mn3zix2tb0.jpg" width="320" /></a></div>
<div style="text-align: justify;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 19.6px;"><br /></span></span></div>
<div style="text-align: justify;">
<h4 style="background: none rgb(255, 255, 255); border-bottom-style: none; font-family: sans-serif; font-size: 14px; line-height: 22.4px; margin: 0.3em 0px 0.25em; overflow: hidden; padding-bottom: 0px; padding-top: 0.5em; text-align: start;">
<span class="mw-headline" id="Pioneros_.281971-1975.29">Pioneros (1971-1975):</span></h4>
<div class="thumb tright" style="background-color: white; clear: right; color: #252525; float: right; font-family: sans-serif; font-size: 14px; line-height: 22.4px; margin: 0.5em 0px 1.3em 1.4em; text-align: start; width: auto;">
<div class="thumbinner" style="background-color: #f9f9f9; border: 1px solid rgb(204, 204, 204); font-size: 13.16px; overflow: hidden; padding: 3px; text-align: center; width: 222px;">
<a class="image" href="https://commons.wikimedia.org/wiki/File:Nysubwaytrain.jpg" style="background: none; color: #0b0080; text-decoration: none;"><img alt="" class="thumbimage" data-file-height="2030" data-file-width="3000" height="149" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/Nysubwaytrain.jpg/220px-Nysubwaytrain.jpg" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/6/61/Nysubwaytrain.jpg/330px-Nysubwaytrain.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/6/61/Nysubwaytrain.jpg/440px-Nysubwaytrain.jpg 2x" style="border: 1px solid rgb(204, 204, 204); vertical-align: middle;" width="220" /></a><br />
<div class="thumbcaption" style="border: none; font-size: 12.3704px; line-height: 1.4em; padding: 3px; text-align: left;">
<div class="magnify" style="float: right; margin-left: 3px; margin-right: 0px;">
<a class="internal" href="https://es.wikipedia.org/wiki/Archivo:Nysubwaytrain.jpg" style="-webkit-user-select: none; background: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011%2015%22%20width%3D%2215%22%20height%3D%2211%22%3E%0A%20%20%20%20%3Cg%20id%3D%22magnify-clip%22%20fill%3D%22%23fff%22%20stroke%3D%22%23000%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22bigbox%22%20d%3D%22M1.509%201.865h10.99v7.919h-10.99z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22smallbox%22%20d%3D%22M-1.499%206.868h5.943v4.904h-5.943z%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A); color: #0b0080; display: block; height: 11px; overflow: hidden; text-decoration: none; text-indent: 15px; white-space: nowrap; width: 15px;" title="Aumentar"></a></div>
Grafiti en el <a href="https://es.wikipedia.org/wiki/Metro_de_Nueva_York" style="background: none; color: #0b0080; text-decoration: none;" title="Metro de Nueva York">metro de Nueva York</a>, 1973</div>
</div>
</div>
<div style="line-height: 22.4px; margin-bottom: 0.5em; margin-top: 0.5em; text-align: start;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;">El tiempo entre 1971 y 1975 se denomina Era Pionera, ya que el <i>grafiti</i> como era conocido tuvo giros de estilo y popularidad.</span></div>
</div>
<div>
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
</div>
<div>
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div>
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div>
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div>
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div>
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div>
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div>
<b><span style="background-color: white; font-family: sans-serif; line-height: 1.6;">Tagging</span><span style="background-color: white; font-family: sans-serif; line-height: 13px; white-space: nowrap;">:</span></b></div>
<div>
<div class="thumb tright" style="background-color: white; clear: right; color: #252525; float: right; font-family: sans-serif; font-size: 14px; line-height: 22.4px; margin: 0.5em 0px 1.3em 1.4em; width: auto;">
<div class="thumbinner" style="background-color: #f9f9f9; border: 1px solid rgb(204, 204, 204); font-size: 13.16px; overflow: hidden; padding: 3px; text-align: center; width: 222px;">
<a class="image" href="https://commons.wikimedia.org/wiki/File:Laser_Guided_Democracy.jpg" style="background: none; color: #0b0080; text-decoration: none;"><img alt="" class="thumbimage" data-file-height="667" data-file-width="500" height="400" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/68/Laser_Guided_Democracy.jpg/220px-Laser_Guided_Democracy.jpg" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/6/68/Laser_Guided_Democracy.jpg/330px-Laser_Guided_Democracy.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/6/68/Laser_Guided_Democracy.jpg/440px-Laser_Guided_Democracy.jpg 2x" style="border: 1px solid rgb(204, 204, 204); vertical-align: middle;" width="300" /></a><br />
<div class="thumbcaption" style="border: none; font-size: 12.3704px; line-height: 1.4em; padding: 3px; text-align: left;">
<div class="magnify" style="float: right; margin-left: 3px; margin-right: 0px;">
<a class="internal" href="https://es.wikipedia.org/wiki/Archivo:Laser_Guided_Democracy.jpg" style="-webkit-user-select: none; background: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011%2015%22%20width%3D%2215%22%20height%3D%2211%22%3E%0A%20%20%20%20%3Cg%20id%3D%22magnify-clip%22%20fill%3D%22%23fff%22%20stroke%3D%22%23000%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22bigbox%22%20d%3D%22M1.509%201.865h10.99v7.919h-10.99z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22smallbox%22%20d%3D%22M-1.499%206.868h5.943v4.904h-5.943z%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A); color: #0b0080; display: block; height: 11px; overflow: hidden; text-decoration: none; text-indent: 15px; white-space: nowrap; width: 15px;" title="Aumentar"></a></div>
<i>Tag</i> (en azul) y plantillazo (en negro) en Nueva York.</div>
</div>
</div>
<div style="line-height: 22.4px; margin-bottom: 0.5em; margin-top: 0.5em;">
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;">Un <i>tag</i> o tager ("etiqueta") prácticamente es una firma o un acrónimo de una persona o un grupo de personas, generalmente <i>Crews</i>. Para los tags con el nombre de la Crew se suelen utilizar abreviaturas o simplemente las siglas. Aunque un tag comprende mucho más que una simple firma; es una manera de expresar un propio estilo mediante un apodo o alias, pues en muchas partes del mundo el arte callejero es ilegal, y en muchos casos no se alcanza a concretar un grafiti en su totalidad, es allí cuando entra en utilidad el tag, una forma rápida y poco peligrosa de expresar un propio estilo al momento de "grafitear". Es así como se identifica un "grafitero".</span></div>
</div>
<div>
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div>
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div>
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div>
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><b style="line-height: 18.2px;"><br /></b></span></div>
<div>
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><b style="line-height: 18.2px;"><br /></b></span></div>
<div>
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><b style="line-height: 18.2px;">"Graffiti Lovers":</b></span></div>
<div>
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><b style="line-height: 18.2px;"><br /></b></span></div>
<div>
<span style="background-color: white; font-family: "arial" , "helvetica" , sans-serif;"><span style="line-height: 18.2px;">Dirigido por </span><b style="line-height: 18.2px;">Javier Siquier,</b><span style="line-height: 18.2px;"> que consiste en un proyecto tipográfico para ver las relaciones y posibilidades que existen entre la tipografía, la caligrafía urbana, el graffiti y el lettering.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0vx-TU0XeCsu4CCil7V9AotGvC-EPvlJIVVaIfMF2ROxkWWKGoDzHSNLt_UnsL64f6QGk4ZxQuUNQLcuAwma5SkMIVeLtZsnSi3GtnuIBoCTERDJhv5hzbUJVkchbRl5d1Ni_IgC3iW8y/s1600/001-1600x1066.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0vx-TU0XeCsu4CCil7V9AotGvC-EPvlJIVVaIfMF2ROxkWWKGoDzHSNLt_UnsL64f6QGk4ZxQuUNQLcuAwma5SkMIVeLtZsnSi3GtnuIBoCTERDJhv5hzbUJVkchbRl5d1Ni_IgC3iW8y/s400/001-1600x1066.jpg" width="400" /></a></div>
<div>
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div>
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div>
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvpKkdS6XvEFCUMKxlZ9sryMLslnaYe5vBEYP5WLGcmT7hu6UvMOr26QRIg4Y1XogNxbfKK5FobPpMs-s8a_dui58caEOd5Po0JSEqUTcLANXE1o9nVOhj6amILW4EB0aRQxApqLeM3ro0/s1600/tagbiselada.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvpKkdS6XvEFCUMKxlZ9sryMLslnaYe5vBEYP5WLGcmT7hu6UvMOr26QRIg4Y1XogNxbfKK5FobPpMs-s8a_dui58caEOd5Po0JSEqUTcLANXE1o9nVOhj6amILW4EB0aRQxApqLeM3ro0/s640/tagbiselada.png" width="520" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
FUENTES:</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://es.wikipedia.org/wiki/Grafiti" target="_blank">https://es.wikipedia.org/wiki/Grafiti</a></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://www.javiersiquier.com/graffiti-lovers/" target="_blank">http://www.javiersiquier.com/graffiti-lovers/</a></div>
<div>
<span style="background-color: white; line-height: 18.2px;"><span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></span></div>
Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com0tag:blogger.com,1999:blog-2604946353375517196.post-20116887202226774132015-11-30T15:21:00.000-08:002015-11-30T18:00:50.139-08:003.4 TÉCNICAS Y MATERIALES CALIGRÁFICOS:<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKcVw9iooe6IOP6R2rCLqnI_r_XG7NSqc6EjYfLZJ3Gxvax8OXyYR5zBD38TMlcV-TxrNi2DZ1H_dS4N45Qw4g8daRU5393ViPzjMPLQCmlkMpsUKJs98e6A0odEsW8w6hUvYczKn776AJ/s1600/Untitled-21.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKcVw9iooe6IOP6R2rCLqnI_r_XG7NSqc6EjYfLZJ3Gxvax8OXyYR5zBD38TMlcV-TxrNi2DZ1H_dS4N45Qw4g8daRU5393ViPzjMPLQCmlkMpsUKJs98e6A0odEsW8w6hUvYczKn776AJ/s400/Untitled-21.png" width="400" /></a></div>
<br />
Como puedes imaginar las técnicas y materiales necesarios para realizar caligrafía básica o lettering es bastante variado, a mi me han enseñado que si eres principiante antes de gastarte un dineral en materiales que vas a usar por primera vez , haz uso de unos simples lapices que será más económico y fácil de encontrar, lo único que tienes que hacer es unirlos mediante cinta adhesiva que queden bien asegurados y que las puntas de estos estén a la misma altura.<br />
<br />
Al principio resultara difícil pero esto es como todo con paciencia y mucha practica empezareis a dominarlo<br />
<br />
Existen diferentes métodos o técnicas: <b>técnica seca</b>, <b>técnica húmeda</b> y luego están los distintos <b>soportes </b>por supuesto, eso ya es a elección de cada uno.<br />
<br />
Aquí os dejo diferentes fotografías de lettering caligráfico realizado con distintos materiales (lápiz, pluma, rotuladores de pincel, pinceles...)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7aBdKFnLXILlrAvEqzQoVmacpy9UNxsk9G-BsM007n3vK-ca3yiCYblxQhFPoRvHyTfWgIX6IVG0Vi9MjUnWp8abjvblfCpQsHrXLHPhk2oRdggjQLmk8Gjb-lHltc3AMm-9v9g1J_TUn/s1600/la-foto-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7aBdKFnLXILlrAvEqzQoVmacpy9UNxsk9G-BsM007n3vK-ca3yiCYblxQhFPoRvHyTfWgIX6IVG0Vi9MjUnWp8abjvblfCpQsHrXLHPhk2oRdggjQLmk8Gjb-lHltc3AMm-9v9g1J_TUn/s320/la-foto-1.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM-4K88coPOthlFRA3uPG9CX9vqzl5018TnUf7_-q62KovwAyJtdjDzyqsFucMfjAFziq3X4tNxpVq_LEtqTkCDjvvPp7nUPr_utmdEMlC3T3PKAjGQHZa1VHXCl5ggb_qLD31qLJ9vO-C/s1600/conkansei-taller-lettering_05_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM-4K88coPOthlFRA3uPG9CX9vqzl5018TnUf7_-q62KovwAyJtdjDzyqsFucMfjAFziq3X4tNxpVq_LEtqTkCDjvvPp7nUPr_utmdEMlC3T3PKAjGQHZa1VHXCl5ggb_qLD31qLJ9vO-C/s320/conkansei-taller-lettering_05_1.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh-5ezcLQCRlaFdG8GyW7ElU6ddz6ntiXdB07scXCENTGnRAKQ0T0ThCNAaBcGvk3Ger7WhnZ4aQrPB1f4s07aaz0agq9uWfPMLoxwXTXIuBeDQLDdAGN4XKwcFJjLcHuzJF6kQaPccEYX/s1600/materiales-lettering_01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh-5ezcLQCRlaFdG8GyW7ElU6ddz6ntiXdB07scXCENTGnRAKQ0T0ThCNAaBcGvk3Ger7WhnZ4aQrPB1f4s07aaz0agq9uWfPMLoxwXTXIuBeDQLDdAGN4XKwcFJjLcHuzJF6kQaPccEYX/s320/materiales-lettering_01.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM9ChHcmpf8yLt49O1P3_jjiIDMpuiR_Td9pYqpTs796h-yM2vwceMlG6u_N19RIg91Gu0SSj9s-DFvzPA4z2QKP9pLFYx3p0XvwPf8e6aoaCfPZiA5IoHP31cDjBaCF1hN_suq8yytx5e/s1600/14230_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM9ChHcmpf8yLt49O1P3_jjiIDMpuiR_Td9pYqpTs796h-yM2vwceMlG6u_N19RIg91Gu0SSj9s-DFvzPA4z2QKP9pLFYx3p0XvwPf8e6aoaCfPZiA5IoHP31cDjBaCF1hN_suq8yytx5e/s320/14230_1.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXsF2dnfNDycP7hQxrp11kGoYKSefwzjckmlRdsUVLdtdDtI9NG2_rFvGhcYF6chO05N6uWhrXzF2cnYhdB9yvoAacMStYWORz4eL8-7JjEDRE4LvB3x2bgjjchXyxKYWR3SGUYsP-MFMW/s1600/taller-de-lettering-cuatro1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="247" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXsF2dnfNDycP7hQxrp11kGoYKSefwzjckmlRdsUVLdtdDtI9NG2_rFvGhcYF6chO05N6uWhrXzF2cnYhdB9yvoAacMStYWORz4eL8-7JjEDRE4LvB3x2bgjjchXyxKYWR3SGUYsP-MFMW/s320/taller-de-lettering-cuatro1.jpg" width="320" /></a></div>
<br />
<br />Anonymoushttp://www.blogger.com/profile/00214642270578340181noreply@blogger.com0