Foros del Web » Creando para Internet » Diseño Gráfico »

(articulo) flujo de trabajo para diseño web profesional

Estas en el tema de (articulo) flujo de trabajo para diseño web profesional en el foro de Diseño Gráfico en Foros del Web. Acá mostrare como es el flujo de trabajo en el caso de un diseñador web que use software libre,oh,Al menos el mio. El software que ...
  #1 (permalink)  
Antiguo 18/12/2010, 13:59
Avatar de joseomaker  
Fecha de Ingreso: junio-2010
Ubicación: Maracaibo
Mensajes: 314
Antigüedad: 7 años, 6 meses
Puntos: 22
(articulo) flujo de trabajo para diseño web profesional

Acá mostrare como es el flujo de trabajo en el caso de un diseñador web que use software libre,oh,Al menos el mio.

El software que uso en mi caso es:

* Geany (o cualquier editor de texto o IDE)
* Gimp (como alternativa en el software libre tenemos Krita)
* OpenOffice (lo uso y lo usare hasta que LibreOffice sea estable y mas ligero,su alternativa propietaria puede ser Microsoft Office o Lotus de IBM)
* Inkscape (editor de graficos essencial,ademas de que es el mas standart en cuanto a SVG,no tiene alternativa por este motivo aunque illustrator puede hacer casi lo mismo)
* Dia (para diagramas y organigramas,un alternativa podria ser Microsoft Visio)
* Gpick (para generar esquemas de color)
* Firefox (gracias a sus complentos)

Paso 2: Diagramacion
Software usado: Gnome Dia

Este paso parece facil pero ahi que tener en cuenta CIENTOS DE NORMAS DE USABILIDAD,obviamente no se las dire por ser algo muy largas y que se recopila a partir de leer muchos libros (no niego que capaz ahi algunas que aun no se),se trata de preparar una simple presentacion de como ser ordenara todo,este paso es propio de un diagramador web,aca les muestro una estructura de ejemplo para un foro:

como sabran,use Dia y luego lo exporte a PNG.

Paso 2: Organización
Software usado: El sistema operativo….

lo principal: crear una carpeta para las base de datos,otra para las imágenes,otra para la documentación,otra para las hojas de estilos y si quieres otra para codigos Javascript.

Paso 3: Pre-diseño

Software usado: Gpick,GIMP

Esta me gusta mucho y es tal vez el mas importante,tomen en cuenta mis consejos sobre marketing y elección de color,tendremos que crear una serie de colores que sean apropiados,lo mejor es sacarlos del logotipo de la empresa o el cliente.

Y luego de tomar los colores los guardamos y hacemos una nueva imagen en gimp que sean cuadrados con colores dentro,acá ahí un ejemplo:
(es un ejemplo con colores al azar)




Paso 4: Diseño Web
Software usado: Inkscape,GIMP

Pues,desde hace tiempo uso la misma técnica que jesusda:

voy armando todo (colores,imagenes,etc) en inkscape,las imagenes y fotos las preparo en GIMP,luego exporto los objetos (no las cajas y los colores) y luego paso a marquetar (paso cuyo nombre es confundido con Diseño web por muchos),otra cosa,recuerda la usabilidad

Recomendación: Usa las paletas pantano con el esquema de color que elegiste para mantener un mejor rendimiento y mejores resultados

Paso 5: Maquetacion
Software usado: Geany
Escribamos el codigo (X)HTML y CSS,recuerda generar un codigo accesible,valido,etc.



Paso 6: Documentacion
Software usado: OpenOffice

Escribimos la imformacion necesaria y demas,este paso es muy importante,no esta de mas leer libros sobre escritura, y periodismo.

__________________
Visita mi Blog,esta lleno de codigos utiles,consejos,ideas y software libre.

http://josewebmasterlibre.wordpress.com/
  #2 (permalink)  
Antiguo 18/12/2010, 14:50
 
Fecha de Ingreso: diciembre-2010
Ubicación: en el fin del mundo
Mensajes: 199
Antigüedad: 7 años
Puntos: 3
Respuesta: (articulo) flujo de trabajo para diseño web profesional

Claramente otros diseñadores usan otro flujo y otros softwares
  #3 (permalink)  
Antiguo 18/12/2010, 16:50
Avatar de joseomaker  
Fecha de Ingreso: junio-2010
Ubicación: Maracaibo
Mensajes: 314
Antigüedad: 7 años, 6 meses
Puntos: 22
Respuesta: (articulo) flujo de trabajo para diseño web profesional

lo se,era solo para exponer un flujo de trabaja y si es posible que otros mostraran el suyo
__________________
Visita mi Blog,esta lleno de codigos utiles,consejos,ideas y software libre.

http://josewebmasterlibre.wordpress.com/

Etiquetas: diseño, flujo, profesional, trabajo, articulos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:14.