Thursday, May 28th, 2009
Por estos días la gente de Designm.ag decidió enseñarnos a crear una plantilla de forma sencilla en Photoshop, con resultado atractivo y moderno. Los pasos se encuentran bien explicados, así que si se encuentran pensando en crear quizás sus primer diseño, sería una buena opción para tener en cuenta e intentarlo.
Lo primero es ubicar el fondo y las líneas que nos servirán de guía durante el proceso. Luego dedicaremos tiempo a la sección del post destacado y seguiremos con el logo y el nombre que tendrá la web. Con algunos detalles mas tendremos lista la cabecera entera, incluyendo el menú de navegación, y es tiempo de seguir con el contenido, algo que no resultará complicado si conocemos aunque sea básicamente las funciones de las herramientas del programa.
Tags: Diseño Web, Photoshop, Tutorial
Posted in Destacados, Photoshop, Tutorial | No Comments »
Friday, May 15th, 2009
Si estas pensando en crear tu propia plantilla para un blog o proyecto nuevo, parte importante es saber como crear el diseño. En Hv-Designs nos ofrecen un tutorial para aprender a crear un diseño web en Photoshop de forma sencilla, bien explicada y con un resultado atractivo y listo para codificar. Antes de realizarlo, podemos descargar el archivo Psd utilizado como guía.
Comenzamos creando el fondo y a cabecera, formada por un logo a gusto y la información de suscripción. Será momento de crear la barra de menú con un tono de fondo al cual le aplicaremos variados efectos hasta lograr el deseado y agregar la información correspondiente. Pasaremos a dibujar el contenido y algo de la barra lateral creando un motivo personalizado para usar de fondo en los títulos. Para finalizar solo resta agregar la información en el pie de la página y retocar detalles mínimos.
Tags: Diseño Web, Photoshop, Tutorial
Posted in Photoshop, Tutorial | No Comments »
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 »
