Las tendencias de diseño también se aplican a la industria del automóvil

26, marzo, 2012

En cosassencillas siempre nos hemos centrado en cómo han evolucionado las tendencias de diseño aplicadas sobre todo a las páginas web y cómo se han desarrollado nuevas tecnologías web. Sin embargo, he considerado interesante destacar cómo esto también ha sucedido en la industria del automóvil. Es curioso ver como cada vez más tendencias de diseño se aplican de un modo muy similar en ámbitos tan diferentes como las páginas de Internet y el diseño de los nuevos automóviles. Seguramente algunos pensaréis que esto no tiene mucho sentido, sin embargo no hay más que echar un vistazo a las líneas cada vez más imperfectas de algunos de los últimos modelos que encontramos en el mercado.

Uno de los últimos lanzamientos del popular fabricante Porsche, nos enseña unas líneas que no tienen nada que ver con respecto a anteriores prototipos que ha ido sacando para otros modelos, se trata del nuevo Porsche Macan, un vehículo todo terreno que llega para ser el hermano pequeño del Cayenne. Si observamos sus líneas, tienen elementos redondeados a la vez que irregulares, siguiendo una estética muy similar a la de algunos de los portales de Internet que encontramos hoy día de diseño más moderno.

Y es que cada vez las tendencias son más irregulares, formas que llaman más la atención gracias a una mayor irregularidad de las formas que componen toda la pieza. Un ejemplo de esto lo vemos en el fabricante americano Dodge, que tradicionalmente ha fabricado modelos con unas líneas muy rectas, evolucionando a unas líneas mucho más curvadas con el popular Dodge Viper pero que finalmente ha optado por líneas más irregulares, un concepto que actualmente da incluso una sensación de mayor deportividad en el caso de los automóviles. En el caso de las páginas de Internet lo que solemos apreciar es una mayor atención, al ver formas, colores y elementos más novedosos, sobre todo para aquellos que pasamos el día enteros navegando por cientos de webs. Un ejemplo de estos nuevos modelos de coches es el Dodge Charger, que basta con observar su parte delantera para darnos cuenta cómo se trata de un vehículo totalmente irregular, con un diseño que no llega a ser de líneas rectas ni curvas. Sin duda una revolución si lo comparamos con los diseños de otros modelos anteriores del fabricante americano.

Sin duda el mundo y sus tendencias cambia constantemente, atrás quedan diseños obsoletos de muchas redes sociales que caen en el olvido como consecuencia de la constante evolución que experimentan redes mas grandes como Twitter o Facebook. Llama la atención ver cómo sucede algo similar en el caso de los automóviles, basta con ver modelos cuadriculados como el Chrysler Crossfire y compararlo con alguno de los modelos novedosos que hemos mencionado antes. Sin duda las tendencias nunca se mantienen estáticas. Así que os aconsejo que cuando preparéis una página nunca la dejéis años con el mismo diseño, tratad de cambiar constantemente su diseño, lograréis unos visitantes más interesados en el contenido de la página, los anunciantes de la página tendrán también mejores resultados y la experiencia global en todos los aspectos será mejor. ¿O no os gustaría cambiar de coche cada año?


Elements of Design: escaparate de elementos web

19, septiembre, 2007

En SENTIDO WEB descubro a Elements of Design, una galería de elementos contenidos en páginas web que nos puede ayudar a diseñar partes de la página y añadirlas a algún diseño en concreto. Es como CSSMania pero en vez de diseños completos, está enfocado únicamente a elementos.

Podremos encontrar diseños de formularios para comentarios de blogs, comentarios de blogs, calendarios, código, iconos, texto entrecomillado, formularios de registro, cajas de búsqueda, tipología de cabeceras, etc.


Recursos para simplificar tu vida como diseñador web

12, septiembre, 2007

En INFECTED FX encuentro un enlace a una buena recopilación de 77 Resources to Simplify Your Life as a Web Designer (de Vandelay), donde nos proporcionan una lista con 77 recursos para diseño web. Algunos de estos recursos es posible que los conozcas, ya que han sido ampliamente comentados en la blogosfera de una manera u otra, pero otros pueden ser novedad, así que aquí tienes un buen listado de entre los cuales podrán encontrar:

• Herramientas del color. Elegir la combinación adecuada del color puede ser una tarea difícil. Pero puedes intentar algunas de estas herramientas para que tu decisión sea más fácil:

Para ver herramientas relacionadas con el color puedes ver Find the Perfect Colors for Your Website.

• Menús de navegación con CSS. Los menús de navegación basados en CSS, son utilizados por la mayoría de los sitios Web. No necesitan ser creados desde cero, pues hay centenares de menús ya creados y disponibles para su uso. Puedes utilizarlos tal cual o modificarlos para adaptarlos a tus necesidades particulares:

• Menús de la navegación de DHTML. Xtreeme DHTML Menu Studio es una gran herramienta para crear rápidamente los menús dinámicos de navegación (coste: $49)

• Fotos para tu Web. Las imágenes de la calidad realzan grandemente el aspecto de una página Webe. Puedes encontrar las fotos para libre o comprar fotos de alta calidad a bajo precio:

• Iconos:

• Plantillas en blanco de WordPress. Si diseñas los temas de WordPress puedes ahorrarse mucho tiempo descargando estos temas en blanco (de Tomorrow’s Laundry). Puede ser un punto de partida básico para tu trabajo.

• Plantillas básicas en CSS. Puedes ahorrar tiempo comenzando con una plantilla básica en CSS. La mayoría de las Web se construyen a partir de una plantilla con diversas disposiciones:

• Escultor de CSS de Eric Meyer. Uno de los diseñadores principales del CSS ha creado el CSS Sculptor para acelerar la creación de diferentes diseños básicos en CSS. Si diseñas muchas páginas este software de $149 puede ser provechoso.

• Inspector de enlaces que no funcionan. Los enlaces que no nos llevan a ningún lado frustran en gran manera a los visitantes, la comprobación de cada uno de ellos de forma manual es algo casi imposible, estas herramientas lo harán automáticamente para ti:

• Prueba en diferentes navegadores. La pruebas en diferentes navegadores son una parte del proceso del diseño, y por desgracia eso significa perder mucho tiempo realizandolas:

Para más información sobre este tema puedes ver Effectively Testing Your Website in Multiple Browsers.

• Pruebas para validar códigos. El código válido es generalmente más accesible y debe ser una de las primeras cosas que pruebes cuando encuentras algun problema:

• Scripts. No hay necesidad de reinventar la rueda, puedes utilizar scripts libres que otros han creado:

• Generador de favicones. Los favicons son muy popular hoy día, y no son difíciles de crear. Intentalo con estas herramientas libres para crear los tuyos propios y ayudar a calificar tu sitio Web:

• Tipografía. El encontrar la tipografía adecuada para tu diseño, puede ocuparte mucho tiempo, puedes intentar mejorar ese aspecto con algunos de estos recursos:

• Herramientas Web 2.0. La mayor parte de la web 2.0 y los sitios sociales, tienen varias características del diseño comunes. Estos recursos te ayudan a incorporar algunas de estas herramientas de diseño:

• Diseñando botones. Los botones son un recurso que están por todas partes. Crea fácil y rápidamente tus propios botones con estas herramientas:

• Herramientas para genera la imagen del gradiente. Las imágenes con gradiente son otra característica de la web 2.0. Si no tienes Photoshop hay algunas otras maneras de crear gradientes:

• Cajas de esquinas redondeadas. Crear cajas con las esquinas redondeadas es fácil cuando tienes las herramientas adecuadas:

• Burbujas con CSS. Las burbujas para incluir algun tipo de información son otro recurso que añaden cierta variedad y hacen agradable tu diseño:

• Herramientas para el CSS. Si quieres limpiar, optimizar y comprimir tu código del CSS, aquí están algunas opciones:

• Misceláneo:

  • Web Host Uploader – Una herramienta sencilla ftp que elimina la necesidad de cargar manualmente los cambios a un cliente del ftp. Esta herramienta carga los cambios fácilmente.
  • Web Standards Checklist – Lista de comprobación del diseño de los estándares del Web.
  • Firebug Add-On for Firefox – Puedes corregir, eliminar errores y supervisar de tu CSS, HTML y el Javascript en cualesquier página Web.
  • Web Developer Firefox Add-On – Para agregar una barra con las herramientas más características en cuanto al diseño y desarrollo web.


Más de 30 extensiones Firefox para desarrollo web

31, agosto, 2007

En SENTIDO WEB destacan una lista Mashable con más de 30 extensiones para Firefox que nos pueden ayudar en nuestros desarrollos web. Algunas te resultarán familiares, pero otras es posible que desconozcas y pueden ser interesantes. Las puedes encontrar en 30+ Firefox Add-ons for Web Developers & Designers.


CssBased, para votar los mejores diseños web

21, agosto, 2007

cssbased-logo.pngEn WW WAHTS NEW nos da a conocer a CssBased , que puede ser una referencia o ayuda a la hora de definir el aspecto de nuestras ideas, pues podemos navegar por verdaderas obras de arte propuestas y votadas por los usuarios. Dispone de una enorme lista de sitios basados en CSS y clasificados por temas y por etiquetas, resultando relativamente sencillo encontrar el diseño que pueden servirnos de inspiración. Cada layout mostrado puede comentarse creando una red social de personas interesadas por el buen gusto.


Descubre la tecnología usada por un sitio web

16, agosto, 2007

En BLOGMUNDI comentan que mediante BuiltWith podemos saber todos los datos acerca de un sitio web:

  • El sistema de estadísticas que usa.
  • Información del servidor en el que se aloja.
  • Las librerías Javascript que usa.
  • Una estimación de sus visitas.
  • La plataforma o el lenguaje en el que está desarrollado el sitio web.
  • El sistema de publicidad que utiliza.

Una herramienta no apta para curiosos, por que seguro que empiezas a fisgonear un montón de sitios web.


Cien herramientas y recursos online para diseño web

14, agosto, 2007

logoEn XIBERNETICOS comentan que en Design Vitality han realizado una extensa lista de 100 herramientas online relacionadas al diseño web 100 Web Design Template Sources, Tools and Resources. En el artículo encontraremos buenos enlaces donde encontrar un poco de cada cosa: plantillas web, generadores de css, etc.