[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] Les presentamos una de las que fueron nuestras propuestas para un concurso de diseño organizado por la marca de coches Smart. La prueba consistia en el diseño de unas postales a partir del briefing entregado y nosotros entregamos varias y esta es una de ellas, presentada a modo de Mockup.
Diseño de salvapantallas corporativo para los equipos informáticos nuestros clientes de FB Finance
[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] En esta ocasión les presentamos un diseño realizado por nuestro estudio para nuestros clientes de FB Finance a modo de salvapantallas corporativo para los equipos informáticos de sus oficinas. En nuestro estudio pensamos que tenemos que cuidar siempre todo hasta el último detalle.
ENTRE TORMENTAS – Jaco Silbermann (Prod. El Joyero) para Gremlins Gremio
Este post se lo dedicamos nuevamente a nuestro compañero de fatigas Jaco Silbermann que nos ofrece este tema producido por El Joyero y que es el nº 3 del disco Gremfellas de Gremlins Gremio. El tema en cuestión es Entre Tormentas y deja claro la capacidad lírica de nuestro amigo Jaco y su capacidad interpretativa, cooperando esta vez con este colectivo malagueño del que forma parte desde su creación. La trayectoria de dicho colectivo Gremlins Gremio, es continuamente ascendente y poco a poco va ganando más aficionados a su trabajo en toda Andalucía. Pueden acceder al disco entero Gremfellas a modo de lista de reproducción en el canal de Youtube de Gremlins Gremio desde este enlace.
Tutorial para crear una tarjeta de crédito realista y presentarla en 3D con Photoshop – design.tutsplus.com
[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] Queremos mostrarles un tutorial de diseño gráfico que nos enseña a desarrollar tarjetas de crédito y a presentarlas a modo 3D bastante realista mediante el uso de Photoshop. El tutorial es de la web design.tutsplus.com y se encuentra en inglés pero está acompañado de capturas de pantallas y es bastante intuitivo. Si no tiene mucho dominio del idioma inglés posiblemente no será un impedimento poder entender el tutorial. Puede descargar la versión de prueba de Photoshop en instalarla en su equipo por un periodo de prueba desde la web oficial de Adobe. Es necesario registarse para poder realizar dicha descarga. Si lo desea acceda a la web oficial de Adobe para realizar la descarga del instalable de Photoshop desde este enlace. Si desea acceder al tutorial puede hacerlo a través de este enlace.
Qué es Bootstrap y la razón de su exito
[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] Desde la aparición de la web 2.0 Internet sin duda sufrió uno de sus cambios mas notables y a través de este proceso se ha transformado para dar acogida a todas las necesidades de sus usuarios, esto ha sido también el catalizador de que los sitios web también ha tenido que evolucionar con dicho cambio. Allá por el 2011 apareció en nuestro lenguaje profesional los llamados sitios web responsive o adaptables a todo tipo de pantallas y dispositivos fuese cual fuese su formato, dicha evolución de los sitios web se consiguió utilizando técnicas CSS avanzadas para su desarrollo o utilizando nuevos frameworks CSS como por ejemplo el protagonista de este post: Bootstrap. Pero ¿que es exactamente Bootstrap? Pues es un framework CSS desarrollado en el año 2011 por Twitter que permite diseñar sitios web mediante librerías CSS que incluyen tipografías, botones, cuadros, menús y otros elementos que pueden ser utilizados en cualquier sitio web. Aunque como ya hemos dicho el desarrollo del framework Bootstrap fue iniciado por Twitter, este fue liberado bajo licencia MIT en el año 2011 y su desarrollo continua en un repositorio de GitHub. Bootstrap es una excelente herramienta para crear interfaces de usuario limpias y totalmente adaptables a todo tipo de dispositivos y pantallas, sea cual sea su formato. Además nos ofrece las herramientas necesarias para crear cualquier tipo de sitio web utilizando los estilos y los elementos de sus multiples librerías. Otro punto muy imprtante a tener en cuenta por el desarrollador web es la compatibilidad con los navegadores y Boostrap es compatible con la mayoría de navegadores web del mercado: – Google Chrome (en todas las plataformas). – Mozilla Firefox (en Mac y en Windows). – Safari (tanto en iOS como en Mac). – Internet Explorer (en Windows y Windows Phone). – Opera (en Windows y Mac). Con la evolución que ha sufrido hasta encontarse ahora como Bootstrap 3 el framework se ha vuelto bastante más compatible con desarrollo web responsive, entre otros puntos lo han mejorado en lo siguiente: – Soporte casi completo para HTML5 y CSS3, permitiendo ser usado de forma muy flexible para desarrollo web. – Se ha añadido un sistema GRID que permite diseñar usando un GRID de 12 columnas donde se debe plasmar el contenido, con esto podemos desarrollar responsive de una manera más fácil e intuitiva. – Boostrap 3 nos permite insertar imágenes responsive, es decir, con solo insertar la imagen con la clase “img-responsive” las imágenes se adaptaran al tamaño. Boostrap 3 establece Media Queries para 4 tamaños de dispositivos diferentes variando dependiendo del tamaño de la pantalla del visitante, estas Media Queries permiten desarrollar para dispositivos móviles y tablets de forma más fácil. Este listado de mejoras hacen que tengamos Boostrap como una excelente opción para desarrollar webs y aplicaciones web totalmente adaptables a cualquier tipo de dispositivo en nuestros futuros proyectos. Todos sabemos del exito que tiene WordPress en internet y existen muchísimos themes para WordPress que tienen una base Bootstrap o están desarrollados directamente con Bootstrap, es más, podemos decir que actualmente el 80% de los themes para WordPress que son responsive están desarrollados con una base Bootstrap. Este frameworks CSS es de los más famosos y uno de los más utilizados, ya que muchos sitios web de los que visitamos en el día a día están creados con esta técnica y por eso hemos querido dedicarle este post.
Tutorial de creación de anaglifos con efecto 3D – photoshoplady.com
[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] Una vez mas dedicamos este post al diseño gráfico. Esta vez les enlazamos con un tutorial para aplicar a imágenes el efecto 3D y así crear nuestros propios anaglifos mediante el uso de Photoshop. El tutorial es de la web photoshoplady.com y está en inglés pero está acompañado de capturas de pantallas y es bastante intuitivo. Si no tiene mucho dominio del idioma inglés posiblemente no será un impedimento. Puede descargar la versión de prueba de Photoshop en instalarla en su equipo por un periodo de prueba desde la web oficial de Adobe. Es necesario registarse para poder realizar dicha descarga. Si lo desea acceda a la web oficial de Adobe para realizar la descarga del archivo instalable de Photoshop desde este enlace. Puede acceder al tutorial desde este enlace.
Composición artística desarrollada a modo de crítica social
[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] Composición desarrollada por David Pérez desde nuestro estudio, a modo de crítica social por los eventos acontecidos hace dos años en Africa. Para recordar a todas las víctimas de aquella epidemia que amenazo con trasladar a Europa la pesadilla que constantemente se vive en lugares más desfavorecidos.
Website de descarga de recursos de diseño gráfico con algunas opciones gratuitas – inkydeals.com
[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] A los diseñadores gráficos y a los diseñadores web nos gusta de conocer muy bien todo lo que se cuece en internet, pero especialmente lo que se nos puede ofrecer para avanzar en nuestro trabajo y mejorar nuestra técnica de diseño. Para este acometido viene muy bien observar trabajos ajenos y así aumentar nuestra memoria visual. Si al mismo tiempo vamos practicando con nuevas técnicas pues así será mejor nuestro desarrollo profesional. En este post les enlazamos con un excelente website de descarga de recursos para diseño gráfico, dicha web es inkydeals.com y nos ofrece una serie de descargas gratuitas bastante jugosas y muy frescas. No dude si está interesado en este ámbito en echarle un vistazo. Puede acceder a dicha web desde este enlace.
Website de descarga de recursos vectoriales e imágenes – freevector.com
[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] Este post se lo dedicamos de nuevo a los websites de descargas de recursos de diseño gráfico. En este caso a la web de freevector.com la cual nos ofrece una gran colección de archivos vecoriales para avanzar en nuestro nivel con dicha técnica de diseño o incluso para añadirlos a nuestros proyectos. No es necesario registrarse para acceder a muchas de las opciones que nos ofrece aunque se disfrturán de más ventajas si lo hacemos. Puede acceder a la web a través de este enlace.
Website de descargas de recursos de diseño web con WordPress – themeisle.com
[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] Si es usted bloguero y/o tiene una web desarrollada mediante la implementación de WordPress o simplemente está pensando en desarrollar uno, no dude en acceder antes a la web de themeisle.com Es necesario registrase para poder realizar descargas y disponen de algunos temas gratis, ademas nos ofrecen más herramientas como algunos interesantes plugins. Puede acceder a la web a través de este enlace.
