Recopilatorio de texturas.

Anteriormente os hablé del uso de las texturas  y que beneficios podemos encontrar frente al color.

Hoy os traigo unas cuantas páginas donde podéis encontrar texturas. Algunas son de uso gratuito y otras de pago por un módico precio.

Patterrific

imagen pagina web de texturas -Patterrific

CG Textures

imagen pagina web de texturas - CG textures

Texture King

imagen pagina web de texturas - texture king

Lemog

imagen pagina web de texturas - LeMog

Archive textures

imagen pagina web de texturas -Archive textures

Plain Texture

imagen pagina web de texturas - Plain Textures

Alterlinks

imagen pagina web de texturas - Alterlink

Free seamless textures

imagen pagina web de texturas - Free Seamless textures

Gr Sites

imagen pagina web de texturas - GR Sites

Grunge texture

imagen pagina web de texturas - Grunge texturesEsta última referencia es de pago si queremos la textura con un tamaño más grande a 900×600 px. El precio no es muy alto y la calidad de la textura es profesional.

 

No dejes de seguirme subscribiéndote al  blog o si lo prefieres siguiéndome en twitter. Y no olvides comentar y compartir porqué el conocimiento es cosa de todos.

 

Uso de las texturas en la web.

 

Gracias al uso de los smartphones y tablets se ha popularizado la utilización de texturas  en el diseño gráfico y web. Sustituir un color de fondo por una textura ofrece la posibilidad de generar respuestas emocionales más concretas al usuario.

Cuando el usuario subconscientemente observa un color, no puede evitar comparar ese color con acciones o conocimientos propios. Esta empatía la hará con muchos factores que el usuario recuerda.

En el caso de las texturas esta empatización se ve reducida a unos pocos factores, normalmente positivos.

Por ejemplo si encontramos un color rojizo, el usuario puede empatizar con amor, corazón, verano, Ferrari, peligro, no pasar, prohibido, etc. En cambio si utilizamos una textura aterciopelada de color rojo al usuario lo estamos guiando hacia cortinas, teatro, lujo, etc.


color rojo

 

imagen de terciopelo

Así pues con la textura podemos orientar al usuario a potenciar aquello que nos interesa resaltar.

La profundidad y el nivel de detalle que ofrecen las pantallas de hoy en día, nos permite dotar de profundidad y dinamismo las composiciones, utilizando este recurso.

 

No dejes de seguirme subscribiéndote al  blog o si lo prefieres siguiéndome en twitter. Y no olvides comentar y compartir porqué el conocimiento es cosa de todos.

Plantillas Responsive para WordPress.

Como diseñador tengo que reconocer que el contenido de una web o blog es más importante que la imagen. Sí, la imagen vende y ayuda a la comprensión y visualización del contenido, pero lo que más vende es el contenido.

Para mi uno de los gestores de contenido más potente es wordpress. Todos los plugins y plantillas que podemos encontrar en la web nos ofrece un amplio abanico de posibildades que nos ayudará a implementar las necesidades personales o de nuestros clientes.

La finalidad para la que se utiliza wordpress puede ser muy diferente, desde un blog dinámico donde colgar información hasta un portfolio para enseñar los trabajos, pasando por otras tantas posibilidades.

Para conseguir cumplir nuestro objetivo, tendremos que jugar con los themes de nuestro blog. La primera consideración que tenemos que tener en cuenta es que el tema que instalemos tiene que ser responsive ya que el mercado de los móviles y las tablets es un mercado emergente.

A continuación, os traigo unas plantillas responsive de diseño minimalista:

Esta batería de temas juega solo con los colores, destacando aspectos de contenido como vínculos y títulos con colores.

Ascetica

theme wordpress ascetica

Adapt

theme wordpress adapt

Murmur

theme wordpress murmur

Magnifique

theme wordpress magnifique

Ari

theme wordpress ari

Skeleton

theme wordpress skeleton

Theme Hybrid

theme wordpress Theme hybrid

Frank

theme wordpress Frank

La siguiente tanda de temas, también son minimalistas pero incorporan un elemento muy de moda, las texturas, dándoles un toque diferente al aspecto de las plantillas.

Unique&Responsive

theme wordpress unique & responsive

Luca’s Theme

theme wordpress Luca's theme

ThemePress

theme wordpress tumblepress

Gridly

theme wordpress gridly

 AccentBox

theme wordpress accentbox

 SimpleGrid

theme wordpress simple grid

Y por último dos temas que he utilizado recientemente:

Minimalizine

theme wordpress minimalizine

Este tema lo he utilizado para el blog de la entidad Rubí Solidari.

Respo

theme wordpress respo

Este tema es el que tengo instalado en mi blog.

Todos estos temas son muy escalables. Gran parte de su aspecto se puede modificar fácilmente desde el panel de configuración del tema o si no desde apariencia de wordpress.

 

No dejes de seguirme subscribiéndote al  blog o si lo prefieres siguiéndome en twitter. Y no olvides comentar y compartir porqué el conocimiento es cosa de todos.

 

Buscadores de imágenes.

 

Para todos los que nos dedicamos a escribir y compartir conocimientos nos habrá pasado alguna vez que queremos utilizar imágenes que acompañen y refuercen el mensaje que transmitimos.

 

Yo sin lugar a duda siempre intento utilizar imágenes Creative Commons. De echo algunas de mis producciones están bajo licencia creative commons. Si estas pensando pasarte al Creative Commons aquí podrás consultar los 6 navegadores más importantes por orden de relevancia:

Flickr

En las opciones avanzadas de Flickr nos encontramos  que podemos acotar la búsqueda a Licencia Creative Commons.

buscador avanzado de flickr

Además de ser el mejor medio porqué cuenta con imágenes profesionales y semiprofesionales, la gran mayoría de ellas las podremos utilizar pidiendo permiso al propietario de la imagen, ya que aunque esté bajo Copyright la mayoría de ellos estan dispuestos a cederlas para promocionar su trabajo.

No lo dudes, si encuentras la imagen ideal, ponte en contacto el propietario y pídele permiso.

Picfindr

buscador CC picfinder

Este buscador nos ofrece una búsqueda por los diferentes aspectos que encontramos en las licencias Creative Commons. Captura de pantalla 2013-02-19 a la(s) 08.46.09 De entre todos los resultados que nos muestra, siempre habrá una parte promocional de los bancos de imágenes de pago y la otra con resultados que nos satisfacen más. Esta manera de mostrar el contenido es un echo bastante recurrente en todos los buscadores y es el precio que tenemos que pagar por disfrutar de esta herramienta.

Sxc

buscador de imagenes sxc

La gran mayoría de las imágenes de este buscador son de uso libre. Además de tener un buscador avanzado que te permite buscar con una resolución concreta, también puede buscar en una sección concreta, resultando muy eficaz para según que búsquedas.

Captura de pantalla 2013-02-19 a la(s) 13.20.45    El inconveniente, es que te tienes que registrar para poder descargar las imágenes.

Wikimedia

Buscador de imágenes, videos y sonidos. Además de tener la opción de buscador, puedes navegar mediante el contenido.

buscador universal wikimedia

Este portal es muy versátil y es difícil no encontrar una manera ideal de búsqueda. La parte negativa es que a veces tiene poco contenido.

Openclipart

Es un buscador de imágenes prediseñadas, aunque también ofrece alguna que otra imagen de resultado.

buscador clipart

Además de encontrar resultados mediante el buscador, también tenemos la opción de navegar por colecciones y por tags.

Veezzle

Este portal de búsqueda de imágenes no es muy relevante. Realiza búsquedas con parámetros parecidos a los otros portales aquí explicados.

buscador de imagenes veezle

Con este buscador tendrás que dedicar más tiempo a investigar la licencia a no ser que te vayas a la sección latest instagram CC. En esta sección encontrarás las últimas fotos de la red social Instagram que se han publicado bajo licencia Creative Commons, la opción más interesante por la que destaca este buscador.

busqueda-instagram-CC-veezzle

Aquí os dejo un gran surtido de buscadores para todos los gustos, desde imágenes profesionales o semiprofesionales hasta fotografías de aficionados.

No dejes de seguirme subscribiéndote al  blog o si lo prefieres siguiéndome en twitter. Y no olvides comentar y compartir porqué el conocimiento es cosa de todos.

Posicionamiento SEO para diseñadores que programan web.

En ocasiones como freelance y debido a los precios ajustados que tenemos que ofrecer para que nos aprueben un presupuesto, nos vemos en la necesidad de diseñar y programar una página web.

Pero si eso no fuera suficiente el cliente nos hace incluir el posicionamiento SEO, para que su página aparezca con el paso de los meses entres los resultados de la primera página de los buscadores.

Con todos estos requerimientos, es normal que se haga difícil el trabajo y se nos haga una montaña.

No te alarmes, es mucho más fácil de lo que piensas, y la mayoría de los requisitos para un posicionamiento SEO se pueden ir implementando mientras escribes código.

posicionamiento-SEO

Pasos básicos para implementar el posicionamiento SEO en una web:

Primero de todo tienes que tener claro que con unas acciones básicas en el código, puedes llegar a posicionar una página web.

Voy ha dar por echo que ya has echo una investigación de la competencia de tu cliente y tienes un listado de palabras clave que vas a utilizar. En otra entrada explicaré herramientas que te pueden facilitar la investigación de todo este contenido.

Una vez tengas este listado lo primero que debes asegurarte de tener una estructura semántica h1, h2, h3, h4 bien definidas. Revisa que en el código html tengas el h1 para el título de la web, el h2 para el título del contenido y así sucesivamente. Pero además asegúrate que en el CSS están las características definidas para cada etiqueta.

Una buena definición de las etiquetas h1, h2, h3… ayuda a estructurar la información y a llevar un orden lógico. Si nos facilita la faena a los lectores, imagínate a los robots indexadores de la información.

El contenido de tus noticias deben tener entre 300 y 2000 palabras, tienes un margen bastante grande para introducir las palabras clave en las que se posicionará tu página web.

Las tablas y el flash son cosas del pasado, si todavía las utilizas, deja lo que estas haciendo y actualízate.

Optimizar el peso de la web, sobretodo reducción el tamaño de las imágenes. Además a cada imagen que indexes acompáñala de la etiqueta alt.

De esta manera si el usuario o los navegadores tienen las imágenes bloqueadas podrán ver de que trata la imagen. Esto a los navegadores les encanta.

En ocasiones nos interesa que un enlace no sea indexado por los navegadores. La etiqueta Nofollow nos ayudar a decir que contenido quieres que vea y cual tiene que pasar de largo.

El title y las etiquetas meta deben estar personalizadas con las palabras clave. En el caso del title,además debe ser personalizado para cada página.

  Metatags:

Los enlaces externos ayudan también a posicionar, gánate que la gente te enlace con contenido de calidad. Llega a acuerdos con gente que complemente tu tarea.

Utiliza los foros para promocionar. Se activo en la comunidades y tu reputación subirá.

Indexa tu página en directorios, por ejemplo Dmoz (es el directorio que utiliza google).

Este resumen te debería servir para saber por donde empezar. No dejes de seguirme subscribiéndote, así podrás mantenerte actualizado y no dejes de seguirme en twitter