Archive for the ‘Plantillas’ Category

Creando un theme para Wordpress en Photoshop

Tuesday, August 4th, 2009

eleganttheme Creando un theme para Wordpress en Photoshop

GrafPedia nos invita a que aprendamos a crear una plantilla de Wordpress en Photoshop para luego codificar como deseemos. Se trata de un diseño oscuro y simple, elegante y con toques minimalistas pero muy atractivo.

Para comenzar necesitaremos una textura y un paquete de iconos en formato vectorial que nos ofrecen en el mismo tutorial, así que no tendremos problemas para su desarrollo.

Comenzamos aplicando la textura de fondo y modificándola con ciertos filtros. Desde ahí pasaremos a ocuparnos de la cabecera y su toque de luz del lado izquierdo. Crearemos el espacio del contenido con sus divisiones y solo quedará rellenarlo para ultimar los detalles del proyecto.

Fuente: PhotoshopLady

Tags: , ,

35 sitios para descargar templates CSS

Friday, June 26th, 2009

35templcss 35 sitios para descargar templates CSS

Las plantillas CSS son útiles por varios motivos. Uno de ellos claro es su implementación. Pero otro punto interesante es que ayudan y mucho a quien se encuentra intentando aprender diseño web pudiendo ver como esta formado el código para determinado elemento.

En DesiznTech nos muestran 35 sitios en los cuales podremos encontrar y descargar plantillas CSS y HTML completamente gratuitas. En el caso de desear utilizarlas solo deberemos incluir el contenido y tendremos listo nuestro sitio. Para hacerlo aún mejor, algunas de ellas se acompañan de su archivo en formato Psd (para Adobe Photoshop) que nos permitirá poder editar las imágenes y el diseño en general de forma mucho mas sencilla y rápida, o bien aprender viendo como se forma el sitio por medio de las diferentes capas.

Tags: , ,

Cómo crear una plantilla desde cero

Wednesday, June 3rd, 2009

crearsitio thumb Cómo crear una plantilla desde cero

Muchos siempre quieren saber como podemos crear una plantilla desde cero, y por eso cuando veo un tutorial que esta bien explicado y con el cual se obtiene un resultado atractivo pienso en compartirlo. En NetTuts publicaron hace poco una guía que nos explica como crear una plantilla web desde cero, moderna, simple y original.

Para comenzar definiremos la estructura de nuestro sitio, dibujaremos su cabecera y aplicaremos algo de vida al resto del fondo. Con algo de color haremos que esto se vea mas atractivo y menos “plano” para continuar con el desarrollo del menú de navegación. Ubicamos nuestra caja de búsqueda, los banners que vemos luego de la cabecera y el contenido. Con algunos detalles mas tendremos un sitio listo para codificar y crear nuestro nuevo proyecto.

Fuente: PhotoshopLady

Tags: , ,

20 plantillas gratuitas para Wordpress

Wednesday, June 3rd, 2009

20themeswp thumb 20 plantillas gratuitas para Wordpress

Uno siempre busca continuamente las plantillas nuevas que salgan para Wordpress, principalmente porque como CMS es uno de los mas manejables y que mas control nos permite tener sobre nuestros sitios. Pero claro, siempre estamos en busca de la calidad, y de una que nos deje manejar nuestro proyecto con total libertad y comodidad.

En Noobr nos ofrecen ver una recopilación con 20 themes para Wordpress de aspecto premium, pero gratuitos. Algunas de las mejores opciones que tenemos a la hora de elegir una nueva imagen para nuestro blog o sitio web. Les recomiendo que lo visiten, hay varias que yo no conocía por lo menos.

Tags: , ,

9 Principios para crear un buen diseño

Wednesday, May 13th, 2009

diswebexito 9 Principios para crear un buen diseño

La gente de PsdTuts nos ofrece un interesante artículo (en inglés) que nos muestra nueve principios importantes para crear un diseño exitoso. Son varios los factores a tener en cuenta, pero la lista repasa los mas interesantes y es por eso quedeberían pasar a verlo.

1- Precedencia (guiando el ojo): Uno de los mas importantes. Lograr que el lector mire a donde deseamos. Un simple ejemplo es que cuando entramos a una web lo primero que vemos en general es el logo.

2- Espacio: Pensar que el espacio es lugar perdido es un error. El espacio muchas veces hace que todo se vea ordenado y claro y por ende, mas atractivo.

3- Navegación: Planear bien a donde el lector podrá dirigirse por medio del menú de navegación, donde ubicarlo, y demás detalles a tener en cuenta para que cumpla su tarea.

4- Diseñar para construir: Cuando creamos el diseño en Photoshop es importantísimo tener en cuenta cosas como si lo que creamos es posible de codificar, que pasaría en otras resoluciones, etc.

5- Tipografía: La elección de la letra, sus tamaños, espacio, color, etc.

6- Usabilidad: Hacer el sitio cómodamente accesible para nuestros lectores, pensar donde ubicar los elementos teniendo en cuenta a que va a reaccionar es algo importante si queremos que se sienta cómodo y lo recorra completo.

7- Alineación: Lo ideal es no mezclar varios tipos de alineación para mantener un orden coherente en el diseño.

8- Claridad: Hay que prestar atención y que nuestras imágenes no se vean pixeladas, las fuentes se vean bien definidas, etc.

9- Consistencia: Que todo combine. Las tipografías, los colores, los formatos. Todo se ve mejor cuando se encuentra dentro de un ordenasí que por que no buscarlo.

Fuente: BlogVecindad

Tags: , ,

curiosidades, mitos, leyendas, videos divertidos, chistes