Posts Tagged: "Diseño Web"

Colección de 400 Patterns para crear fondos para tu web.

Alfonso Lozano - octubre 17, 2008 - Descargas, Diseño en General

Uno de los recursos más interesantes a la hora de diseñar webs o blogs, son los Patterns, unos pequeños elementos gráficos, que se multiplican para formar un fondo simétrico.

Estas formas las podemos crear con facilidad utilizando programas vectoriales como Freehand o Ilustrator, pero para quien no domine estos programas, quiera partir de uno ya realizado, la tarea es bastante más sencilla, ya que los márgenes nos encajarán perfectamente con el siguiente motivo, evitando así engorrosos desajustes.

En DesignReviver, nos ofrecen una estupenda colección de 400 patterns, en mapa de bits y eps vectoriales, que podrás descargar gratis y adaptarlos como consideres a tus diseños.

En cada colección te enviará a ala página donde te los podrás descargar directamente.

DesignReviver, colección de patterns.
Esmeraldablog / Fuente de referencia.

Iconos Sociales con estilo píldora o pastilla

Miguel L. Romero - octubre 10, 2008 - Descargas, Diseño en General, Iconos

Socializar un blog sobre todo, se ha convertido en la obsesión de muchos bloggers y diseñadores de Webs y blogs que rinden un tributo mágico a estos servicios. Pues dejo a disposición de todos un set de Iconos Sociales con forma de pastillas o píldoras, diseñadas para dar un aspecto más original a la Web que se le está socializando.

Pack de Iconos sociales con formato pastilla o píldora

Se trata de 10 curiosos iconos con un estilo muy peculiar y una forma diferente. El formato de los archivos es PNG y contempla en el set de iconos, los más populares sitios web para socializar contenido. Tienen un tamaño de 26 x 71 pixeles.

El Set de Iconos puede ser descargado gratis en Web Tool Kit (quienes lo crearon por lo que leo) y puede usarse para proyectos de diseño comercial o personal. Puedes buscar en nuestra Zona de Iconos muchos otros que son totalmente gratis.

Webpages as Graphs, código de página en colores.

Alfonso Lozano - septiembre 23, 2008 - Editores Digitales

Estamos acostumbrados a ver el código de las páginas web, escrito en lenguajes que no todos sabemos interpretar. Yo confieso que en esto del código html, xhtml o estilos ccs, me pierdo totalmente. Soy una persona más gráfica y me imagino que por eso me ha dado por el diseño.

Imagen del código en colores de Portafolioblog.

En aharef Webpages as Graphs, nos muestran una forma más gráfica de ver ese código. En esta web podemos ver en formas y colores como es nuestra web. Cada color y forma corresponde a un elemento específico del código, como enlaces, capas, imágenes, saltos de línea, etc.

En la imagen de este post, os muestro como es Portafolioblog. Si queréis ver como es el código de vuestra página gráficamente, no tenéis más que insertar la url y aceptar.

Web de código en colores, Webpages as Graphs.

4º Derecha / Fuente de referencia.

Dylan Messaging Bob Dylan te quiere dar un mensaje.

Alfonso Lozano - septiembre 22, 2008 - Cosas Graciosas, Informática e Internet

No se si os gusta o sois fans de Bob Dylan, pero lo cierto es que él si parece ser fan nuestro. ¿Cómo, que no os lo creéis?, pues pinchar aquí, para que lo comprobéis por vosotros mismos. Parece ser que Dylan, es asiduo lector de Blogurbania.

Bueno como habréis podido comprobar ya, se trata de uno de esos mensajes personalizados, en los que puedes incluir tu mensaje.

Dylan Messaging.com, es una página donde podrás personalizar un mensaje, que supuestamente y a modo de pase de carteles, nos está contando el ya más que consagrado Dylan. Y es que la aplicación en concreto es muy interesante, ya que con unos sencillos pasos a seguir, compondremos un mensaje que luego podremos mandar desde la propia web, a los contactos que queramos, sin necesidad de guardar la película.

Sin duda una atractiva, creativa y graciosa idea en la que el que quiera se podrá sentirse admirado por esta gran estrella del folk.

Página oficial de Dylan Messaging.
Adverblog / Fuente de referencia.

Spanky Corners: generador de esquinas redondeadas

Miguel L. Romero - septiembre 16, 2008 - Como Hacer, Diseño en General, Editores Digitales

Spanky Corners es un sitio Web que nos proporciona una herramienta indudablemente útil, ya que con solo escribir los parámetros deseados nos genera 4 esquinas en Gif y el código Html y CSS para tener cuadros (o cajones) con esquinas redondeadas en nuestros diseños Web.

Como generar esquinas redondeadas en una Web: Spanky Corners

Para muchos diseñadores Web (me declaro culpable pues sigo siendo nada más que un aprendiz) que no tienen muchas nociones de CSS o se les dificulta un poco la creación de sitios Web con CSS, Spanky Corners puede resultar un recurso gratuito imprescindible, ya que ahorra tiempo, dolores de cabeza y problemas.

El proceso de creación de los cuadros o cajones con esquinas redondeadas es muy sencillo en verdad, y es que este Editor Online se encarga de todo el trabajo mediante un simple click.

Spanky Corners / Sitio oficial para hacer esquinas redondeadas
Diario THC / Fuente de referencia

GradColor: Generador online de colores degradados

Miguel L. Romero - septiembre 11, 2008 - Diseño en General, Editores Digitales, Informática e Internet

Gradcolor es un proyecto Web que pretende encarar una difícil tarea haciéndola fácil, generar degradados o gradientes partiendo de dos colores elegidos para utilizarlos en nuestro Blog o Web. No sólo eso, ya que genera una imagen especifica con el tamaño que le hemos especificado en pixeles y, nos da el código Html para incrustarlo en nuestra Web.

GradColor: consigue crear degradados en línea para tu Web

Este editor online es beneficioso por dos razones, porque ahorra tiempo y porque puede servir de base para diseñadores Web que apenas estén empezando su aprendizaje o que no conozcan herramientas como Photoshop para realizar estos degradados o gradientes.

En lo particular esta clase de proyectos Web me gustan bastante, son recursos bastante accesibles y útiles sobre todo, y además cada vez vamos agregando más y más Editores Online a nuestra sección destinada al caso.

GradColor / Sitio oficial para generar gradientes online
Killer startups / Fuente de referencia

Minimalsites, galería de sitios Web con diseño minimalista

Miguel L. Romero - septiembre 6, 2008 - blogs recomendados, Diseño en General

Minimalsites es una propuesta interesante, que fuera de la común idea (magnifica de igual manera) de crear un weblog para ofrecer muestras de logotipos del mundo, vectores gratis o brushes para photoshop gratis, este sitio nos ofrece una galería de diseños Web minimalistas, que esencialmente tienen ese aspecto limpio y neutro, con la utilización más adecuada de los silencios gráficos y los enfoques del diseño gráfico moderno.

Minimalsites, como su nombre lo indica, Webs minimalistas

Como diseñador gráfico he de decir que el minimalismo a la hora de aplicar el estilo, es una corriente artística comercial que me gusta demasiado, aunque por mucho que me esfuerce no termina de encajar (algunas veces) en el gusto de los clientes que solamente buscan lo vistoso, lo radiante, lo chocante…

Esta bella Web me llega a través de Kabytes, quien como yo opina lo mismo respecto al diseño minimalista, y somos grandes partidarios de su utilización e implementación en el diseño gráfico y diseño Web.

Minimalsites / Sitio oficial y galería de webs minimalistas

Cuadros de publicidad de 125 x 125 en psd, gratis

Miguel L. Romero - septiembre 6, 2008 - blogs y bloggers, Descargas, Diseño en General

El formato (ya clásico) que han implementado los weblogs desde siempre para vender publicidad, es el formato de anuncio publicitario con tamaño de 125×125 pixeles, y si quieres utilizar estas plantillas en PSD (para Photoshop) con 8 ejemplos de publicidad del estilo: «Anunciate Aquí», pues puedes hacerlo, ya que están dispuestos para descargar gratis y usarlos en tu blog o tus blogs.

Anunciate Aquí, publicidad en este blog, plantillas gratis

Se tratan de 8 plantillas de ejemplos gratuitos para que puedas modificar y mostrarlos en tu blog de forma rápida y sin complicaciones, yo ahora mismo solamente muestro 6, pero son 8, vienen en formato Psd, Png y pueden usarse entorno a PC o Mac, simplemente necesitas tener Photoshop claro está.

Puedes descargarlos directamente Aquí, y comenzar a trabajar los anuncios publicitarios para que posibles compradores y anunciantes los vean en tu blog y decidan comprar espacio en tu blog.

Recursos Web para diseño gráfico siempre es importante tener, ya que uno no sabe cuando puede llegar a necesitarlos.

Incluso hay un Plugin para WordPress llamado Wp125 que nos permite gestionar y controlar la publicidad fácilmente en nuestro blog.

Mochate / Fuente de referencia
Tutorial Blog / Fuente de los archivos en PSD

Vtube Tools, para dar estilo a los vídeos de Youtube

Miguel L. Romero - septiembre 1, 2008 - Como Hacer, Diseño en General, Editores Digitales, Informática e Internet

Vtube Tools es una Web interesante, que entre otras cosas nos permite darle un estilo personalizado al player de Youtube, para embeder los vídeos en nuestro blog o Web y con esto darle un formato único al reproductor de Youtube.

Los cambios que podemos agregar al player (unos ya los brinda Youtube) son básicamente el poder cambiar los colores, los bordes, el tamaño, o sea agregarle el estilo personal o diseño estético deseado, aunque tampoco es que este lleno de funcionalidades, pero bueno, Vtube Tools nos ofrece un servicio que para algunos puede resultar vital.

VTube Tools, personaliza y diseña tus players de Youtube

La forma de configuración de los vídeos de Youtube para cambiarles el aspecto del player es bastante sencilla, incluimos el ID del vídeo y listo, comenzamos a editar, colores, estilos, diseño, estética, y finalmente un nuevo código que nos permitirá, además de incluir el vídeo de Youtube, añadir la persnalización de diseño que hemos hecho de antemano.

Este editor online es una herramienta esencial para aquellos que quieran editar el aspecto visual del reproductor de Youtube.

Vtubetools / Sitio oficial del editor
Killerstartups / Fuente de referencia

BGPatterns, web para generar fondos y backgrounds gratis

Miguel L. Romero - agosto 25, 2008 - Como Hacer, Diseño en General, Editores Digitales

BgPatterns es un editor online (de entre la gama de editores online que existen) que nos permite crear y configurar fondos o backgrounds para proyectos Web, o para el diseño de la textura (pattern) o fondo de nuestro blog.

BG Patterns, crea fondos para webs o genera backgrounds

En el sitio Web para editar y crear fondos podemos disponer de varios tipos de diseños, además se puede editar el color con facilidad y crear el más cercano a nuestras necesidades, incluso variar la intensidad de la opacidad de los símbolos y elementos del diseño, en realidad es una herramienta muy útil, nada compleja y bastante funcional.

Así que si alguien necesita crear un fondo para su web o generar un background para algún blog y no quiere utilizar un color fijo o las imágenes que tiene no le convencen, que intente utilizar BGPatterns, igual y termina convencido con lo que se puede conseguir con esta Web.

BgPatterns / Sitio oficial para crear fondos
Zarquin / Fuente de referencia