Prepararse para un proyecto de diseño web

Hay varias etapas durante el proceso de un proyecto de diseño web, y cada etapa es importante para lograr un resultado final positivo. Con el fin de proceder a la fase de investigación, es necesario recopilar información y conocer de que se trata este, la tecnología se requiere, el público al que se orienta, objetivos, contenido, etc...

¿Alguna vez sintió curiosidad por saber cómo otros diseñadores crear sus sitios web? ¿Cómo se organizan las cosas en el trabajo? ¿Qué herramientas se usan junto a Photoshop?

Cada diseñador profesional o desarrollador trabaja de diferentes maneras, sin embargo, el objetivo es darle buenas ideas sobre cómo puede prepararse y hacer frente a algunos aspectos prácticos de un proyecto de diseño web.






▬Estructura de carpetas
▬Inspiración
▬Wireframes / Estructura
▬Herramientas




Tener una estructura de carpetas agradable y organizado, y acostumbrarse a ella en todos los proyectos, realmente puede acelerar su flujo de trabajo, también recibe puntos positivos, si empiezas a trabajar con un equipo, y mantiene intacta su cordura.

Me gusta tener mis carpetas con el nombre correctamente y separado de todo:

Sitio: Aca va el sitio web completo, html, css, scripts, etc.

PSD: Archivos originales en formato photoshop.

Sources:Logos, iconos, fuentes, flash, entre otros.

Capturas: Imagenes JPG de cada link de la web.

Datos: Yo uso esta carpeta para almacenar los documentos, logotipos antiguas u otros archivos que serán necesarios para el proyecto, por lo general los proporcionados por el cliente.

Ref: Siempre me gusta tener un "Ref" carpeta que utilizo para almacenar imágenes de impresiones de páginas web que más tarde se utilizarán para la inspiración y la lluvia de ideas.





La inspiración es obligatoria y un factor clave para cada proyecto, no importa de qué naturaleza. Sin embargo, ya que este es un artículo práctico, el objetivo es darle a usted los métodos de trabajo y no los puntos teóricos, así que vamos a empezar.

Ahora que tenemos todo organizado para encarar nuestro proyecto, debemos encontrar la inspiracion, y para eso usaremos san google! Por ejemplo si queremos hacer una web de Hostings, buscaremos algo como "Hosting website inspiration" y encontraremos miles de resultados.

Siempre es muy importante tomarse un tiempo para revisar otros sitios e inspirarse, encontrar nuevas ideas, nuevos diseños, y con todo esto hacer nuestro proyecto algo unico.





La mayoría de los diseñadores web prestan muy poca atención a los wireframes, estan subestimados. Un wireframe ilustra el diseño de un sitio web, lo que representa su estructura en términos de contenido y facilidad de uso. Si usted está tratando con los clientes, wireframes pueden ser particularmente útiles para comunicarse y definir algunas ideas.

SITIOS WEB PARA CREAR WIREFRAMES!





Este es uno de los temas que podría generar un nuevo artículo. Le diré algunas herramientas, aplicaciones web, y los marcos que la mayoría de los diseñadores y desarrolladores (incluyéndome a mí) el uso para sus proyectos. Si usted tiene alguna sugerencia, no dude en comentar.





Bueno gente espero que les haya servido, cualquier duda, me mandan un mp o dejan un comentario. SALUDOS!!


Fuente