Categoría: Diseño de páginas web

Nueva versión de WordPress

Logotipo WordpresSe ha presentado la última versión de WordPress, el popular gestor que nació en 2004 con vocación de blog y hoy es uno de los más completos gestores de contenido de código abierto. La versión 3.4 se denominada también Green, en homenaje al guitarrista de color nacido en Missouri (USA) Grant Green, ejemplo de calidad y simplicidad.

Con la llegada de WordPress 3.4 se inaugura una nueva etapa con importantes cambios que mejoran la seguridad, la funcionalidad y el rendimiento de esta plataforma Content Management System. Green presenta un instalador de temas que facilita las opciones para personalizar las páginas web configuradas con WordPress, permitiendo cambiar colores, fotos, meter tweets directamente en los post y mejora sensiblemente el sistema de uso del gestor, manteniendo, eso sí, todas las características fundamentales que le han consolidado como uno de los grandes CMS, apoyado por una importante comunidad de seguidores y desarrolladores.

Todas las versiones de WordPress, cuyo desarrollador principal es Matt Mullenweg, tienen nombres de músicos de jazz: La primera versión final se lanzó el 3 de enero de 2004 y se llamó Miles por el músico Miles Davis. Versiones posteriores como Mingus o Strayhorn por Billy Strayhorn.

Colores web, con nombre propio.

En el diseño de páginas web, el color, como otras variables del diseño, es un aspecto sensible. En contra de lo que ocurre con el diseño gráfico, donde la posibilidad de controlar el color final es muy alta, siempre que tengamos en cuenta las tintas y el papel que vamos a emplear y trabajemos con imprentas fiables, en el diseño web el control del color final sólo podemos definirlo en teoría, no en la práctica. El color, los colores, que el usuario de un sitio web observa, son el resultado de los colores seleccionados por el diseñador y la desviación de esos colores que presenta cada monitor. El porcentaje de pantallas correctamente equilibradas es sorprendentemente bajo, en más del noventa por ciento de los casos encontraremos dominantes de color y variaciones de luminosidad que falsean los resultados del diseño. Por ello, el diseñador web debe utilizarlos, combinarlos entre sí, de forma que las previsibles variaciones de gama no menoscaben el resultado final. Por contra, y afortunadamente, la gama de colores que pueden representarse en los monitores es muy superior a la que las tintas de imprenta pueden trasladar al papel.
 

Tabla de selección de los principales colores para el diseño web

Tabla de selección de los principales colores para el diseño web
 

Paleta con los principales colores web, que ha generado Meyer, reputado promotor de los estándares web y las hojas de estilo CSS, siguiendo las indicaciones del World Wide Web Consortium (W3C). En el listado, junto al nombre de los colores hemos recogido sus valores hexadecimales.

Tipografías de cine

Las tipografías es uno de los capítulos fundamentales para conseguir un buen diseño web. Si está cansado de los tipos de letras estándar: Verdana, Arial, Helvetica, etc, y quiere dar un toque especial a su sitio web, aquí tiene una colección de tipografías de cine:
Free Fonts Used in Iconic Movies es una colección gratuita, de tipos diseñados con la estética utilizada en los carteles y la promoción de destacadas películas producidas por Hollywood, como Star Trek, Terminator, Indiana Jones, el Padrino, El señor de los anillos, Blade Runner, el Club de la Lucha, Viernes 13, Scream, Final Fantasy, el Planeta de los Simios, o Batman.
 

¿Cómo se ve mi página web desde diferentes dispositivos?

Screenfly es un servicio online gratuito que nos permite valorar como se muestra una página web en diferentes dispositivos y con distintas resoluciones, algo cada vez más importante para los diseñadores web y las propias empresas. Seguro que más de una vez se ha preguntado ¿cómo se ve mi página web en un iPad, o en una BlackBerry?

Diseño web

 

 

 
Con la herramienta de QuirkTools puede comprobar como se presenta en un ordenador de sobremesa o portátil, una tableta, un teléfono móvil, e incluso gracias al navegador Opera, en monitores de televisión. Sólo tiene que introducir la dirección de la página web, la URL, y a continuación seleccionar el tipo de dispositivo.

Nueva aplicación para diseñar páginas web sin conocimientos de programación

Muse es el nuevo programa de Adobe para diseñar y publicar sitios web sin necesidad de escribir código HTML ni tener conocimientos de programación. El programa presenta un sistema de trabajo similar a InDesign o Photoshop, con las opciones de un editor gráfico para diseñar páginas web sujetas a los últimos estándares web: “Crear sitios web tan fácilmente como crear diseños para impresión”.

El flujo de trabajo se organiza en cuatro bloques.
Plan del proyecto - Diseño de la estructura del sitio web: número de páginas, sistema de navegación, etc.
Diseño de las páginas - Diseño de la gráfica con un sencillo sistema de selección y arrastre de elementos.
Previsualización - Previsualización del trabajo o los cambios realizados.
Publicar – Acceso al servidor Adobe Business Catalyst o a nuestro propio proveedor de hosting.

Adobe Muse puede utilizarse con Windows y Mac. La aplicación aún está en fase de pruebas pero la versión definitiva estará disponible a lo largo del primer trimestre de 2012.
La versión beta se puede descargar gratuitamente desde: http://muse.adobe.com/