Wordmark, o como aplicar todas las fuentes que tengas instaladas a una palabra o frase de una vez

En ella sencillamente y sin demasiadas palabras presentan una herramienta online creada por Fahri Özkaramanlı.

Se trata de Wordmark, una utilidad que te permite aplicar todas las tipografías que tengas instaladas en tu ordenador a una palabra o frase que escribas.

De esta forma, la elección de una tipografía para un determinado logotipo o tal vez para una cabecera o título de una maquetación o diseño se mueve una tarea realmente sencilla

 El procedimiento de uso es sencillo:

 » Escribe una palabra o frase en la caja destinada a ello (parte superior central) y haz click en el botón “load fonts”.

 » Haz scroll a través de las previsualizaciones y selecciona las que te interesen haciendo click en ellas.

 » Pincha en “Filter” para visualizar solamente las que has elegido.

 » Anota los nombres de las tipografías para hacer tu diseño.

 

Con Wordmark también puedes:

 »  Ajustar el tamaño de las previsualizaciones definiendo un valor en pixel o pinchando en los botones “smaller/bigger”.

 » Invertir los colores de visualización para probar los textos sobre un fondo de color oscuro.

 » Cambiar entre mayúsculas, minúsculas y todo mayúsculas.

 » Ajustar el espacio entre letras (tracking) de las fuentes en las selecciones .

 » Hacer zoom para visualizar detalles de las selecciones.

 » Arrastrar y soltar para cambiar el orden de las selecciones y así poder compararlas entre sí.

Leer más »

Posted in: Wordarmark.

Uno de los últimos estudios creados por Google, relacionados con los usos mobile, reflejaba los siguientes datos: el 81% de los usuarios prefería consultar los precios en web mobile frente a App.

RAPIDEZ

. Es decir, la rapidez será dirigida tanto al proceso de creación de la página (código e imágenes) como a la creación de contenidos.

• Priorizar el contenido dirigido a este tipo de usuario.
• Reducir los grandes bloques de texto.
• Optimizar al máximo nuestras imágenes y código para que carguen rápidamente.

USABILIDAD

Independientemente del contenido de tu sitio, tus usuarios tienen ser capaces de utilizarlo con la mayor facilidad posible. Ten en cuenta que su ratón es el dedo, un error muy común en sitios mobile es ver botones de tamaño tan pequeño que hace prácticamente imposible accionarlos.

• A la hora de colocar un botón, pensemos en el usuario. El tamaño mínimo ha de ser de unos 40x40px. Dejar suficiente aire al rededor del botón para poder accionarlo.  
• . Existen multitud de ayudas y verificación… jQuery Mobile te ofrece muchas posibilidades en este aspecto.
• Permitir que el usuario pueda guardar sus búsquedas para una posterior consulta.

La navegación ha de ser clara en sitios grandes y complejos, las funciones de búsqueda ayudarán a tus clientes a encontrar fácilmente lo que necesitan.

• No abuses del desplazamiento y sobre todo no abuses del desplazamiento horizontal.
• Utiliza una jerarquía de menú que sea reconocible gráficamente, utilizando siempre botones como “anterior” o “home”
• Intenta en la medida de lo posible utilizar el mínimo de páginas para llegar a un contenido.
• La navegación ha de ser igual en todas las pantallas de la web.
• Un dispositivo mobile, puede ser utilizado en cualquier lugar, con poca luz, con sol,… Procuremos utilizar un buen tamaño de fuente, una tipografía fácil de leer y buenos contrastes de color.
• . El uso de sombreado para los botones suele funcionar muy bien.
• En mi opinión, todos lo sitios web mobile, deberían tener un acceso para ver la web en formato escritorio, y por supuesto retornar. 
• Nada de flash. El flash no es accesible desde cualquier terminal, por lo tanto, no se usa. Cualquier interacción o animación podemos hacerla con HTML5
• Adapta tu sitio tanto a orientación horizontal como vertical y en la medida de lo posible, no desplazar de su ubicación al usuario, al hacer un cambio de orientación.

USO LOCAL

En algún caso, se nos planteará el diseño de un tipo de comercio en el que sea necesario ubicar al usuario (tiendas, restaurantes, bares,…). Los usuarios de smartphone, utilizamos continuamente la geolocalización para encontrar aquellas necesidades que nos surgen. El uso de botón o enlace para activar el teléfono, funciona ya en todos los terminales, basta un clic para llamar.

• Uso de botones para ponerse en contacto con nosotros telefónicamente.
• Incluir mapas y direcciones utilizando el GPS del terminal
• Sería muy interesante que el usuario pudiese comprobar stock en la tienda más cercana a su ubicación, y en caso de no encontrarlo, mostrarle dónde encontrarlo y cómo llegar.

Como en todo lo relacionado con el diseño online, existen multitud de sitios y de recursos a nuestro alcance, unos previo pago y muchos otros gratuitos. En sitios como por ejemplo Mobile Design Pattern Gallery, podéis ver un montón de ejemplos de todo tipo de formularios, menús de navegación, gráficos, etc.. 

Comparte este Blog de Diseño Web 

Leer más »

Posted in: diseños,webs

Pixlr – Editor fotográfico online

No sería la primera vez que necesitas editar o retocar una fotografía y no tienes tu equipo entre manos. Pero además si en el ordenador o dispositivo en el que estás trabajando no tiene instalado ningún programa de retoque fotográfico, esa necesidad ha de ser pospuesta hasta disponer de los medios y el software necesarios.

Con Pixlr no necesitarás más que una conexión a Internet para poder hacer ese retoque rápido que no puede permitirse el lujo de esperar.

¿Y qué es Pixlr?

 

Pues ni más ni menos que un editor fotográfico online (y gratuito) proporcionado por Autodesk al que puedes acceder con tres “sabores” o potencialidades:

 

Pixlr Editor:  lo más parecido a Photoshop, con herramientas que te permiten hacerle casi de todo a una imagen de una manera profesional. Sólo es posible acceder a Pixlr Editor a través de un navegador que soporte Flash. Además, y como complemento, existe una extensión para Firefox y para Chrome que permite enviar a Pixlr Editor una imagen desde una página web o capturar el contenido visualizado en la ventana del navegador en parte o en su totalidad.

 

Pixlr Express: un editor rápido de fotografías que te permitirá darles efectos y bordes predefinidos. Disponible una versión para dispositivos móviles en http://pixlr.com/mobile/

 

Pixlr-o-matic: un editor que te permitirá “juguetear” con tus imágenes dándoles un cierto aspecto retro de una manera sencilla. Disponible una versión para dispositivos móviles en http://pixlr.com/mobile/

Leer más »

Posted in: Editor fotográfico,Pixlr

Aplicaciones gratis para dibujar en el iPhone

Los dibujos o bosquejos no necesariamente se realizan en papel y menos si tienes un iPhone, como herramienta complementaria todo el tiempo, por ello, las aplicaciones especializadas podrían satisfacer tu necesidad de hacer sketchs en una plataforma diferente y con utilidades, que tal vez no encuentras en los programas de escritorio.


neu.Notes:   Con ella vas a tomar notas  y dibujar a mano alzada con la ayuda de plumas junto con la paleta de colores o las formas. Esta aplicación gratuita tiene soporte de opacidad, los dibujos son importados en formato png o PDF y pueden ser compartidos por correo electrónico y Twitter.

Sketch memo lite: Además de dibujar a base de vectores, puedes hacer memos manuscritos. En su panel tienes triángulos, polígonos, flechas, estrellas, globos, líneas y la opción de importar imágenes desde el álbum de fotos o desde la cámara, e incluye soporte al idioma castellano.

DrawDraw lite: Simple y sin muchas opciones en su versión libre, te deja dibujar con un lápiz y aplicar colores con una brocha, luego exportas el esbozo como archivo de imagen o como una gráfica en PDF, aunque está limitado a tres páginas para dicho formato, situación que se desbloquea en la aplicación de pago.

Leer más »

Posted in: iPhone

Diseño , Webs.

En este blog de diseño web hemos mostrado numerosos ejemplos de menú, y seguiré añadiendo, porque el menú constituye una parte esencial del diseño web, cada proyecto es un mundo y requiere un menú diferente.

La mayoría de las veces, el menú viene condicionado o bien por la cantidad de secciones que vayamos a utilizar o por los absurdos títulos larguísimos que nos pide el cliente. En el segundo caso es casi esencial convencerle que el titular de un menú ha de ser conciso y breve si queremos que funcione.

.

A la hora de diseñar una web, tan importante como pensar en  un buen diseño y una buena usabilidad, es pensar dónde vamos a alojar nuestro proyecto.

Leer más »

Posted in: pagina web

Yamaha Restio, unos altavoces que no lo parecen

Yamaha ha renovado su sistema de sonido llamado Restio dotándolo de conectividad bluetooth 2.1 con EDR y A2DP, por lo que usarlos como altavoces para nuestros móviles o equipos portáitiles compatibles es una posibilidad interesante.

El sistema Yamaha Restio está equipado con cuatro altavoces de dos vías, cuenta con ecualizador de tres bandas y viene con base para iPod o iPhone, a los cuales es capaz de recargar la batería al mismo tiempo que los usamos como reproductores.
El cuerpo de estos altavoces es de solo nueve centímetros, con un soporte de un metro de altura con base en forma de media luna. También podemos colocarlo colgado como un cuadro.

Leer más »

Posted in: Altavozes,Sonido

Aplicaciones gratis para dibujar en el iPhone

Los dibujos o bosquejos no necesariamente se realizan en papel y menos si tienes un iPhone, como herramienta complementaria todo el tiempo, por ello, las aplicaciones especializadas podrían satisfacer tu necesidad de hacer sketchs en una plataforma diferente y con utilidades, que tal vez no encuentras en los programas de escritorio.

neu.Notes:   Con ella vas a tomar notas  y dibujar a mano alzada con la ayuda de plumas junto con la paleta de colores o las formas. Esta aplicación gratuita tiene soporte de opacidad, los dibujos son importados en formato png o PDF y pueden ser compartidos por correo electrónico y Twitter.

DrawDraw lite: Simple y sin muchas opciones en su versión libre, te deja dibujar con un lápiz y aplicar colores con una brocha, luego exportas el esbozo como archivo de imagen o como una gráfica en PDF, aunque está limitado a tres páginas para dicho formato, situación que se desbloquea en la aplicación de pago.

Leer más »

Posted in: diseño,iPhone

Espectaculares efectos para listas desplegables. jQuery y css.

El despliegue es customizable, totalmente configurable para conseguir efectos únicos. Como siempre ojo con los navegadores, se trata de transformaciones y transiciones CSS que como sabéis no todos los navegadores soportan.

El regalo nos lo trae TIMPANUS y nada mejor que verlo para encapricharnos y descargarlo .

Leer más »

Posted in: Desplegables,Tympanus.

Simplifica el diseño con iconos estándar.

 

Es importante conocer hacia dónde van los estándars de diseño para aplicarlos y reducir la curva de aprendizaje del usuario para conseguir una mayor y más rápida aceptación del sitio web o aplicación web/móvil. Un ejemplo simple, si sabemos que el icono de una lupa significa “Buscar”, no hace falta complicarnos más, usemos sólo este icono, no hace falta texto. El diseño quedará más limpio si, además, utilizamos sólo dos colores.

En aplicaciones para dispositivos móviles está siendo habitual usar el icono “Atrás” en la esquila superior izquierda, mientras que el icono “Menú” suele situarse en el extremo derecho.

Otra tendencia es simplificar la barra de menú usando sólo dos colores y sólo iconos, sin texto, algo a lo que anteriormente había hecho referencia.

Pensar que estos diseños de menús y opciones sólo deben aplicarse a dispositivos móviles es un error. Si es un diseño con el cual se ha familiarizado el usuario y es más simple o sencillo que lo que tenemos ahora, entonces debemos usarlo.

Leer más »

Posted in: diseño,logotipos

Inventos para una vida más cómoda.

Algunos más utiles que otros.

Seguramente que estarán a la venta, pero lo más probable es que solo los encontréis en algunos sitios de Internet, no en tienda.

Leer más »

Posted in: diseño

Internet supera a los periódicos en inversión publicitaria

La inversión publicitaria en Internet cayó durante este pasado año más del 2%, sin embargo, los anunciantes han perdido mayor interés aun por promocionarse en los diarios tradicionales. Este hecho ha provocado que por primera vez en nuestro país Internet mueva ya más dinero en publicidad que la prensa.


Pero donde verdaderamente hay un pesimismo con pocos visos de esperanza es en el sector de la prensa. Desde que aumentaron las conexiones a la red y sobretodo desde la llegada de la crisis, las ventas de diarios no paran de caer, lo que ha provocado que solamente en el último año la inversión publicitaria en el sector se haya derrumbado un 20,8%, desde los 967 millones de euros de 2011 a los 766,3 de este pasado año.

La red es definitiva el medio del siglo XXI al igual que la prensa escrita lo fue durante el siglo XIX y la primera mitad del siglo XX , hasta la llegada de la Televisión, que aún hoy sigue siendo el medio más importante para los anunciantes debido a su audiencia y su poder visual.

Cuando la crisis llegue a su fin y la economía vuelva a crecer de forma continuada y estable,  quizás allá por el 2018 según la última previsión del FMI,  es muy probable que Internet se haya convertido ya en el medio que más dinero absorba en publicidad

Leer más »

Posted in: internet,redes sociales