Saber qué fuentes usa un PSD

psd fonts
A veces descargamos algún PSD de internet o un amigo nos envía un proyecto y nos encontramos con que no sabemos qué fuentes contienen los textos de adentro. Por eso les quiero recomendar una herramienta muy simple llamda .psd fonts, la cual nos permite subir un PSD para que nos diga qué fuentes usa.

EL uso es muy simple y no hay que hacer nada, solo elijan el PSD que quieren analizar desde su cuenta de DropBox (ya que desactivaron la subida manual) y el sistema les dirá qué fuentes van a necesitar para poder editarlo correctamente.

Enlace: .psd fonts

Visto en WebResourcesDepot

HTML5 Maker: Crear animaciones y banners en puro HTML5 gratis

Hoy en día ya se estila usar HTML5 en lugar de Flash, de a poco los banners y animaciones que se publican en la red van migrando a este nuevo estándar. HTML5 Maker es una genial herramienta gratuita que nos permite crear animaciones y banners de forma muy sencilla y con la posibilidad de exportarlos en HTML5 listos para ser incrustados en nuestros sitios web.

HTML5 MAKER

Lo que me gustó del sitio es que es muy simple de usar, prácticamente no hay que tener nada de conocimientos de nada. Vamos agregando los «slides» desde el panel de la izquierda, asignándole la cantidad de segundos que queramos y editándolos con la posibilidad de agregarles fondos, texto, botones, y muchas cosas más.

En el panel de la derecha tenemos las opciones avanzadas para cada slide, allí se pueden personalizar los colores, fuentes, tamaños, degradados, etc. Una vez que hayamos terminado la edición podremos guardar la animación y descargarla a la computadora para usarla como queramos.

Enlace: HTML5 Maker

Visto en Soft&Apps

Skwibl: Plataforma para presentar proyectos de diseño a tus clientes y obtener sugerencias

Normalmente cuando uno contrata un diseño se maneja mediante intercambios de mails o chats. Así el diseñador nos envía una propuesta, nosotros la analizamos, y luego le contestamos con las modificaciones que queremos. Puede ser un proceso largo en el cual las demoras en las respuestas puede producir mucho tiempo perdido para tener el trabajo listo.

Actualmente existen muchas herramientas web que nos permiten presentar un proyecto de diseño al cliente, y que éste nos de su feedback de forma mucho más cómoda.

Skwibl

Skwibl es un servicio erb en el cual podemos presentarle el proyecto al cliente para que lo revise y sugiera posibles modificaciones, además de poder conversar en tiempo real mientras se están haciendo las sugerencias. Esta plataforma es muy cómoda para cuando uno quiere obtener el mejor feedback posible del cliente, así se logra un resultado mucho mejor en el proyecto.

Lo bueno es que Skwibl es un servicio gratuito y permite que los diseñadores puedan gestionar varios proyectos de forma simultánea, obviamente con distintos clientes cada uno.

A continuación les dejo un video donde explican las funciones de Skwibl:

Enlace: Skwibl

Pack de 250 vectores de monumentos de todo el mundo

Todo diseñador tiene que descargar cualquier recurso que se le cruce por delante porque nunca sabe cuándo le tocará utilizarlo, mejor prevenir que curar, dice el dicho. Por eso les quiero dejar este genial pack de vectores de monumentos de todo el mundo, en el cual encontrarán 250 de los más conocidos monumentos en países del mundo.

250 Ultimate World Monuments Icon Pack

En el pack van a encontrar 250 vectores varios formatos: AI, EPS y SVG. Aunque también vienen en formato PSD y PNG en varios tamaños.

Estos vectores les pueden ser de muchísima utilidad para hacer trabajos donde tengan que crear folletos de turismo, infografías, o lo que se les ocurra.

Este pack lo pueden descargar completamente gratis desde Noupe.

Tiff: Visualiza las diferencias entre dos fuentes

Screenshot_25

Puedo atreverme a decir que las fuentes que existen actualmente disponibles en todo el mundo se cuentan por millones, todas con características exclusivas que las hacen fácilmente distinguibles de otras, hay de todos los gustos y tipos, fuentes para títulos, texto, decorativas, con símbolos y últimamente fuentes de iconos, que son usadas para sitios web.

Aún así hay fuentes muy similares que son muy difíciles de diferenciar, tal es el caso de Helvetica y Arial, que lo único diferente que tienen son pequeños detalles en sus terminaciones, si quieres conocer más diferencias entre las fuentes más reconocidas del mercado, te recomiendo Tiff, una página web con un nombre que juega con la palabra en inglés Diff que significa diferencia, combinada con la palabra Type, que es sinónima de Fuente, lo que significa que sirve para ver las diferencias entre dos fuentes, una sobrepuesta con la otra, de esta forma se puede apreciar exactamente en que coinciden y en que no.

Si quieres ver con más detalle la diferencia haz click sobre la imagen para obtener un zoom sobre la imagen.

Tiff

Vía: TheNextWeb

La pronunciación correcta de las fuentes Europeas [Diseñadores]

 Si eres diseñador o tienes otro trabajo afín donde debas conocer sobre fuentes tipográficas seguro te has dado cuenta que todos pronuncian el nombre de las fuentes como les parece, no hay nombre común o asignado el cual todos acojan, siempre es importante hacer, decir y crear las cosas como lo hace todo el mundo, de esta manera si vas a otro lugar o tienes contacto con una persona extranjera se comunicarán sin problemas.

En OpenTypo, un blog especializado en fuentes recopilá la pronunciación correcta de varias fuentes Europeas en varios idiomas:

Eurostile

Univers

Neue Helvetica

Frutiger

Futura

Akzidenz Grotesk

Bauhaus

Bodoni

Fleischmann

Officina

Kabel

Neue Haas Grotesk

Palatino

Peignot

Graublau Sans

Plantin

Trinité

Zapfino

Vía: OpenType

 

UIkit: Genial framework liviano y responsive para crear tus sitios web

UIkit

UIkit es un nuevo framework modular gratuito para crear interfaces web de forma muy sencilla, y lo mejor es que está centrado en ser liviano y responsive.

Además tiene un customizer online que nos permite personalizar las plantillas y descargar el CSS de forma muy simple, pudiendo elegir paletas de colores, ancho del diseño, tamaño de fuentes, y un par de cosas más.

Podemos partir de 3 temas diferentes y personalizarlos a gusto para poder descargar el CSS e instalarlo en nuestro sitio en segundos. Obviamente, si tenemos los conocimientos necesarios de diseño podemos hacerlos nosotros mismos sin hacer uso de esta herramienta.

Enlace: UIkit

Visto en WebResourcesDepot

Ebook gratis: Guía Completa de CSS3

Guía Completa de CSS3
Una de las mejores formas de aprender algo que nos gusta es leyendo, por eso les quiero dejar un interesante recurso que es una guía sobre CSS3, con el cual podrán leer un buen rato e incorporar conocimientios, sobre todo los que recién están empezando.

El ebook está titulado como Guía Completa de CSS3 y en él van a encontrar mucha información para aprender sobre CSS3 de forma muy sencilla gracias a los ejemplos incluidos.

El libro consta de 63 páginas y lo pueden descargar gratis en PDF o bien leerlo online.

Enlace: Guía Completa de CSS3

Visto en Soft & Apps

Descarga las UI en PSD de los sitios más populares de internet

rdio-ui

Popular UIs es un sitio muy curioso que salió hoy a la luz y nos permite descargar las UI en PSD de algunos de los sitios más populares de internet.

No creo que pase mucho tiempo hasta que las empresas responsables de estos sitios demanden al creador de los PSD o le pidan que elimine los arcchivos, aunque él dice que los puso a disponibilidad de la gente a modo «educativo».

En el sitio vamos a encontrar las UI de los siguientes sitios:

  • Rdio
  • Heroku
  • GitHub
  • Designer News
  • Apple
  • Facebook

Esos PSD son los que están disponibles hasta el momento, pero en el sitio prometen ir agregando nuevas UI semanalmente. Y si lo deseamos podemos suscribirlos a una lista de correo que nos notificará cuando haya nuevas UI disponibles.

Enlace: Popular UIs

Visto en TNW

PSD gratuito con todos los elementos gráficos de iOS7

iOS7-1-small

El mes pasado Apple revelo la nueva versión de su sistema operativo, iOS7, el cual además de traer algunas nuevas funcionalidades el punto más fuerte de esta versión es el completo rediseño de la interfaz de usuario, haciéndola más sencilla, aplicando la versión Apple del estilo de diseño flat.

Si eres de los que les encanta estar a la vanguardia y siempre utilizar las últimas herramientas y las últimas versiones de los sistemas y además eres diseñador este recurso te será perfecto para tu trabajo, se trata de una plantilla completa en Photoshop con todos los elementos de la interfaz gráfica de la nueva versión de iOS, cada uno de los elementos del diseño tiene su propia capa en el archivo, lo que lo hace perfecto para empezar a crear wireframes y mockups con los elementos reales de la nueva versión del sistema operativo.

Descargar: iOS7 GUI PSD