Un marco de interfaz gráfica de usuario de aplicaciones web bien diseñado?

Question

Como una de esas personas que nunca aprendieron adecuadamente el diseño (o no tienen talento para ello), el diseño parece ser el paso que siempre me detiene. No es un problema para los clientes ricos, ya que los kits de herramientas GUI estándar proporcionan algunas formas aceptables de diseñar una interfaz atractiva, pero la web es otra historia.

Pregunta: ¿Alguien sabe de un marco de alta calidad para diseñar la interfaz de las aplicaciones web? Estoy pensando en los fragmentos estándar de html para un conjunto adecuado de controles (los controles html estándar, además de navegaciones, listas, formularios) y hojas de estilo para darle un aspecto aceptable y moderno. Si tal cosa existiera, podría incluso soportar temas en la forma en que wordpress, drupal etc. lo permitan.

Conozco el yahoo yui, pero en su mayoría es javascript, aunque su grid css es un paso en la dirección correcta.

Answer 1

Me doy cuenta de que este es un hilo antiguo, pero sigue apareciendo en las búsquedas de Google, así que vale la pena mencionar que Twitter lanzó recientemente Twitter Bootstrap, un "kit de herramientas para CSS para sitios web, aplicaciones y más" que se ve fantástico ! »https://github.com/twitter/bootstrap

Answer 2

No estoy seguro de que lo que está buscando existe en la forma que lo está buscando. Sin embargo, he tenido un poco de suerte con lugares como Open Source Web Design y Open Designs, que tienen algunas plantillas realmente pulidas que se pueden adaptar a una aplicación web para que al menos no se vean como basura. También hay algunas ofertas comerciales, como Gooey Templates.

Una vez que esté cada vez más cerca de su lanzamiento, puede ponerse en contacto con un profesional para arreglar los detalles, o simplemente basarse en lo que tiene.

Editado para agregar: Quizás también desee considerar aprender Blueprint CSS. Descubrí que ayuda a guiar mis diseños y les ayuda a mirar "a la derecha", sin restringirme al diseño construido para otro propósito.

Answer 3

Probablemente también encuentre la gran cantidad de plantillas de Wordpress razonablemente útiles para construir, ya que Wordpress es al menos razonable para separar el contenido del diseño. También tienden a tener una sensación bloggy moderna. Por supuesto, ¡formar equipo con un diseñador talentoso es la forma ideal de ir en mi experiencia! :)

Answer 4

Pruebe el samples on ExtJs. Los considero inmensamente útiles para calcular la IU. (árboles, paneles, modales, etc.)

Answer 5

Sugeriré Google Web Toolkit si es un desarrollador de Java. Examples

También voy a la segunda sugerencia para Ext JS. Tiene una gran variedad de elementos de interfaz de usuario realmente atractivos, códigos increíblemente bien documentados y una comunidad sólida.

Answer 6

Esto será más que un framework OP originalmente deseado, pero sugiero echar un vistazo a Morfik.

Podrá construir interfaces de usuario bastante hábiles con el arrastre convencional & y soporte de tematización (la página de inicio está construida en Morfik). Hay muchas otras ventajas que ofrece Morfik, aunque no me dejes fuera del tema. Puede descargar la versión de prueba y ver ...

ps. Descargo de responsabilidad: había trabajado para ellos.

Answer 7

Echa un vistazo http://jacanasoftware.com. Sus plantillas tienen pestañas multinivel, clean css, valida y el CSS no interferirá con sus controles. Los recomiendo mucho.

Answer 8

puede ver este sitio joven, http://guitemplates.com/. Las plantillas son bastante claras y modernas, y con 20 dólares cada una no romperán su presupuesto.

Answer 9

Tuvimos el mismo problema, así que hicimos el nuestro. Interfaz de usuario de CSS (http://css-ui.com/), marco de interfaz de usuario de código abierto. El concepto es usar clases de CSS predefinidas para estilizar cualquier elemento.