web | portafolio blog - Part 2

Tag Archives: web

Soporte para Cd´s al estilo Cover Flow

ishelfdo4

Como me gustan todos esos pequeños objetos llenos de detalles creativos que nos ofrecen los diseñadores industriales para hacernos la vida más cómoda y atractiva si cabe. Lo cierto es que en esto del diseño y la estética, cada vez están más hermanados los conceptos de realidad y realidad virtual. Aquí­ os muestro un ejemplo de como una presentación de imágenes tan cotidiana, que acostumbramos a ver a diario en nuestro ordenador y la web se convierte en algo real y tangible.

Se trata de este original soporte para CD´s inspirado en el modo de visualización Cover Flow. Tanto los que somos usuarios del sistema operativo Leopard en Mac o vista en Windows, ya estamos más que acostumbrados a ver este proceso de visualización que nos muestra de forma atractiva las carpetas y archivos de nuestro ordenador. Además muchas páginas de estilo web 2.0, lo incorporan en sus sites. Pues bien, este producto decorativo es muy sencillo, tan solo una bandeja que hace de base, donde encontramos unas ranuras a modo de hueco donde posicionaremos los CD’s elegidos. El aspecto es muy similar al Cover Flow y nos queda una presentación original que podemos añadir como toque decorativo al salón o porque no, en el escaparate de una tienda de música.

Ideas originales decorativas, inspiradas en conceptos virtuales.

Labexp / Más información.

Roc21 / Fuente de referencia.

25 ejemplos de infografí­as para inspiración

webtrendmap4

Gracias a las creaciones infográficas de muchos ilustradores, tenemos acceso a una información mucho más detallada. Además estas infografí­as, normalmente engloban dos conceptos en su realización. Uno el aspecto de investigación periodí­stica, de convertir la noticia en atractivas gráficas y el otro el de la propia realización de la misma.

Estamos acostumbrados cotidianamente a ver infografí­as acompañando al texto muy bien realizados en peródicos y  revistas, que nos cuentan las noticias y sucesos plasmados gráficamente, para que nos hagamos una mejor idea de los acontecimientos.

A continuación podéis conteplar en esta interesante colección, 25 ejemplos de infografí­as para la web de depurada realización que son una buena fuente de inspiración. Unos trabajos gráficos profesionales, gracias a los cuales se nos hace mucho más amena la lectura y la información.

Sin duda unos trabajos de infografí­a dignos de admirar y que a menudo no se pagan convenientemente por lo laborioso y el tiempo que conlleva realizarlos.

Webdesigner Depot / Fuente de referencia.

Babelwith.me, un chat con traducción inmediata

babelwithme1

En los tiempos que corremos en los que la globalización es un fenómeno social cada dí­a más en alza, la importancia de poder comunicarnos en un idioma reconocible es primordial. Pero claro está, el mundo es muy grande, existen muchos paí­ses y se hablan infinidad de idiomas y lenguas distintas.

Babelwith.me, puede ser una solución, al menos online, para poder comunicarnos con gente de todo el mundo, indiferentemente del idioma que hablen. Se trata de un chat de traducción inmediata, pudiendo elegir hasta 45 idiomas diferentes. Su funcionamiento es como el de cualquier otro chat, pero con la peculiaridad de que cada vez que escribimos el mensaje lo traduce atomáticamnete al idoma del remitente. De esta forma podremos mantener una conversación por chat bastante fluida. Se aconseja utilizar un lenguaje coloquial y sencillo para que el traductor, que está basado en el de Google Translate, funcione lo más fielmente posible.

Una aplicación sin duda muy interesante, que podrí­a implantarse en un futuro en los ya conocidos servicios de mensajerí­a públicos como Yahoo, Live Messenger o Google Talk.

Babelwith.me / Chat online de traducción inmediata.

Mira ideas / Fuente de referencia.

Descarga ví­deos gratis con HDV

hdv

Las descargas de ví­deos gratuitas no es patrimonio exclusivo de YouTube. De hecho la proliferación de ví­deos en esta popular plataforma, hacen que muchos de ellos sean de baja calidad y por lo tanto inviables para reproducirlos fuera de la red.

HDV, es un sitio que nos ofrece la posibilidad de descargar totalmente gratis, diversos ví­deos en calidad óptima. Por supuesto no tenemos una gran abundancia de ví­deos para elegir, pero muchos de ellos son muy profesionales. Nos ofrecen visualizar y descargar ví­deos de corta duración, que encontraremos en las distintas categorí­as como: composiciones, fondos, modelos en 3D, etc… Si además quieres contribuir con una pequeña donación o editar tu propio trabajo para que otros puedan descargarlos, podrás hacerlo en unos sencillos pasos.

Sin duda una estupenda alternativa, en lo que se refiere a recursos audiovisuales, en la que encontraremos una perfecta conjunción entre diseño y calidad.

Entra en HDV y compruébalo por ti mismo.
Clip de pelí­cula / Fuente de referencia.

Cómo medir la rapidez de carga de una web: 6 sitios gratis

Si tienes un sitio web que no carga lo suficientemente rápido entonces hay problemas y, obviamente necesitas darle un revisada minuciosa a cada elemento. Pero si lo que deseas es un verdadero trabajo rápido y sencillo, entonces usa alguna de estas herramientas para medir la rapidez de carga de un sitio o página web. Algunas de estas herramientas son aplicaciones y otras las puedes usar de forma online.

mide la velocidad de carga de un sitio web

6 Sitios con herramientas para medir la carga y velocidad de una Web:

8.000 fuentes gratuitas con UrbaFonts

urbanfonts

Por si todaví­a no tubieses suficientes fuentes a mano para utilizar en el momento oportuno, UrbaFonts, puede que no solo te sirva de utilidad, si no que incluso te desborde. Se trata de otra página que nos ofrece más de 8.000 fuentes gratuitas de libre descarga.

La verdad que stá muy bien tener la oportunidad de encontrar el tipo de letra que andabas buscando para tus diseños, pero cuando hablamos de esta cantidad de fuentes en una sola página, también es fácil perderse buscando la que necesitamos. UrbaFonts, como la mayorí­a de los portales tipográficos, nos ofrece la posibilidad de buscar las fuentes por orden alfabético, por categorí­as o directamente escribiendo su nombre en el buscador. De esta manera se nos facilita la posibilidad de no perder demasiado tiempo encontrando la tipografí­a más idónea para nuestro proyecto.

Un estupendo recurso tipográfico para añadir si cabe, más posibilidades a la hora de trabajar con el mayor número posible de tipografí­as.

UrbaFonts / Portal de fuentes gratuitas.

Esmeraldasblog / Fuente de referencia.

Cómo personalizar tu perfil de Twitter: Free Twitter Designer

Free Twitter Designer es una aplicación Web que te permite personalizar y modificar tu perfil de Twitter en pocos pasos. Sencilla de usar y fácil de manipular es una alternativa a la pregunta recurrente: ¿Como se modifica o cambia mi perfil de Twitter? La respuesta a unos clicks.

freetwitterdesigner, personaliza tu perfil de twitter

Las herramientas que dispone el servicio no son las más sofisticadas pero si las esenciales para hacer de todo. Podemos elegir plantillas predeterminadas (al principio), y luego comenzar a jugar con el formato del diseño, escribir texto, poner imágenes que tengamos en nuestro ordenador entre algunas otras cosas. El resultado es el diseño del perfil de Twitter a nuestro gusto y placer.

Es bastante fácil de seguir, al final se nos da una imagen que es la que tendremos que subir después a nuestro perfil de Twitter para personalizar nuestro diseño y eso serí­a básicamente todo. Así­ que si quieres darle un cambio al diseño de tu perfil en Twitter, Free Twitter Designer es tu eleción por el momento.

Free Twitter Designer / Sitio oficial
Punto Geek / Fuente de referencia

Valoración online de un proyecto web

plantillaweb

Si eres diseñador web y trabajas por tu cuenta, hay ciertas cosas importantes que deberí­as saber a la hora de tratar con el cliente. En realidad me refiero a como valorar tu trabajo y el consiguiente presupuesto que debes aplicar con relación al trabajo realizado.

Los clientes cada vez demandan más la presentación de facturas desglosadas que especifiquen detalladamente los conceptos por el cobro, en este caso, del trabajo realizado. Es por esto que a veces andamos perdidos a la hora de bajo que premisas, debemos aplicar nuestra labor.

Para estos menesteres existe una estupenda utilidad, que puede servirnos de mucha ayuda a la hora de estimar la totalidad de lo que debemos cobrar. Se trata de “Web Development Project Estimator”, una aplicación online que aunque está disponible solo en inglés, nos permite crear fácilmente un presupuesto por cada concepto y labor que hemos contemplado durante el desarrollo de un proyecto web. Una vez que hayas rellenado los campos como cantidad de horas, programación, diseño, etc…, obtendrás el resultado final, el cual podrás guardar en pdf, imprimirlo o enviárselo directamente al cliente para que vea con detalle que lo que ha de pagar corresponde proporcionalmente al trabajo realizado.

Esta herramienta, aunque no sea algo totalmente determinante, nos permite de alguna manera demostrar nuestro trabajo. Otra cosa claro está es que el resultado no sea acorde para el diseñador, porque entiende que ciertos valores como el diseño y la creatividad, deban valorarse de otra manera más subjetiva y sustancial.

Teniendo en cuenta que a menudo el trabajo como freelance se entiende como profesión liberal y la competencia en el mercado hacen de esta profesión algo inestable, no es nada desdeñable el uso de este tipo de utilidades.

“Web Development Project Estimator” / Utilidad online para valorar proyectos web.
Zerozen / Fuente de referencia.

Diseño, arte, tecnologí­a, Nueva Escuela

Este post ha sido peticionado por Nueva Escuela.

Hablando de diseño, arte y tecnologí­a, como un nicho conjugado para la expresión del ser humano, podemos encontrarnos en la actualidad con herramientas y alternativas de expresión como nunca antes en la historia del mundo.  A su vez la educación en ramas separadas, nos ofrece la posibilidad de crear, generar y convertir lo estético en arte y el diseño en arte, finalmente, la tecnologí­a en arte…

Nueva Escuela, diseño, arte y tecnologí­a en Argentina.

nueva escuela, diseno y arte en argentina

Nueva Escuela es una institución de enseñanza en Buenos Aires, Argentina, que trata de promover abiertamente la cultura del buen diseño y el arte como medios de expresión y firmeza educativa, a su vez mostrando que la tecnologí­a es la herramienta adecuada para fomentar el método expresivo del individuo y su necesidad de aportar algo a la sociedad.

Con gran acierto Nueva Escuela se autoclasifica así­:

Nueva Escuela implica no uno, sino muchos desafí­os. Nuestro nombre refleja en sí­ mismo el compromiso de apuntar a una educación de vanguardia, que nos obliga a mantener los sentidos en alerta para tratar de acompañar las tendencias, evoluciones y rupturas en los campos del arte, el diseño y la comunicación.

4 de las carreras por las que yo siento especial predilección y que considero interesantes en todos sus sentidos son: Diseño Gráfico Editorial, Diseño Gráfico Publicitario, Diseño de Sitios Web y al final pero no menos importante  Diseño de Modas.

Para saber más sobre sus planes de estudio y carreras, no dudes en visitar: Nueva Escuela.

Block de notas al estilo Apple, para webmasters.

05368b57ce9

Si hace unos dí­as os hablábamos sobre unas plantillas de estarcido, concretamente el Web Stencil kit, consistentes en unas reglas con motivos de iconos y barras de estilo web, ahora le toca el turno a estos estupendos blocks de notas para bocetos, al estilo Apple.

Pues bien, se trata de realizar croquis sobre las hojas de un cuaderno, como podéis ver en la imagen, pero con la peculiaridad de que la estructura del cuaderno se hace sobre una interface con la imagen y estilo que utiliza Apple, para el diseño de sus ventanas y navegadores. De este modo en unas hojas tendremos unos recuadros de ventanas y en otras la estructura de un navegador tipo Safari, pero con el contenido vací­o, para que nosotros lo rellenemos con nuestro diseño.

7a99

Este cuaderno esta pensado y es ideal para los webmasters, que quieran realizar sus anotaciones o bocetos a la hora de plasmar al cliente la primera idea de lo que a posterior será su proyecto web.

Sin duda una buena idea, aunque el valor estético esté por encima del funcional, que nos hace nuestro quehacer diario más cómodo y agradable.

TrendsNow / Fuente de referencia.

portafolio blog tiene las siguientes Políticas de Privacidad y pertenece a la red Blogurbania Blogs. Validado para XHTML 1.0 Transitional | CSS 3