Friday, May 15th, 2009
En Inclusión.es nos ofrecen un interesante artículo con las fases del correcto diseño de una web, que todos los que planeamos trabajar en esto deberíamos tener en cuenta e implementar.
1- Planificación: Objetivos, requisitos y el análisis de las necesidades.
2- Análisis: Arquitectura de la información y estudio de procesos específicos y críticos.
3- Prototipo: Tecnología y diseño de imagen.
4- Pruebas de usuarios y heurísticas
5- Implementación.
6- Arte Final
7- Pruebas de usuarios
8- Entrega y puesta en funcionamiento
9- Mantenimiento
10- Análisis de la consecución de los objetivos.
¿Ustedes utilizan estas fases a la hora de crear una web?
Tags: consejos, Diseño Web, planeacion
Posted in Artículos, Destacados | 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 »
Monday, May 11th, 2009
DarkEye es una galería de sitios web con algunos puntos que la hacen diferente a las demás. Para empezar, a diferencia de la mayoría de estos sitios en los que mandamos la dirección web y debemos esperar a que sea aceptada, aquí la inscripción es automática. Uno agrega laUrl, espera alrededor de 20 segundos (contador incluido) y ya lo veremos en “Today Design” (diseños de hoy). Solo deberemos agregar la dirección del sitio, el nombre, el nombre del diseñador si lo deseamos y listo.
Por otro lado para quienes entren solo a buscar inspiración y recorrer diseños, tendremos la posibilidad de buscar por colores. ¿Planeas un sitio en tonos verdes? Que forma mas fácil de encontrar inspiración que solo recorriendo sitios en este color.
Por último tenemos una sección de “Top 100″ con los cien diseños mas atractivos y la posibilidad de crear (mediante suscripción) nuestra propia selección de sitios, para crear una galería personal con nuestros ejemplos favoritos y poder votar por ellos.
Tags: Creatividad, Diseño Web, galeria
Posted in Creatividad, Curiosidades, Destacados | No Comments »
Monday, May 11th, 2009
Cuando uno crea una plantilla, una de las pruebas importantes a superar es que nuestro diseño se vea bien en la mayoría de las resoluciones posibles. Hay varias opciones para lograr esto, desde diferentes aplicaciones hasta pedir ayuda a nuestros amigos, pero una que me pareció interesante es la extensión para Firefox Window Resizer.
Window Resizer nos permites testear nuestro diseño en varias resoluciones, cambiando la nuestra en el browser para probarla temporalmente. Soporta 640×640, 800×600, 1024×768, 1280×1024 y 1600×1200. Podremos realizar esto por medio de un menú contextual, la barra de herramientas o un botón en la parte superior del navegador.
Fuente: BlogandWeb
Tags: Diseño Web, Extensiones, Resoluciones
Posted in Recursos | 2 Comments »
Friday, May 8th, 2009
Crear una plantilla enteramente, sobre todo la primera vez que lo intentamos, no es un trabajo sencillo. Pero si nos brinda una satisfacción enorme cuando terminamos nuestro trabajo y nos sentimos a gusto con el. Así que vale la pena!. Para comenzar es bueno contar con una serie de sitios o herramientas que nos ayuden en el proceso y para esto es que Designm.ag nos ayuda con un artículo reciente.
Se trata de una recopilación de recursos para crear plantillas que abarcan todos los elementos que nos van a hacer la tarea de crear un theme algo mas sencilla. Se incluyen tutoriales para crear diseños en Photoshop, templates basados en CSS y explicaciones varias sobre como pasar diseños en Psd a formato HTML/CSS, además de algunos recursos y herramientas mas.
Tags: CSS, Diseño Web, tutoriales
Posted in CSS, Tutorial | No Comments »
