Archive for the ‘Plantillas’ Category
Tuesday, August 4th, 2009
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: Diseño Web, Photoshop, Tutorial
Posted in Photoshop, Plantillas, Tutorial | 1 Comment »
Friday, June 26th, 2009
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: Diseño Web, HTML, plantillas CSS
Posted in CSS, HTML, Plantillas | No Comments »
Wednesday, June 3rd, 2009
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: Diseño Web, Plantillas, Tutorial
Posted in Destacados, Plantillas, Tutorial | 1 Comment »
Wednesday, June 3rd, 2009
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: Plantillas, themes, wordpress
Posted in Plantillas | No Comments »
Wednesday, May 13th, 2009
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: Artículos, Diseño Web, tutoriales
Posted in Artículos, Destacados, HTML, Plantillas | No Comments »
