triunfoweb.com
Ideas para triunfar en la Red!
Las 19 mejores combinaciones tipográficas
En una composición gráfica o en una página web cualquiera, los contenidos textuales son los principales responsables de la transmisión del mensaje al espectador final . En este entorno, por tanto la tipografía es la materia que hace de intermediario entre el receptor y la información propiamente dicha. Los caracteres matizan las palabras y le aportan o refuerzan el sentido. La mala selección de esas formas pueden interferir negativamente en la comunicación. Junto con el color, la tipografía puede alterar por completo el significado que asociamos a un diseño. El texto puede decir una cosa; pero las letras, otra muy diferente. Lo cierto es que cada familia tipográfica tiene sus propias características y su propia personalidad, que permiten expresar diferentes notas visuales, unas más fuertes y otras más sutiles, unas más refinadas y otras más toscas, unas más geométricas y otras más orgánicas, por lo que la selección de las familias tipográficas a usar en una composición debe hacerse con un amplio sentido de la responsabilidad. Teniendo en cuenta esto, encontré un artículo muy interesante, con el título 19 top fonts in 19 top combinations , de Bonfx , en donde usa 19 diferentes tipos de combinaciones de tipográficas , las combinaciones que normalmente se utilizan en un titular y el tipo de letra base en un artículo o página Web. La regla de oro de las combinaciones tipográficas , que es simplemente de combinar una de tipo serif y otra de tipo sans serif para efectuar el contraste . Cuanto más alejadas de los estilos de los tipo de letra mejor. Los tipos de letras que son demasiado similares dan como resultado una mala combinación. Algunas tipografías tienen versión sans y versión serif y suelen formar una perfecta combinación: por ejemplo, la forma serif para el texto y la sans para el resto, o viceversa. Con fuentes diferentes, es cuestión de probar. El tipo de letra para el texto base puede incluir, naturalmente, la variante cursiva y en negrilla. Ambas deben emplearse sólo para enfatizar partes del documento, no en fragmentos extensos. En general, las familias con serifas de pie, funcionan mejor como tipo de lectura en imprenta. Por el contrario, las de palo seco o sin serifas, dan mejor resultado en monitores y pantallas, sobre todo cuando hablamos de resoluciones bajas. El factor más determinante sobre la elección de un tipo de letra base debe ser su legibilidad , propiedad derivada del diseño mismo de los tipos de letra, eso es especialmente importante para los textos largos. Para bloques de texto más cortos tenemos mayor libertad de elección, y para los títulos podemos emplear la fuente que queramos, en función del espíritu del documento y la sensación que nos interese crear . Una buena estrategia de trabajo es preparar una paleta de tipografías con una letra serif para el texto, una letra sans para los títulos y subtítulos (o al revés si el destino son las páginas web), con tamaños mayores. Esto también se puede hacer con los pies de foto, resúmenes, citas y notas, de menor tamaño, y tal vez, una letra especial para el título principal. Es una fórmula que es simple y efectiva, que evita la mezcla de diferentes fuentes de palo seco juntas o diferentes letras serif juntas, combinaciones que raramente funcionan. El autor del citado artículo seleccionó un modelo sencillo y muy general: un tipo de letra para el título en negrita y un tipo de letra normal en el texto base. Al final realizó las combinaciones, por supuesto bajo un punto de vista personal, que no necesariamente puede coincidir con el nuestro, pero es algo por donde empezar. Casi cualquier tipografía pueden ser compensadas y obligada a trabajar junto con otra en algún tipo de contexto. Cualquiera de estas combinaciones podría justificar una mayor experimentación para obtener mejores resultados. Un último consejo, conviene evitar lo que ya está muy visto. Un tipo de letra que todo el mundo usa hace que nuestros documentos sean indistinguibles, un producto clónico de los demás. Tipografía como Arial (Helvetica), Courier y Times New Roman son tan frecuentes que convierten un documento en algo anodino, sin impacto visual. Como alternativa hay otros tipos de letras que, siendo básicamente del mismo tipo, te sacarán del anonimato y aburrimiento a los textos que preparemos. Al final el resultado lo puedes observar aquí pero de modo gráfico: Pero también lo tenemos en formato PDF, que puedes descargarlo para su mejor visualización, pues esta en dos columnas: Las combinaciones son de los siguientes tipos de letras: Helvetica / Garamond Caslon / Univers Frutiger / Minion Futura / Bodoni Garamond / Futura Gill Sans / Caslon Minion / Gill Sans Univers / Caslon Bodoni / Futura Myriad / Minion Avenir / Warnock Caslon / Franklin Gothic FF Din / Baskerville Trade Gothic / Clarendon Baskerville / Univers Akzidenz Grotesk / Garamond Clarendon / Trade Gothic Franklin Gothic / Baskerville Warnock / Univers
Las 19 mejores combinaciones tipográficas
21 tipografías Web seguras
Los tipos de letras son uno de los bloques más importantes en la construcción del diseño Web. Un problema habitual en los tipos de letras tradicionales (Verdana, Arial, Helvetica, etc.), es que tarde o temprano te hartas de ellas. Aunque no hay nada de malo en ellas, ya que son tres de las tipografías más seguras. Por otra parte, si utilizas un tipo de letra poco frecuente que los usuarios no tienen en su sistema, a demás de ser una opción poco profesional, al no tener control sobre lo que el usuario verá en su navegador. Por eso los diseñadores prefieren la tipografía que se ha dado en llamar segura. ¿Cuán seguras son las tipografías Web? Ese tipo de letras se ven bien en pantalla y son relativamente populares, por lo que puede asumir con seguridad que tus visitantes tendrán esa tipografía en su sistema . Por regla general esos tipos de letras vienen con el sistema operativo, y que los usuarios las tienen instaladas por defecto. Otros tipos de letras, no hay garantía de que las pueda tener instaladas en el ordenador del usuario. Incluso si esa tipografía está instalada en los ordenadores de los usuarios, muchas de ellas solo se ven bien en ciertos casos , como puede ser con ciertos tamaños , en donde aparecen distorsionadas o son ilegibles. Después de todas estas aclaraciones, necesarias para tener claro los conceptos, y saber por tanto que decisión tomar, debe tomar. Pero te ayudará en esto el artículo 21 Stunning Web Safe Fonts , de WebHostingSearch , que nos dejan una selección de tipografía segura para la Web, que están disponibles en Windows, Mac y Linux , o bien tienen sustitutos decente. Si te gusta uno, simplemente copia el código CSS que se encuentra en el recuadro azulado , y a disfrutar de su uso.
Fuente:
http://www.cosassencillas.com/2009/10/21/21-tipografias-web-seguras/
30 tipografías con estilo graffiti
El grafiti (palabra plural tomada del italiano graffiti, graffire) o pintada , se denomina a varias formas de inscripción o pintura, generalmente sobre mobiliario urbano.
En el lenguaje común, el grafiti incluye lo que también se llama pintadas: el resultado de pintar en las paredes letreros, frecuentemente de contenido político o social, con o sin el permiso del dueño del inmueble, y el letrero o conjunto de letreros de dicho carácter que se han pintado en un lugar. También se llama grafito, por extensión, a los eslóganes que se han popularizado con estas técnicas; por ejemplo, los grafitos de los disturbios de mayo de 1968 en París: L’imagination au pouvoir (la imaginación al poder), o Sous les pavés il y a la plage (bajo los adoquines está la playa), etc.
La expresión grafiti se usa también para referirse al movimiento artístico del mismo nombre, diferenciado de la pintura o como subcategoría de la misma, con su origen en el siglo XX. Fue un movimiento iniciado en los años 1960 en Nueva York, o, según aluden fuentes bibliográficas como getting from the underground, en Filadelfia.
El grafiti es uno de los cuatro elementos básicos de la cultura hip hop, donde se llama grafo o grafiti a un tipo específico. En este sentido, una pintada política no sería un grafito.
De un tiempo a esta parte el graffiti también ha asomado en los medios digitales, y por ejemplo los tipos de letras con este estilo es una de las tipografías más buscadas para realizar dibujos con temática hip-hop, o con estilo artístico grunge, pero puede ser un poco difícil localizarlas.
En el artículo 30 Superb Free Street Graffiti Art Fonts, de DzineBlog, nos dejan una gran colección de 30 tipografías gratuitas con estilo grafiti, que pueden ser de interés, espero que te guste esta selección.
Fuente:
http://www.cosassencillas.com/2009/10/20/30-tipografias-estilo-graffiti/
Los términos más buscados:
- letras de graffitis
- letras graffitis
- graffitis letras
- estilo de letras
- fuentes de letras graffiti
- tipos de letras de graffitis
- letras graffiti
- tipo de letras graffiti
- letras en graffiti
- graffitis tipos de letras
Enlaces semanales que no he publicado (34)
Como no me da tiempo a publicar, ni comentar, ni nada, para que esa información que encuentro no se desperdicie, semanalmente pongo en forma de lista todos aquellos artículos que me llaman la atención, y que pueden ser de interés, pero solo proporcionando el enlace, la procedencia y una breve descripción, así es posible que para algunos lectores al menos sea de utilidad:
- 30 Complete Photoshop Guides for Beginners (10steps.sg). Algunos buenos tutoriales disponible en los blogs de diseño no puede ser tan detallado y son principalmente escrito para lectores con algunos conocimientos básicos de Photoshop. ¿Qué pasa con aquellos que son totalmente nuevos en Photoshop? Este artículo tenemos una lista con 30 guías para principiante, que te convertirán en un usuario más de Photoshop. Cada uno de los tutoriales tienes su enlace y una pequeña explicación.
- 11 Fascinating and Educational Tutorials Teaching You How to Produce Better Photo Effects (psdvault). Photoshop es un programas complicados de usar, a veces es difícil para los principiantes o los usuarios intermedios, encontrar la función y la opción que necesitan para dar un determinado efecto. Es por eso que muchos tutoriales se han creado para ayudar a superar esta dificultad. Esta es una colección de 11 tutoriales para enseñarnos a producir mejores efectos fotográficos. Es una colección pequeña, pero que seguro encontrarás casi todo lo que necesitas para hacer buenas fotos, con las técnicas descritas en cada tutorial.
- Add Dimensions to Your Vectors with Over 25 Illustrator 3D Tutorials from Vectortuts+ (vector.tutsplus). Se trata de una selección de 25 tutoriales para que comencemos a trabajar con los efectos 3D de Illustrator, así tendremos una sólida comprensión de cómo estas herramientas funcionan con algunos proyectos sencillos y luego trabajando para completar las ilustraciones y los diseños más complejos.
- 20 Essential Infographics & Data Visualization Blogs (inspiredm). Una selección de 20 blogs especializados en la visualización de datos e infografías, que nos ayudaran a enfrentarnos a ese tipo de trabajos.
- 18 Really Beautiful and Creative Web Designs (tutzone). Un diseño Web, no es sólo algo bonito y bello, también debe ser funcional. Todos tenemos algún tipo de inspiración para seguir avanzando y llegar a algo nuevo e innovador. El artículo presenta algunos de los nuevos diseños para que te ayuden a obtener algo de inspiración para tus trabajos de diseño.
- 12 Free and High-Res Grungy Wall Textures (sixrevisions). Un total de 12 muestras de texturas de pared pintada y desgastada, que se pueden utilizar en cualquier proyecto y en un sinnúmero de maneras. Tienen una licencia de Creative Commons, de modo que podemos utilizar en cualquier forma que elijamos, ya sea personal o comercial. Vienen en diferentes dimensiones en Flickr (Grungy Wall Textures set), con la escala original de 4.700 px de ancho.
- Tips on using CSS Resets (devlounge). Dado que los navegadores web son conocidos por mostrar las cosas de manera diferente el uno del otro, muchos diseñadores web tienen poco control. Pero hay maneras de evitar este con algo llamado un restablecimiento de CSS. Un restablecimiento de CSS puede ser cualquier cosa desde una única definición en su hoja de estilo a una hoja de estilo completamente nuevo en un vínculo. A muchos diseñadores les gusta agregar esto al comienzo de sus hojas de estilos que puedes ver en dicho artículo.
- 5 Must Have Sans Serif Fonts (woorkup). Una colección de cinco bellas tipografías sans serif, que incluye: Harabara, Puritan, Resavska, Roadway y Oceania.
- 40 Beautifully Designed Vintage Websites (myinkblog). El diseño web con estilo vintage es un tributo a una época pasada que sólo existe en la memoria de muchos. Pero que los diseñadores web le sacan un buen partido a este estilo.
- 39 Astonishing Examples of 3D Typography (tutorial9). La oleada de interés en la tipografía ha disparado la enorme popularidad de los diferentes tipos de tipografía en el diseño artístico basado en letras en 3D, que es una de las variantes más populares. Este enlace te puedes encontrar con 39 piezas únicas e inspiradoras de tipografía 3D.
- Top 10 WordPress plugins to monetize your blog (catswhoblog). Aunque las herramientas no se proporcionarán los mejores resultados sin ningún tipo de trabajo, pueden hacer su vida más fácil o ayudarle a optimizar sus ingresos en línea. En este artículo, he seleccionado los 10 mejores plugins de WordPress para monetizar su blog.
- 25 Inspiring Examples of Music Photography (psdfan). Si eres un gran aficionado a la música y además disfrutas de la fotografía, aquí tienes 25 composiciones que están llenas de energía y creatividad, para inspirarte en la la fotografía de la música.
Fuente:
http://www.cosassencillas.com/2009/10/18/enlaces-semanales-no-publicado-34/
27 tipos de letras “serif” clásicas y elegantes
Antes de continuar es necesario aclarar algunos conceptos para los que no estén familiarizados con algunos términos. Las tipografías de tipo “ serif ” son aquellas cuyas letras presentan en sus extremos unos remates muy característicos, conocidos con el nombre de serif . Las de tipo “ sans serif ” carecen de este detalle. Normalmente se usan tipografía de tipo “ serif ” en el cuerpo del documento impreso, ya que este tipo de tipografía es más fácil de leer y por lo tanto puede leerse más rápidamente porque esos pequeños elementos decorativos añaden información visual que facilita la lectura, nos encaminan en la línea de texto, nos guían en su lectura. Aunque tal y como puedes observar en la mayoría de las Web, esta no es una excepción, está escrita con una tipografía “ sans serif “, que es justo lo contrario a lo que he dicho hasta ahora. Lo realmente importante es la facilidad de lectura. En una página impresa la resolución de impresión es muy alta por lo que esos pequeños elementos decorativos en las letras quedan muy bien definidos. Pero por el contrario en una pantalla de ordenador la resolución todavía no es muy alta y la tipografía con “ serif ” produce efectos en las letras que hacen dificultosa su lectura. Siempre una tipografía “ sans serif ” se lee mejor, por eso no se recomienda usar tipografías de tipo “ serif ” con el texto de meno de 12 pixels. Una vez que ha seleccionado la tipografía para el cuerpo del texto, considera la opción de usar alguna otra tipografía diferente. Nos podemos fijar en los periódicos, usan una tipografía para el contenido del articulo pero usan otra distinta para los titulares. Además usan la misma para todos los titulares. Es importante mantener la coherencia de tipografía en todo el sitio Web. Pero ten en cuenta que muchas tipografías diferentes tampoco es bueno, muchas tipografías distintas en una misma página provocaría una especie de confusión que no deseamos. Es algo así como la nota de rescate de los secuestradores. Como ejemplos de tipos de letra serif podemos citar Book Antiqua, Bookman Old Style, Courier, Courier New, Century Schoolbook, Garamond, Georgia, MS Serif, New York, Times, Times New Roman y Palatino. Entre los tipos de letras sans serif se encuentran Arial, Arial Narrow, Arial Rounded MT Bold, Century Gothic, Chicago, Helvetica, Geneva, Impact, Monaco, MS Sans Serif, Tahoma, Trebuchet MS y Verdana. Como la selección de un tipo de letra para un determinado proyecto no es siempre es una tarea fácil, en el artículo 27 Classic & Elegant Serif Fonts , de JustCreativeDesign , nos proporcionan una buena lista de tipos de letras muy profesionales del tipo serif clásico y a la vez elegante, que con toda seguridad harán la tarea tipográfica un poco más fácil … bueno eso espero.
Read this article:
27 tipos de letras “serif” clásicas y elegantes
Los términos más buscados:
- tipo de letras elegantes
20 tipografías estilo retro
Sobre el tema de la tipografía encontrarás mucho material en Cosas Sencillas, es algo que me apasiona e intento estar al día por lo tanto trato de colocar cosas que pueden ser interesantes en este blog, por eso trato de ver las novedades que aparecen en Internet, especialmente a las listas donde recomiendan o recopilan colecciones de tipos de letras gratuitas, de diferentes estilo y de buena calidad, que son apreciadas por los lectores. Las modas siempre vuelven, y un claro ejemplo lo tenemos en el estilo retro , que es la demostración práctica más evidente de esa máxima, ya que retoma los diseños de hace algunas décadas y se inspira en ellos para crear composiciones nuevas. El retro “ es la vuelta al gusto por el diseño cuidado y vanguardista en objetos de uso cotidiano producidos industrialmente “. Así pues, para definir los productos que conformarían esta clase de ambientes hay que hacer una especie de viaje en el tiempo. Por eso me ha llamado la atención el artículo 20 Fantastic Free Retro and Ornate Fonts , de PSDFan , una selección de 20 diferentes tipografías gratuitas de estilo retro y adornadas. Aunque los tipos de letras gratuitos de calidad son a menudo difícil de encontrar, estas son una colección interesante, y nos ahorra mucho tiempo, pues no tenemos que buscarlas nosotros mismos. Son unos tipos de letras que se pueden emplear en el diseño de carteles, trabajos de impresión, o la creación de diseños web, sobre todo si tienen el estilo retro. A pesar de que la aplicación de la tipografía ha evolucionado mucho desde hace un siglo hasta ahora, el uso más común de la tipografía sigue siendo para los anuncios, señales y logotipos.
Go here to read the rest:
20 tipografías estilo retro
Los términos más buscados:
- tipografia deloitte
50 herramientas y generadores útiles para CSS
El estilo CSS es una parte clave del diseño web y es realmente esencial que los diseñadores y desarrolladores se sientan cómodos con él. La codificación del CSS no es demasiado difícil de manejar, al mismo tiempo, es muy potente si se sabe cómo dominarla. Por otro lado para empezar puede ser muy duro pues necesitas entender cómo se integra con otros CSS y la forma en que se estructura la mayoría de las partes fundamentales del trabajo. En muchas ocasiones he tratado en Cosas Sencillas el tema del CSS , sobre todo las herramientas y utilidades que nos pueden ayudar con este tema. En la página ListELog , he localizado un extenso artículo que me ha llamado mucho la atención, con el titulas 50 Useful Tools and Generators for Easy CSS Development , una muy buena recopilación de unas 50 herramientas y generadores en línea útiles que son de gran ayuda para el tema del desarrollo del CSS. El mencionado artículo da una pequeña explicación de cada una de ellas, por mi parte solo dejo los enlaces. Las herramientas han sido agrupadas por diferentes temas, todos ellos relacionados con las hojas de estilo CSS: el diseño de las rejillas, optimiación, menús, botones, esquinas redondeadas, marcos, tablas, tipografía, etc. Herramientas y generadores del diseño de rejilla y distribución : The 1KB CSS Grid Variable Grid System Grid Designer 2 Design By Grid PNG Grid Generator nP: Grid Generator YAML Builder GRIDINATOR Grid System Generator YUI: CSS Grid Builder Blueprint Grid CSS Generator CSS Grid Calculator Layout generators – www.pagecolumn.com Dynamic 4 Column Layout Generator CSS Layout Generator – CSS Portal templatr CSS Source Ordered 1-3 Columned Page Maker CSS Creator Generadores para optimizar los estilos CSS : Online CSS Optimiser/Optimizer Free CSS Template Code Generator CSS Builder – Generate Styles on the Fly Firdamatic: the Design Tool for the Uninspired Webloggers WordPress Theme Generator CSS Formatter and Optimiser/Optimizer XHTML/CSS Markup Generator Generadores y herramientas para los menús CSS : 13 Styles – CSS Menu Generator CSS Menu Builder Pure CSS Menu.com CSS Menu Generator My CSS Menu Generator – Horizontal, Vertical, Drop Down, DHTML CSS Menu CSS Menu Generator – Webmaster Toolkit CSS Menu Generator – CSS Portal List-O-Matic Gereradores y herramientas para botones CSS : CSS Button and Field Tool Navigation Tab Menu Generator Esquinas redondeadas con CSS : RoundedCornr: Rounded Corner and Gradient Generator Spiffy Corners – Purely CSS Rounded Corners Spiffy Box – Simple Rounded Corner CSS Boxes Cornershop – Rounded Graphics for CSS Box Corners Generadores de distribución de información CSS : CSS Frame Generator Generadores y herramientas para tablas CSS : CSS Table Generator 0.1 HTML and CSS Table Border Style Wizard HTML Table Style Generator Generadores sprite CSS : CSS Sprite Generator CSSSprites.com Generadores y herramientas para la tipografía CSS : CSS Type Set Typetester – Compare fonts for the screen CSSTXT – Create a style to your text Css – Text Generator – Insert your style Generadores y herramientas para formularios CSS : Quick Form Builder Form Style Web 2.0 Generator
See the rest here:
50 herramientas y generadores útiles para CSS