Mi primer diseño web con Inkscape
Bueno, hoy he conseguido una cosa que llevaba año y pico intentando, realizar un diseño web con Inkscape, una herramienta libre de diseño vectorial.
Se que tiene algunas carencias, pero bueno, pensad que de profesión soy informático, y que nadie me ha enseñado diseño 
así que me gustaría recibir críticas constructivas del mismo 
.
Estamos trabajando ahora en desarrollar una aplicación que sirve para gestionar los pedidos en el restaurante de un hotel. Los clientes pueden pedir desde las mesas y las habitaciones de un hotel sin necesidad de llamar a los camareros y luego el maitre, el jefe de cocina, el jefe de barra y el dueño del restaurante tendrán acceso a otra aplicación (hecha en Java) que servirá para: administrar los pedidos, el stock, ver estadísticas, etc. (pronto os dejaré el acceso a toda la info).
El objetivo era diseñar una App web que fuese lo más usable posible, que inspirase modernidad, y que fuese interactuable mediante una pantalla tactil (por eso el tamaño de los botones).
¡No me enrollo más!
Aquí tenéis la primera pantalla que me ha dado tiempo a hacer.
Haz click encima para ampliar
Un saludo
Hola, te recomiendo que uses un fondo más claro si quieres dejar los botones en esos tonos, así destacas la navegación. Si va a ser en una pantalla táctil, juega con el estado de los botones, puedes poner sombra paralela que desaparezca al pulsar, de ese modo quedará más intuitivo. No veo botones para borrar una opción previamente seleccionada o reiniciar pedido, es importante que el usuario vea que puede corregir lo que hace para que se lance a usarlo (los adultos de mayor edad son algo cobardes con las interfaces que desconocen
. Espero que te sean útiles las sugerencias, un saludo!
Lo mío tampoco es el diseño, pero echo en falta iconos contextuales junto al texto de los botones. ¡Buen trabajo!
Del tema de diseño te diré que todo es de colores parecidos, osea todo muy oscuro.
No se trata de un vídeo juego, dale mas contrastes. Todo tiene que tener un estilo homogéneo, se nota demasiado que los botones estan currados y lo de más no. Tamaños tipograficos son muy diferentes. Del tema de usavilidad no entro ya que eso lo veras con el uso.
Gracias a todos por los comentarios
. Pues ya le hice algún retoque y la terminé, en cuanto tenga un ratín la cuelgo online para que veáis como quedó. Los profesores me dijeron que tenía un diseño semi-profesional, que no está mal para ser informático xD (nuestro gusto brilla por su ausencia xD).
En realidad me llevó 9 horas diseñarlo y maquetarlo, por lo que no estoy muy insatisfecho con el resultado.
Lo del fondo hice un amago de cambiarlo, pero no estaba muy inspirado. Y lo de los iconos es una buena mejora, no lo hice por no ponerme a buscar una galería que encajase (ya que tenía poco tiempo para dedicarle al diseño). Os pondré tb el diseño inicial que recibí para que veáis el cambio xD.
Un abrazico y thx again a to2!
Panita para ser informatico ta’ bien, pero tenes que esforzarte mas por diseño y vistosidad, tienen razon que el esta muy cargado de negro prueba con gama de colores vivos y en vez de negro, usa fondo claro que contraste los botones, trabaja con fondos con patrones, pueden ser lineas o otra cosa, tambien usa patrones en mosaico y crea un diseño,usastes un gradiente para el fondo, prueba lo que te digo,los botones pueden ser mas llamativos, busca una fuente bien chic, a la final tendras un png,el blanco que simula brillo dentro del boton encoge un poco mas el trayecto para que se vea mejor el efecto equilibra el gradiente de transparencia, te felicito la distribucion de los elementos de la aplicacion es muy buena. Para maquetar nose, puedes usar un filtro del Gimp se llama web slide, te genera una tabla html, y una carpeta con imagenes ordenadas, sacale mas provecho al inkscape es muy potenete para graficos vectoriales. Se ve que quiere pero falta, yo no soy diseñador, soy informatico igual que vos, pero me pulo bien con blender, GIMP y inkscape. Son buenisimos, para aquellos que no ven mas alla del photoshop, corel o ilustrator, o el max. Las aplicaciones libres antes mencionadas, son perfectas a pesar de ser realizadas por colaboradores entusiastas del todo el mundo, que viva el pinguino, viva LINUX…
Gracias por las sugerencias Gustavo, en breve publicaré otro diseño tb basado en colores oscuros (aunque esta vez forzado un poco por la temática) pero combinando con colores más vivos.
La fuente tb la trabajé un poco más porque en esta ocasión lo haré con CSS3 y ya podré jugar con ese factor.
La verdad es que soy totalmente contrario a las maquetaciones basadas en tablas, así que seguiré haciendo ese trabajo a mano que con blueprint la verdad es que es bastante sencillito.
Un abrazo y gracias de nuevo por tu aportación!!.
Viva TuX!
hola necesito hacer una pagina web cuanto sería el costo, necesito con base de datos y para que puedan logearse, puedan subir sus fotos maximo tres, ya tengo el diseño en imgen pero lo unico q me falta es q sea funcional. estaré esperando su respuesta muchas gracias
Alan lo siento pero ya no me dedico a hacer webs para terceros porque he creado mi propio proyecto. Si quieres que intente ponerte en contacto con otros profesionales no tienes más que decírmelo.
Un abrazo
Hola, te queria consultar una cosa. Como has pasado el diseño del inkscape a web? ya que yo he realizado un diseño en inkscape pero no se como coger el SVG y convertirlo en una web.
Gracias.