Wednesday, August 26th, 2009
El diseño web cambia constantemente de estilo, por lo menos si hablamos de las nuevas tendencias o de lo que habitualmente “esta de moda”. Uno de los detalles que día tras día cobran fuerza, son los sitios web diseñados en base a una sola página. No tan fáciles de crear como se cree porque la información que deseemos comunicar deberá estar compilada en menos espacio, aunque en algunos casos esto se ve posible gracias a manos profesionales.
WebDesignerDev publicó una interesante recopilación con 30 ejemplos de diseño web en una página que serán una excelente fuente de inspiración en el caso de que estemos planeando crear una sitio de este estilo.
Tags: Diseño Web, sitios web, tendencias
Posted in Artículos, Creatividad | No Comments »
Thursday, August 20th, 2009
Es importante que los botones de nuestro sitio (sean parte del menú de navegación o no) sean atractivos, queden bien con el diseño, y se vean accesibles para los lectores.
Un nuevo tutorial de SixRevisions nos explica no solo cómo crear un botón en Photoshop con estilo 2.0 sumamente atractivo, sino también a cómo implementarlo de forma tal que al poner el mouse sobre él cambie de aspecto. Un efecto que se suele ver en todos los sitios y que muchos no saben como lograr.
Lo primero es obviamente crear nuestro botón, que en realidad serán dos, uno para el estado normal y otro para cuando está activo. Una vez terminado, veremos como es el código que nos permitirá gracias al CSS implementarlos en nuestro proyecto.
Tags: 2.0, botones, Diseño Web
Posted in CSS, Photoshop, Tutorial | No Comments »
Thursday, August 13th, 2009
En el sitio Kabytes tuvieron la genial idea de traducir un artículo sumamente interesante publicado por Noupe, en el cual nos destacaban 10 errores típicos del diseño web. Si nos dedicamos a esto es probable que alguno lo conozcamos, pero nunca está de mas leerlos, y repasar si es que cometemos alguno de ellos.
Los errores son:
- Abarrotar el sitio con imágenes e información.
- Ubicar contenido nuevo difícil de encontrar.
- Poner enlaces de difícil acceso.
- Usar formatos incorrectos en las imágenes.
- Dejar el título por defecto.
- Crear un menú de navegación difícil de encontrar o utilizar.
- Utilizar tamaños predeterminados de tipografías.
- Implementar propuestas difusas en el sitio.
- Usar colores fuertes.
- Ubicar los anuncios publicitarios mezclados con el contenido.
Para conocer mas sobre ellos les recomiendo que pasen a ver el artículo. Seguramente salgamos de él con nuevos conocimientos sobre el diseño web.
Tags: Artículos, Diseño Web, Errores
Posted in Artículos | 1 Comment »
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 »
Tuesday, August 4th, 2009
Cuando un cliente nos pide un diseño web corporativo, nuestro trabajo es diferente al que solemos desarrollar para por ejemplo, un blog. Primero por que obviamente su perfil va a ser mas serio, y después porque lo que una empresa pretende ofrecer en un sitio es un tanto diferente.
Si están por crear un proyecto de este tipo, lo mejor es encontrar antes inspiración. Para esto pueden ver la lista que crearon en InstantShift con 55 ejemplos de diseños web corporativo bien realizado. Hay ejemplos muy limpios y minimalistas y otros que se animaron al color ofreciendo al visitante un marco de accesibilidad importante en este tipo de proyectos.
Tags: Corportativo, Diseño Web, inspiración
Posted in Creatividad | No Comments »
