PixelST

+IP, Innovación en tecnología VozIP

ppuig — Mon, 23 Apr 2012 09:10:12 +0000

Os presentamos un nuevo proyecto en PixelST, en este caso se trata de una web de servicios de telefonía Voz IP. El encargo consistía en la creación de una identidad gráfica nueva y el desarrollo de un Weblog que permitiera, por un lado, mostrar los servicios y productos de la empresa y por otro, ofrecer información sobre las últimas novedades del sector.

A nivel grafico, hemos trabajado con cabeceras de hasta 2500 pixeles de anchura optimizadas al milímetro y jugando con un slider en portada con 3 imágenes. Las gamas cromáticas de la web van desde el naranja, ocres, grises hasta llegar al color negro.

En cuanto al desarrollo esta realizado, como siempre, bajo WordPress y con jQuery para algunos efectos.

El proyecto ha sido realizado para la empresa Intecna Sistemas.

Ver Portfolio

URL: www.masip.es

Ejemplos de “Diseño sensible” (Responsive web design)

ppuig — Fri, 10 Feb 2012 11:38:37 +0000

¿Qué es el diseño sensible?, el diseño sensible no es ni más ni menos que la técnica que hace que nuestros sitios web puedan adaptarse al dispositivo con el que lo estamos visualizando.

Cuando construimos una web, normalmente hacemos 2 sitios, uno que se adapta a la resolución de nuestro ordenador y otra versión móvil mucho mas minimalista. Con el Diseño Sensible esto ya no es necesario, a través de grids fluidos, media querys e imágenes flexibles, nuestra web se adaptará al dispositivo, independientemente que este sea un ordenador, un móvil, un iPad…

Podéis conocer mas sobre esta técnica en el libro (de obligada lectura) “Responsive Web Design”, escrito por Ethan Marcotte.

Existen también opiniones sobre los problemas e inconvenientes del diseño sensible en el siguiente link:

Reponsive Web es una técnica incompleta (Cesar Soplín)

Os adjuntamos ejemplos de Diseño Sensible:

Vía: Sortega

Gridpak, un generador de layouts fácil y rápido

ppuig — Tue, 24 Jan 2012 09:59:07 +0000

Gridpak puede ser un generador mas de layouts como muchos que hay en la red. Pero lo mencionamos en el blog por que nos ha resultado extremadamente sencillo de utilizar, además de permitirnos configurar el numero de columnas y el padding entre ellas, nos ofrece la posibilidad, una vez que hemos finalizado el layout, de descargárnoslo en formato zip.

El archivo comprimido contiene los siguiente formatos:

Un archivo CSS con las clases y las propiedades para crear el diseño.
Un archivo LESS con la misma información, pero incluyendo variables, mixins…
Un archivo SCSS
Un archivo PNG semitransparente que nos ervira de plantilla en el diseño
Un archivo JavaScript, que nos permite alternar una capa dentro y fuera del grid en cualquier navegador con ayuda de la tecla “G”

Os dejamos un video para que podais ver su funcionamiento:

Vía: Celulaweb
URL: www.gridpak.com

Calendario animado en CCS3 y jQuery

ppuig — Thu, 05 Jan 2012 12:01:21 +0000

Hoy destacamos un original calendario con un diseño muy limpio realizado en CSS3 y jQuery. Sorprende la claridad y usabilidad del mismo; recurso que debemos considerar altamente recomendable.

Podéis ver el proceso de realización en jepija.com

Ver demo

Etiquetas en formato PSD

ppuig — Tue, 03 Jan 2012 14:37:43 +0000

Interesante colección de etiquetas en formato psd ideales para nuestros desarrollos y diseños de tiendas online.

La colección esta formada por 20 psds completamente editables según nuestras necesidades.

En la web de ISPSD.com podéis además revisar una recopilación de tablas comparativas con diseños muy atractivos ideales también para desarrollos de tiendas.

Filter Forge 3.0 ya disponible

ppuig — Wed, 07 Dec 2011 10:49:29 +0000

Filter Forge 3.0 es un potente plugin de photoshop que nos permite generar texturas y efectos espectaculares.

Tenemos también la posibilidad de crear nuestros propios filtros o utilizar los 8.515 creados por la Comunidad de usuarios.

Las características más relevantes en esta versión son la incorporación de modos de imagen de 16 y 32 bits, anti-aliasing, imágenes con resoluciones enormes, vista previa y probablemente una de las características mas destacadas, es la mejoría en los tiempos del render.

El producto está disponible en versión demo para que puedas trastear antes de comprarlo. El precio de la versión completa es de 159$.

Filter Forge 3.0

Aumentar el tamaño de las imágenes sin perder resolución con Blow Up 3

ppuig — Thu, 03 Nov 2011 12:34:45 +0000

Alien SKin, empresa que desarrolla numerosos plugins para Photoshop, ha presentado su nueva versión del software “Blow Up 3”. Este software nos permite nada más y nada menos que aumentar el tamaño de las imágenes sin perder calidad. Esto, parece ser, que lo consigue inventándose los pixeles que le faltan y generando una imagen con la misma calidad que la imagen original.

Blow Up 3 trabaja con aplicaciones tales como:

Adobe Photoshop CS4 o superior
Adobe Photoshop Elements 8 o superior
Adobe Photoshop Lightroom 2 o superior

A nivel software, en Mac nos bastará con un Mac OS X 10.6 o superior, en PC con Windows Vista. A nivel de hardware es necesario como mínimo un Intel Core 2

Realmente si hace todo lo que dice, vale la pena tenerlo. Eso sí, el precio es de 200$ si es licencia nueva y 100$ si es actualización.

Podéis ver más información en la web oficial de Alien Skin Software

3D Map Generator, espectaculares mapas con Photoshop

ppuig — Tue, 18 Oct 2011 09:08:21 +0000

Ya puedes crear tus propios mapas en 3D con un solo clic. 3D Map Generator es un pack de acciones, estilos y psds que nos permitirá crear mapas muy espectaculares y con multitud de variaciones.

Lo primero será seleccionar el mapa que más nos interesa (hay multitud de mapas disponibles), el efecto 3D será generado por el programa. A continuación solo tendremos que decorar nuestro mapa con con los elementos que nos ofrece el pack (edificios, punteros, lagos, nueves, vegetación etc).

Os dejamos un video para que podáis ver qué fácil es generar mapas en 3D con resultados espectaculares:

El precio de 3D Map Generator es de 6 $, pero vale la pena gastarlos.

3D Map Generator

Vía: Diego Mattei

Plantillas para la creación de prototipos en dispositivos móviles

ppuig — Wed, 05 Oct 2011 08:50:29 +0000

El mundo de los móviles ha evolucionado de forma espectacular en estos últimos años; esto ha motivado que los diseñadores deban de dominar las interfaces de este tipo de dispositivos para aprovechar al máximo las posibilidades que estos ofrecen.

En hongkiat han realizado una recopilación de 31 plantillas que incluyen las interfaces gráficas de los softwares más importantes que existen en el mercado, iOS, Android, Windows Phone 7, Blackberry, etc…

Espero que los disfrutéis…

iOS

iPhone 4

iPad

Android

Android GUI

Google Android 2.1

Windows Phone 7

Windows Phone 7
También puede interesarte:

Crear guías, columnas y márgenes en nuestro documento de Photoshop

ppuig — Tue, 20 Sep 2011 08:56:54 +0000

Os presentamos un nuevo plugin llamado Guide Guide que nos permite trabajar con guías y selecciones forma muy sencilla añadiendo un pequeño programa a nuestro interface de Photoshop.

¿Qué podemos hacer con Guide Guide?:

Encontrar el punto medio de cualquier documento que creemos.

Crear márgenes y trabajar con columnas y filas de forma sorprendentemente sencilla

Crear líneas guía en base a una selección cualquiera

El plugin ha sido creado por Cameron McEfee. Únicas objeciones a este magnifico plugin, es que solo funciona para versiones CS4 y CS5.

La forma de instalarlo es muy sencilla, descargar y descomprimir el archivo GuideGuide.zip y ubicar la carpeta en:

Windows:C:/Archivos de Programa/Adobe/Adobe Photoshop CS4 (o CS5)/Plug-ins/Panels

Mac:/Aplicaciones/Adobe Photoshop CS4 (o CS5)/Plug-Ins/Panels/

Para poder acceder a este Script lo haremos a través del menú Ventana / extensiones/GuideGuide

Vía: Desfaziendo Entuertos