Posts Tagged ‘diseño’

12.17.2008 by Ramiro

Ecofont, el tipo de letra que ahorra hasta un 20% de tinta

Parece una estupides pero es algo realmente simple y efectivo. La empresa holandesa Spranq alteró el tipo de letra Vera Sans (que es open source) y le puso agujeros para disminuir el nivel de negro de cada letra sin perder de vista la visibilidad de la letra para que sea fácil de leer. El resultado es EcoFont que se puede descargar gratis.

ecofont_voorbeeld_klein

Descargar EcoFont.

12.03.2008 by Ramiro

Nuevo Diseño en Breve y Theme para Wordpress

Quasar WP Theme

Quasar WP Theme

Desde hace tiempo estoy tratando de encontrar algún diseño que pegue con el contenido pero siempre encuentro algo que cambiar. Esta vez me decidí a hacer mi primer Theme para Wordpress… llamado obviamente Quasar.

Necesito pasar de Photoshop a CSS el diseño y listo. También va a estar disponible para descargas.

El concepto es simple: el contenido es el que manda. El tema en sí no tiene mucho color pero si quería que el encabezado no ocupara mucho, que haya un resumen por grupo de categorías de lo que hay en el sitio ya que lo leen personas de diferentes niveles de conocimientos en computación (clientes, diseñadores, programadores, etc) y era hora de separar esas cosas para que nadie se confunda o piense que el sitio tiene contenido que no es para cada uno.

También quería cambiar por un fondo blanco para que sea más fácil de leer y sin muchas imagenes. La parte superior tiene la búsqueda que este diseño no tiene y el link a los RSS. El resto del diseño es a tres columnas fijas. La primer columna, a la izquierda, son los posts, la segunda publicidad y la tercera la navegación.

El footer (que no aparece en el screenshot) va a tener algunos links también.

12.03.2008 by Ramiro

E-Maniacs.com: Tutoriales sobre Diseño

E-Maniacs.com es un blog que ofrece tutoriales sobre diseño web abarcando varias categorías. Ofrece recursos (brushes de Photoshop, Iconos, figuras), tutoriales, videos explicativos, gráficos vectoriales gratis, themes de Wordpress y hasta wallpapers.

Si usted está buscando recursos de calidad, gratis no puede dejar de visitarlo. En la parte derecha del blog están los links y sitios afiliados y abajo de ese bloque estan las categorías del sitio en donde puede  encontrar más calidad que cantidad. El sitio se actualiza regularmente por lo cual podemos esperar más novedades.

No solo pueden suscribirse al RSS del sitio sino que también pueden seguir su progreso en Twiter.

12.02.2008 by Ramiro

¿Cómo se ve su sitio en diferentes navegadores?

Desde que Internet Explorer se hizo famoso por el soporte a CSS (los archivos que le dan formato a las páginas) se inició la guerra de los navegadores… a partir de eso momento comenzó además el desorden de los estándares (y el auge de las organizaciones que tratan de arreglarlo).

Esto lleva al problema de que muchos diseños no son compatibles entre navegadores. ¿Cómo darse cuenta? esta herramienta ofrece screenshots de sitios. Solo debemos escribir la dirección y seleccionar en qué navegador queremos verlo.

Visitar NetRednerer

11.24.2008 by Ramiro

Diseño de Logos: para a tener en cuenta

A la hora de diseñar logos hay varios elementos que se desconocen. Por experiencia cuando alguien se decide por un logo se basa mas en parámetros personales que de mercadeo lo cual hace que el logo no sirva para mucho.

Esta es una lista de cosas a tener en cuenta a la hora de buscar el logo, que al fin de cuentas es la imagen de la empresa / proyecto:

  1. Concepto / Idea: el logo debe ser fácil de identificar con la actividad de la empresa o del proyecto que representa. Y, en casos abstractos ver el punto 2:
  2. Debe ser fácil de recordar / asociar a la empresa / proyecto. La presentación es muy importante.
  3. Debe ser simple: los logos complicados son muy lindos pero carecen del beneficio de los dos puntos anteriores. Aunque suene gastado el ejemplo más conocido sobre este punto es el logo de Nike (conocido como Swoosh) es simple, fácil de recordar y mercadeable.
  4. Debe ser flexible: si se necesita usar el logo en blanco y negro, en ropa, en vehículos y otros medios el logo debe ser adaptable o por lo menos tener versiones que se adapten a estos medios. Colores degradados, 3D y diseños complicados son muchas veces difíciles de reproducir en ropa, por poner un ejemplo.
  5. Legales: si el logo utiliza fuente, imágenes, decoraciones que cuentan con derechos de autor restrictivos puede ser un problema a futuro. Es muy frecuente ver el uso de Dingbats y otros símbolos que se encuentran en tipos de letras que vienen con Windows / Office en algunos logos y eso puede ser un problema bastante grave y objeto de demanda. Lo mismo pasa con las fotos.
11.12.2008 by Ramiro

Revisando diseños - PhoneWatch.com

Recientemente estuve viendo algunos sitios y encontré Phone Watch Un sitio que vende teléfonos con forma de reloj.

El sitio tiene la particularidad de tener un diseño y una navegación simple lo cual hace que sea fácil encontrar la información. Esto es lo que hace la diferencia en un sitio ya que ademas es lo que ayuda a poder hacer una compra sin complicaciones.

El sitio está estructurado usando menú a la izquierda, datos de perfil y compras en la parte superior y una navegación extra en la parte de abajo.

09.24.2008 by Ramiro

¿Qué hace un Webmaster?

El Webmaster es conocido como la persona que administra un sitio… pero ¿qué hace?, ¿qué es un webmaster en realidad? La tarea de ser Webmaster evoluciona con la misma rapidez que lo hace Internet por lo tanto el concepto básico de que el Webmaster es el que crea, edita y cambia páginas e emails en un sitio quedó un poco corto.

Para explicar un poco más sobre este tema podemos decir que el Webmaster es el intermediario entre el usuario final y la tecnología de Internet. Las tareas no son tan simples como las mencionadas anteriormente de agregar o cambiar cosas. Un Webmaster moderno tiene que saber entre otras cosas:

  • Saber sobre el sitio que se administra para conocer sus necesidades de expansión y mantenimiento: ser capaz de mover un sitio entre servidores, realizar tareas de mantenimiento y control como backups y pruebas
  • Obviamente tener conocimientos de Diseño y/o programación según se necesite: todos los sitios necesitan diseño y programación, ya sea por cambios visuales mínimos o por programación báscia, HTML o lenguajes de programación web.
  • Estar al tanto de los cambios tecnológicos: las cosas cambian y una misma página necesita adaptarse para lograr mejor rendimiento, cargar más rápido o agregar nuevas tecnologías. Un buen ejemplo de esto son los recursos multimedia (video, audio, gráficos) que pueden ser desplegados de diferentes maneras
  • Estar al tanto de la seguridad del sitio: esto se ha vuelto muy importante ultimamente. No basta con saber como crear cuentas de correo y agregar páginas. Hay que saber como mantener el spam al mínimo para que no sea una molestia y que tampoco se “coma” los recursos del servidor. Hay que controlar los datos que se ingresan a una página, especialmente formularios (como los de contacto) y todo tipo de datos que se puedan agregar en un sitio (uploads, comentarios, etc)
  • Motores de Búsqueda: este es otro punto de suma importancia ya que de nada sirve un sitio si nadie lo puede encontrar entre los millones que hay en todo el mundo. La Optimización para Motores de Búsqueda (SEO, por sus siglas en inglés) es otro sí o sí de un buen Webmaster. Saber sobre los términos y a qué público apuntar y todos los “cómos” para ubicar un sitio en un buen lugar. Además de cómo posicionarlo.

De esta lista simple se desprenden varias categorías de Webmasters. Hay personas que saben un poco de todo y otras que se concentran en una sola especialidad. Estanmos hablando de lo que es:

  • Administración: parte técnica, hosting, parches de seguridad, etc
  • Diseño: crear algo visualmente atractivo y funcional, navegable y útil para su propósito
  • Programación: todo lo que no se ve y que hace que el sitio funcione correctamente, bases de datos, interacción, etc
  • SEO y Mercadeo: todo lo que es posicionar y promover el sitio

Individualmente o como un todo todo Webmaster tiene que conocer basicamente algo de esos 4 puntos ya que todo está entrelazado. Por poner un ejemplo un sitio que vende productos que se maneja de forma manual, agregado una página por producto tarde o temprano necesita programación para automatizar procesos de cambios de precios. Manejar 1000 productos en una página manual es posible, pero aumentar un 10% a todos los productos es una tarea tediosa que una base de datos y algo de programación pueden lograr en pocos minutos.

Como mencionamos antes un buen sitio no es nada si no tiene tráfico,  SEO es un sí o sí tanto para mercados grandes como pequeños.

Sumemos la seguridad y la parte tecnica para terminar de entender por qué las tareas de un Webmaster son un todo. Ningún sitio con tráfico puede aguantar visitas y mantenerse seguro sin un buen alojamiento y políticas de seguridad. Ha pasado en varios casos que sitios importantes han sucumbido a ataques y problemas. Claro, no siempre es fácil saber por dónde va a aparecer algún problema de este tipo pero manteniendose al día es la mejor manera de evitar problemas.

Lo que no se ve

Casi todo se puede hacer en un sitio Web, las limitaciones dependen de el objetivo del sitio. Un buen Webmaster no debería decir que algo es imposible de hacer sino que no es conveniente, claro, eliminando a los Webmasters desonestos que casi siempre dicen que no es conveniente para no hacer ningún cambio desde el vamos ;D

Hay que tener en cuenta que hasta los cambios más mínimos como agregar un banner parecen tareas simples y en general lo son. Como cliente uno espera el resultado final y muchas veces no se da cuenta que atrás hay diseño, archivos y maneras de hacer las cosas para que a futuro se puedan actualizar.

En cuanto a correos no es tan solo crear una cuenta. Hay espacio en servidor, controles de spam. Pocos dueños no tecnicos de sitios saben que cada sitio debe contar con cuentas del tipo abuse@dominio.com, webmaster@dominio.com, postmaster@dominio.com y otros tantos detalles que si bien no afectan la funcionalidad del sitio hacen de su calidad algo más sólido.

Un ejemplo final: hace unos años le dieron a un webmaster la tarea de agregar productos a una página. El webmaster sabiendo que la empresa iba a crecer rápido optó por hacer una buena programación para administrar productos. Pudo haber entregado el resultado el mismo día, de manera manual y funcional y ganarse un crédito extra por realizar la tarea pero no. El beneficio llegó poco después cuando de pasar de 10 - 15 productos y ventas a mano se pasó a más de 500 productos y ventas automáticas con carrito de compras. Si hubiera tomado el otro camino, el que parecía más fácil, hubiera sufrido más tarde al tener que mudar esa estructura manual a una automática en corto tiempo. Ya que cuando se crece rara vez hay tiempo para arreglar los errores que se arrastran.