17 mayo, 2017

Tarjetas profesionales: lista de mockups PSD gratuitos

Esta entrada vamos a dedicarla a recopilar mockups de tarjetas de negocios, en formato PSD de Photoshop. Así pues no se trata de plantillas de tarjetas propiamente dichas -temática a la que hemos dedicado varios artículos ya, al final del todo pondré algunos enlaces-, sino de archivos preparados para mostrar precisamente diseños de este tipo. Era un tema que faltaba en La Grafiteca, lo cual vamos a solucionar a continuación.

Como siempre comento en este tipo de recursos, la función de todo Mock-Up (o directamente mockup) es precisamente esa: enseñar al cliente, o al público en general, cómo quedará el trabajo. Por tanto, son usados básicamente por parte de diseñadores, imprentas y similares, para los que son archivos muy útiles. Siempre se ven escenas con el objeto en cuestión –en este caso una tarjeta impresa- en diversas disposiciones, de la forma más realista y atractiva posible.

Cuanto más atractiva sea la escena, mejor el Mock-Up. Aunque también tiene que ser bueno a nivel técnico, naturalmente. Ello implica que la imagen tenga alta resolución, y que sea fácilmente editable. Lo normal es que al abrir el PSD, el archivo contenga capas y/o smart objects (objetos inteligentes) preparados para poner nuestro diseño. Al guardar los cambios y cerrar el smart object, veremos que el logo o composición completa se ha aplicado de forma automática. Y con realismo.

  • *Nota: existen otros tipos de Mock-Up menos frecuentes de ver, por ejemplo en forma de acciones de Photoshop. También automatizados por tanto, pero de funcionamiento diferente. Para ver un buen ejemplo dirigirse a la entrada: +100 acciones Photoshop para crear papelería corporativa completa. Allí también pueden encontrarse mockups de tarjetas, así que recomiendo su consulta.

Todos los Mock-Up que veremos aquí cumplen estos requisitos: son imágenes en alta resolución, con escenas atractivas y aplicación del diseño de forma automática. Su funcionamiento está comprobado personalmente por mí –como puede verse pues he aplicado el sello de garantía de La Grafiteca en todos ellos-. Además son en su totalidad 100% gratuitos y archivos de gran tamaño. Así pues tienen una gran usabilidad, incluso para fines de impresión en gran formato si se desea.

En este sentido, recomiendo emplearlos no solo para enseñar trabajos a clientes, sino también en nuestro muestrario o portfolio personal, exhibiendo diseños nuestros de imagen corporativa, logotipos, etc. En realidad ése es uno de sus usos más habituales en el mundo del diseño profesional. El de figurar en escaparates y catálogos de servicios.

También es mencionable el hecho de que muchos de estos Mock-Up incluyen diseños de tarjetas que de por sí no están mal, y que por tanto podríamos usar como plantilla en un momento dado (poniendo directamente nuestros datos). No habría problema pues estos archivos, además de gratuitos, cuentan una licencia de uso libre incluso para fines comerciales (en algunos modelos puede pedirse mención de autoría si el uso supera el ámbito personal, revisar licencias por si acaso).

A medida que vaya localizando más modelos de interés los iré añadiendo a la lista, de forma que espero crear una recopilación de referencia de cara al futuro. Sin más, vamos con ello.

Mockup PSD de tarjeta profesional elegante.

Mockup PSD de tarjeta profesional elegante

  • Ir a web de descarga del recurso
  • Detalles: Como puede verse, las tarjetas están acompañadas de plumas estilográficas y agendas bien encuadernadas. Una escena apropiada por tanto para profesionales de estilo elegante, como escritores, periodistas y también profesiones formales en general. Atención a este sitio pues tiene bastantes Mock-Up de este tipo interesantes y totalmente gratis (eso sí, para uso comercial hay que citar autoría).

Set de 5 Mockups PSD para tarjeta profesional, limpios y básicos.

Set de 5 Mockups PSD para tarjeta profesional, limpios y básicos

  • Ir a web de descarga del recurso
  • Detalles: Se incluyen 5 archivos diferentes de Photoshop, mostrando tarjetas en diversas posiciones. Están bien preparados para aplicar nuestro diseño y el fondo que queramos. Uno de los mockup muestra un primer plano de detalle de la tarjeta, desde muy cerca, lo cual puede interesar a imprentas (para mostrar tipos de papel y acabados especiales).

Set gratuito con 6 modernos Mockups PSD para tarjeta profesional.

Set gratuito con 6 modernos Mockups PSD para tarjeta profesional

  • Ir a web de descarga del recurso
  • Detalles: Las 6 escenas son muy modernas y con fuertes colores, creadas con toda probabilidad con algún programa de diseño 3D. Así pues son renders en los que se ven tarjetas flotando en el aire y cosas así. Apropiadas por tanto para los sectores profesionales más artísticos y creativos. Se requiere un email al que envían enlace de descarga.

Mockup PSD para tarjeta profesional de borde dorado.

Mockup PSD para tarjeta profesional de borde dorado

  • Ir a web de descarga del recurso
  • Detalles: Al poner nuestro diseño se aplica a todas las tarjetas (los 3 montones). Ojo al reflejo en el borde dorado, hay otra capa para editarlo también y que se aplique correctamente.

Mockup PSD de tarjeta profesional elegante 2.

Mockup PSD de tarjeta profesional elegante 2

  • Ir a web de descarga del recurso
  • Detalles: Igual que el anterior de este mismo sitio, sólo que la tarjeta tiene un diseño con un corazón, bastante bueno. Así pues –en principio, pues se puede editar por completo- más femenina.

set de 8 Mockups limpios y gratis para tarjeta de empresa.

set de 8 Mockups limpios y gratis para tarjeta de empresaMuestra de uno de los 8 mockups de tarjetas

  • Ir a web de descarga del recurso
  • Detalles: Se requiere facilitar email para poder descargar este buen set compuesto por 8 archivos PSD diferentes, de alta calidad. La escena es totalmente limpia y blanca, sin detalles, pero la variedad de mockups puede crear una presentación espectacular de cualquier diseño (usar todos a la vez).

Mockup PSD de tarjeta profesional moderna y divertida.

Mockup PSD de tarjeta profesional moderna y divertida

  • Ir a web de descarga del recurso
  • Detalles: Mock-Up para tarjeta con esquinas redondeadas, que trae un diseño básico con logo desenfadado. Atención a este sitio pues tiene bastantes Mock-Up de este tipo muy buenos y gratuitos.

Mockup PSD de tarjeta profesional cogida con una pinza metálica.

Mockup PSD de tarjeta profesional cogida con una pinza metálica

  • Ir a web de descarga del recurso
  • Detalles: Una escena original, apropiada para profesionales de muy diversos tipos. El fondo de madera quedará bien en cualquier muestrario de imagen corporativa.

Mockup PSD de tarjetas en papel rugoso metidas en caja.

Mockup PSD de tarjetas en papel rugoso metidas en caja

  • Ir a web de descarga del recurso
  • Detalles: Este Mock-Up trae tarjetas de color negro –editable-, pero lo más destacable es que aplica el diseño con un efecto “grabado”, por así decirlo. Apropiado al material que se ve en la imagen, un papel muy basto y rugoso, de alto gramaje, estilo rústico hand-made (hecho a mano). Así pues el diseño adquiere algo de volumen, como sellado en el grueso cartón o papel reciclado. Para imprentas que usen este tipo de materiales puede venir bien. Atención también al resto de Mock-Up gratuitos que pueden obtenerse de este sitio (no hay más que ver los relacionados a este mismo elemento, citados en la misma página).

Mockup PSD de tarjetas amontonadas sobre superficie de madera.

Mockup PSD de tarjetas amontonadas sobre superficie de madera

Mockup PSD de tarjetas amontonadas, en varios colores.

Mockup PSD de tarjetas amontonadas, en varios colores

Mockup PSD de tarjetas dispuestas en mosaico regular.

Mockup PSD de tarjetas dispuestas en mosaico regular

  • Ir a web de descarga del recurso
  • Detalles: En la escena se ven muchas tarjetas dispuestas geométricamente sobre una superficie en intervalo regular simétrico, como un patrón. Al poner nuestro diseño en el smart-object, éste se aplica a todas las tarjetas a la vez.

Set de 3 mockups PSD de tarjetas verticales de alto gramaje.

Set de 3 mockups PSD de tarjetas verticales de alto gramaje

  • Ir a web de descarga del recurso
  • Detalles: 3 escenas en alta resolución con tarjetas de diseño vertical. El Mock-Up aplica muy bien los logotipos al cartón o cartulina reciclada de alto gramaje de la imagen. Es un recurso gratuito, se procede como una compra pero se puede poner precio 0.

Mockups PSD de tarjetas voladoras, muy buena calidad.

Mockups PSD de tarjetas voladoras, muy buena calidad

  • Ir a web de descarga del recurso
  • Detalles: Una escena original, en la que basta con poner nuestro diseño en un único sitio y lo aplica a todas las tarjetas. Consultar también la segunda versión de este Mock-Up creada por su autor. No solo es igual de buena sino que además trae varias escenas más adicionales.

Mockup PSD de tarjetas apiladas, ordenadas por filas.

Mockup PSD de tarjetas apiladas, ordenadas por filas

  • Ir a web de descarga del recurso
  • Detalles: Ya hemos visto otras escenas parecidas, pero conviene apuntar también el sitio del que procede este Mock-Up, pues tiene algunos más para tarjetas (además de éste que muestro aquí). Así pues otra ubicación a tener en cuenta a la hora de buscar recursos gratuitos de este tipo.

Referencias extra: plantillas de tarjetas.

Por último pondré los enlaces relacionados que comenté al principio. Si lo que se busca no es un Mock-Up, sino una plantilla pura y dura de tarjeta profesional, consultar las siguientes entradas de La Grafiteca:

De fuera de La Grafiteca, es destacable el artículo “Plantillas para tarjetas de autónomos, empresa y profesionales” (Comunicacion-Multimedia.info).

Leer más...

10 mayo, 2017

Carteles Roll-Up: listado de plantillas PSD gratuitas

Vamos a dedicar esta entrada a recopilar plantillas para un tipo muy específico de cartelería publicitaria: los Roll Up Banner.

También conocidos como “Expositores Enrollables”, Roll-up o directamente Rollup, se trata de los típicos carteles desplegables y flexibles, que se extienden a la manera de una cortina tipo Store. Así pues, también se enrollan sobre sí mismos hasta quedar recogidos en una funda cilíndrica, lo que facilita mucho su transporte.

Son por tanto muy fáciles de colocar en cualquier parte: tiendas, stands, ferias con expositores, etc. Vienen con su soporte y no hay más que extender y sujetar. Ello los convierte en uno de los formatos de publicidad en el lugar de venta o PLV (enlace a Wikipedia para ampliar info) más populares y usados. Además son muy económicos, en las imprentas siempre hay ofertas para este tipo de productos.

No hace mucho realizamos aquí en La Grafiteca una recopilación de mockups de Rollups, donde pueden encontrarse archivos preparados para colocar diseños de este tipo y mostrar a clientes el resultado final. No obstante, faltaba un listado con plantillas de Roll-up propiamente dichas, que tanto profesionales del diseño como negocios y empresas pudieran usar directamente. Para solucionar dicha carencia he preparado la presente selección.

En esta página recopilaré por tanto plantillas de Roll Up en formato PSD de Photoshop, 100% gratuitas y listas para imprimir. Así pues, preparadas para poner nuestros datos y/o logos e imágenes, y mandar sin más a la imprenta para que preparen nuestro expositor enrollable.

Ejemplo de las plantillas de Roll Up que pueden encontrarse en la recopilación

Las plantillas que incluiré tendrán todas diseños de buena calidad, enfocado a compañías de diversos sectores. De momento proceden todas del sitio PSDfreebies.com, aunque en el futuro añadiré de más ubicaciones según vaya localizando otros modelos de calidad.

Las excelentes plantillas gratuitas de Roll Up de PSDfreebies.

Desde luego las plantillas de este sitio son realmente buenas, como vamos a ver a continuación (además de totalmente gratuitas). Casi todas tienen un diseño de tipo corporativo bastante genérico y versátil. Muy usable.

A nivel técnico, comentar que se trata de archivos PSD grandes, de incluso más de 300MB. Concretamente, las medidas llegan hasta los 6000x14000 píxeles, unos 75x175 centímetros a 150-200 píxeles/pulgada de resolución (150ppp es lo más bajo que debería usarse para este tipo de carteles).

Como puede verse por estas medidas, una vez extendidos los RollUp son tan altos como una persona. Así pues hace falta un equipo potente para trabajar fluidamente con imágenes tan grandes. Otro problema adicional serán las tipografías, pues si no tenemos instalado algún tipo de letra presente en la plantilla -cosa probable-, habrá que sustituirlo (consultar entradas sobre tipografía de La Grafiteca si andamos escasos de fuentes).

Sin más, vamos con ello. Todos los archivos están comprobados por mí personalmente, como puede verse en el sello aplicado de La Grafiteca. Comentar también que al abrir los archivos el contenido está oculto, de forma que hay que mostrar la capa que contiene el cartel. Después tocará ocultar la primera capa que aparece, que incluye la imagen corporativa de PSDfreebies.

Plantilla PSD de RollUp para campamentos, rutas y sector aventuras.

Plantilla PSD de RollUp para campamentos, rutas y sector aventuras

  • Ir a web de descarga del recurso
  • Detalles: Como puede verse, también válido para trekking, deportes al aire libre y en realidad con un diseño bastante genérico y dinámico, bueno para todo aplicando pocos cambios.
Plantilla PSD de RollUp para agencia creativa y soluciones corporativas.

Plantilla PSD de RollUp para agencia creativa y soluciones corporativas

  • Ir a web de descarga del recurso
  • Detalles: Un diseño bastante genérico, bueno para que pequeñas compañías tipo startup presenten soluciones de software y tecnología en general, aunque también para Marketing y otros sectores.
Plantilla PSD de RollUp genérico, con diseño creativo de buena calidad.

Plantilla PSD de RollUp genérico, con diseño creativo de buena calidad

  • Ir a web de descarga del recurso
  • Detalles: Un diseño a base de círculos bastante moderno, que funcionará bien en el entorno corporativo de cualquier sector, incluyendo los creativos y tecnológicos, pero también incluso los de tipo más familiar como aseguradoras, clínicas, etc.
Plantilla PSD de RollUp genérico, buena para sectores creativos y relacionados con el diseño/desarrollo web.

Plantilla PSD de RollUp genérico, buena para sectores creativos y relacionados con el diseño/desarrollo web

  • Ir a web de descarga del recurso
  • Detalles: Esta plantilla también es muy buena para negocios y empresas que cuenten con servicios gráficos y creativos en general, como las relacionadas con la creación de sitios web, aplicaciones móviles, informáticas y similares. Aunque en realidad funcionará también en publicidad, marketing e incluso servicios orientados a familias.
Plantilla PSD de RollUp genérico para oferta en servicio de calidad.

Plantilla PSD de RollUp genérico para oferta en servicio de calidad

  • Ir a web de descarga del recurso
  • Detalles: Un diseño dinámico y bien organizado, bueno para presentar una oferta en servicios de calidad, de tipo diverso. Funcionará bien en ferias sectoriales y especializadas.
Plantilla PSD de RollUp para salón de belleza, Spa, etc.

Plantilla PSD de RollUp para salón de belleza, Spa, etc

  • Ir a web de descarga del recurso
  • Detalles: Este diseño es apropiado también para peluquerías y servicios destinados al público femenino en general. Incluso para tiendas de ropa, perfumerías y complementos. El diseño floral es de buena calidad.
Plantilla PSD de RollUp o cartel con oferta de Navidad.

Plantilla PSD de RollUp o cartel con oferta de Navidad

  • Ir a web de descarga del recurso
  • Detalles: Este cartel es bueno para todo tipo de ofertas navideñas, desde el menú de un restaurante o cafetería a una fiesta en un local.
Plantilla PSD de RollUp corporativo genérico, compañía joven o startup.

Plantilla PSD de RollUp corporativo genérico, compañía joven o startup

  • Ir a web de descarga del recurso
  • Detalles: Aunque por la foto el diseño parece orientado a un joven estudio de diseño o creativo en general, en realidad la estructura e iconos son bastante genéricos, buenos para todo tipo de negocios de tipo activo y dinámico.

En general para todas las plantillas, hay que decir que vienen tal y como se muestran aquí. Así pues, muchas imágenes que se ven en las webs de origen son de ejemplo y no están incluidas. Esto no es un gran problema en cualquier caso, pues lo lógico es poner fotografías nuestras. Sea como sea, si se necesitan imágenes corporativas genéricas de recurso puede consultarse la siguiente ubicación.

Comentar también que estos diseños pueden usarse para más cosas, no solo para rollups. Si queremos hacer un cartel convencional obviamente pueden usarse también. Incluso para un banner destinado a páginas web y anuncios en revistas, por qué no.

Finalmente, recuerdo una vez más el artículo donde pueden encontrarse mockups para este tipo de carteles: Carteles Roll-Up: recopilación de mockups gratuitos. Si eres profesional del diseño, allí hay buenos archivos para mostrar cómo quedará el trabajo a los clientes (siendo también ideales para portfolios y muestrarios varios).

Leer más...

27 abril, 2017

Las mejores infografías sobre tipografía, comentadas

¿Existe alguna ley o norma que nos pueda guiar a la hora de usar tipografías? ¿Cuál es mejor emplear según el tipo de trabajo, y cómo combinarlas? En esta entrada aportaremos una gran cantidad de información y consejos prácticos al respecto, y además de forma gráfica, para una rápida comprensión. Concretamente, recopilaré aquí todas las infografías sobre el uso correcto de tipografías que vaya encontrando, siempre y cuando aporten cosas de interés y utilidad real, naturalmente.

Además de ponerlas iremos comentando su contenido también, pues en muchos casos veo infografías sobre este tema con puntos -como mínimo- discutibles. No obstante, la verdad es que en líneas generales estos esquemas contienen “normas” o “leyes” bastante válidas, resultando por tanto de gran ayuda como guía para principiantes. Esto no extraña pues la inmensa mayoría se basan a su vez en otras anteriores (por mi parte intentaré poner aquí las originales, y luego las demás inspiradas en ellas si aportan algo nuevo).

Pongo entre comillas las palabras “leyes” y “normas”, pues como se sabe el campo del diseño es altamente subjetivo, al igual que ocurre con el resto de disciplinas creativas y artísticas en general. Así pues, es complicado hablar de “leyes absolutas”. No obstante, como digo estas infografías siempre serán buenas consejeras, enumerando pautas que haremos bien en seguir. Aunque no podamos elevarlas a la categoría de Ley Universal al estilo de las ciencias.

Lo vamos a ir comentado todo punto por punto, de todas formas. Sin más, vamos con las infos:

Los 10 mandamientos sobre tipografía de Evan Brown.

Acertadísima infografía, de las mejores que he visto y copiada hasta la saciedad, que nos servirá muy bien de guía general para un correcto uso de fuentes tipográficas (cuál usar, cómo combinarlas, etc).

Obra del diseñador Evan Brown de DesignMantic.com (fuente). Es un profesional bastante activo en las redes sociales, recomiendo seguirle. Ha realizado incluso una traducción al español de la infografía, que pongo a continuación (clic en la imagen para ampliarla):

Los 10 mandamientos de la tipografia, por Evan Brown

Comentarios: Muy poco que objetar a estos mandamientos por mi parte. Combinar una tipografía con remate con otra sin él es algo que en efecto funciona muy bien. Si son fuentes parecidas por el contrario no. Así pues todo correcto. Usar solo dos tipografías –e incluso una sola si es buena y tiene diversos grosores- también es algo que queda bien. Es recomendable trabajar así según mi experiencia (mucha mezcla de fuentes genera confusión).

En este sentido y de cara al diseño web, el sitio Steptoandson.co.uk aporta 10 combinaciones de fuentes serif-sans serif, en la siguiente infografía (fuente):

10 combinaciones deslumbrantes de fuentes web

Tienen buena pinta estas combinaciones (aunque por supuesto pueden hacerse muchísimas más).

En definitiva, en términos generales recomiendo seguir los 10 mandamientos, que sumo a lo ya dicho por mí en otros artículos (aconsejo leerlos también para obtener más teoría y orientaciones en este campo):

En el primero de estos enlaces (“Consejos para dar formato óptimo al texto general”) pueden encontrarse más pautas recomendables, por ejemplo sobre la longitud ideal que debe tener una línea (66), consejos para dar un interlineado o interletraje correctos, etc.

Respecto a los mandamientos de la tabla de arriba, por mi parte aportaría que también da buen resultado combinar mayúsculas y minúsculas de una misma tipografía, si ésta es de buena calidad y dispone de muchas variantes y grosores (por cierto, las Narrow o Condensed –letras estrechas- van bien en mayúscula para subtítulos, epígrafes, localizadores y palabras sueltas).

Usar la mayúscula en alguna variante de una tipografía puede dar buen resultado: ejemplo

¿Es tan mala Comic Sans? Cuándo usarla.

En cuanto a las fuentes que dice que no deben usarse nunca (Comic Sans, Papyrus, Curlz, Viner, Kristen y la otra eslava), también estoy bastante de acuerdo, aunque con matices. Desde luego conviene evitarlas, es algo en lo que la totalidad de los profesionales estamos de acuerdo. Ello es debido sobre todo a que se han usado demasiado ya durante años y años, y por tanto están totalmente “quemadas”. Además de ello, dado que vienen instaladas por defecto en los equipos, muchos aficionados han abusado de su uso -con infame gusto- en páginas web personales, blogs, cartelería y folletos de mala calidad, etc. Así pues hoy en día estas letras se asocian con lo kitsch (cursi, trillado, de mal gusto).

No obstante, como antes comenté el diseño es una disciplina básicamente creativa y artística, y por tanto no hay dogmas absolutos. Siempre hay excepciones. De entrada, -como bien sabía Andy Warhol-, lo kitsch puede convertirse en pop en un momento dado, de forma que estas tipografías son susceptibles de usos artísticos experimentales.

Pero no solo eso. En mi opinión, existen determinados trabajos en los que pueden funcionar bien, precisamente porque son el tipo de letra que espera encontrar el público. Por ejemplo en temáticas infantiles sin demasiadas exigencias, como las fichas para niños en guarderías, escuelas infantiles, etc.

De hecho, hace poco yo mismo hice 2 plantillas gratuitas para orla de guardería, como favor, y no dudé en usar Comic Sans para los textos. ¿Por qué? Precisamente porque esta letra viene en todos los equipos, y, dado que es una plantilla que usaran personas no profesionales del diseño, ello les facilitará mucho el uso. Así pues razones prácticas. Además de eso, el aspecto que tiene es adecuado para estos centros. Recordemos que el 99,9% de las personas no tiene la menor idea de tipografía, de forma que no sentirá el menor “choque” al ver Comic Sans (ni siquiera se darán cuenta). En cuanto a los profesionales, pues siempre pueden coger la plantilla y cambiar el tipo de letra por uno menos trillado (de tipo handwritten quedará muy bien, actualmente la verdad es que hay letras realmente bonitas).

Una vez dicho todo esto, por lo demás coincido 100% en que lo mejor es NO usar Comic Sans. Además, por lo visto consume un poco más de tinta al imprimirse.

La tabla periódica de tipografías (o 100 mejores fuentes de la historia).

La Tabla Periódica de las Tipografías

Realizada por Squidspot (traducida por Rodrigo Picazo).

Como puede verse, esta famosa infografía imita a la tabla periódica de los elementos químicos, sólo que con tipos de letra. En ella las fuentes también están agrupadas por familias, y contiene mucha información (diseñador, año de diseño –algunas veces hace siglos-, etc).

Pero quedémonos con que básicamente se trata de una lista de 100 tipografías, consideradas por respetados expertos como las mejores de la Historia.

En la propia tabla se explica cómo la hicieron, y las fuentes consultadas para ello. Concretamente, el ranking fue el resultado de comparar, combinar y ordenar las listas y artículos de prestigiosos sitios de internet, tales como:

Así pues, es obvio que este ranking es muy bueno, así como que la tabla contiene una gran cantidad de información de interés. Como única pega, comentar que la selección sigue un criterio de tipo histórico, y por tanto las letras más recientes de altísima calidad no aparecen. Pero por lo demás esta infografía es magistral.

Los 10 consejos para realizar un proyecto tipográfico de Silo Creativo.

Tipografía: 10 consejos para realizar un proyecto tipográfico

(Fuente) Como puede verse, esta info es parecida a la primera que pusimos –de la que obviamente bebe-, aunque también aporta algunas buenas claves propias. Por cierto, recomiendo bastante seguir este blog profesional, pues sus autores son diseñadores realmente buenos (les sigo hace tiempo y lo puedo atestiguar).

Aquí vemos por vez primera algunos consejos que también son mencionados a menudo por los mejores teóricos del diseño editorial (por ejemplo la recomendación de usar fuentes serif para el formato impreso y sin él para el digital/web, consultar: “Consejos para dar formato óptimo al texto general”).

Los 3 consejos para formateo de textos de Designaglow.

La siguiente infografía aporta buenas pautas en la misma temática del link anterior. Está en inglés (fuente), pero en líneas generales creo que se entiende bien:

90% of design is typography

Lo traduzco brevemente por si acaso. Básicamente, los consejos son 3: usar el kerning/tracking (en busca de mayor legibilidad o un acabado más artístico), cuidar el interlineado para que “se lea como un libro”, y por último el ya mencionado varias veces de no excedernos en el número de tipografías.

Qué tipografía usar según el tipo de trabajo (infografía en inglés).

So you need a typeface

Esta otra infografía puede ser útil antes de empezar un proyecto (sobre todo para principiantes). Es una creación de Julian Jansen (fuente).

Las tipografías del esquema han sido seleccionadas de la lista de las 100 mejores de FontShop (la “tabla periódica” que vimos antes también la usa). Así pues puede verse la importancia que tiene dicho listado en el mundo del diseño.

La traduciré un poco: se empieza por el centro, comenzando por ver si el trabajo es un logo, una invitación, una infografía, un libro o un periódico. Después se van haciendo preguntas a las que responderemos “sí” o “no”, hasta llegar a la tipografía ideal -según el autor- para el trabajo.

He echado un vistazo a unos cuantos “caminos” del esquema, y creo que hay mejores alternativas, pero como punto de partida en plan genérico no está mal (las fuentes handwritten que propone para las invitaciones considero que son mejorables, aunque ya dije en su momento que la famosa lista de FontShop no recoge las tipografías más actuales, consultar aquí en La Grafiteca para ver más).

Cuando usar serif, sans serif o alguna familia de fuentes específica.

En el tema de qué familia de fuentes usar entran en juego dos factores principalmente: legibilidad y psicología. En el primero ya hemos comentado que los expertos recomiendan –en líneas generales- las letras con remate para texto impreso, y las de palo seco -sin serif- para el entorno web y digital (más info en el artículo varias veces citado).

En cuanto al segundo aspecto, el psicológico, tiene en cuenta la sensación que nos producen los diversos tipos de letra, y por tanto para qué finalidades conviene más usar cada uno de ellos. Esto interesa para logos, encabezados, títulos, publicidad, etc.

Ya lo hemos comentado muchas veces en anteriores artículos. En pocas palabras, las fuentes con remate aportan seriedad y aspecto clásico, las sin remate son por el contrario más modernas y limpias (de tipo profesional neutro), y las fuentes script o handwritten –que imitan la escritura a mano- son buenas para invitaciones, tarjetas de felicitación, etc (entre otros fines, pues por ejemplo son muy usadas en publicidad dado que aportan una sensación de inocencia y pureza).

He visto muchas infografías que hablan de esto, y básicamente coinciden todas (no extraña pues es de puro sentido común):

Psicología de la tipografía.

(Fuente)

Psicología de la tipografía

The Psychology Behind Type Choices

(Fuente: ver en la propia info)

The Psychology Behind Type Choices

La anatomía tipográfica (partes de las letras).

Siempre viene bien conocer el nombre de los diversos trazos que conforman los caracteres escritos. Esta infografía de Paredro.com (fuente) es bastante completa, y además en español:

La anatomía tipográfica

No obstante no están absolutamente todos los conceptos, pues no encuentro la altura X de las letras y algunos más. Pero por lo demás muy buena referencia.

Las fuentes web originales más seguras.

The Original Web-Safe Fonts

Las fuentes seguras son aquellas que podemos usar con tranquilidad, sabiendo que se mostrarán de forma muy parecida en cualquier navegador o dispositivo. Esto se debe a que vienen por defecto en los sistemas operativos, sin tener que instalar nada.

Así pues, en todo proyecto de diseño web son una opción interesante. Suponen la máxima compatibilidad posible. En esta infografía, de origen incierto pues no está firmada (fuente probable), hay una lista con las más comunes –y por tanto más seguras- de todas.

Leer más...