semantic framework bootstrap html css design user-interface frameworks

html - framework - materialize



¿Un framework GUI de aplicaciones web bien diseñado? (9)

Como una de esas personas que nunca aprendieron adecuadamente diseño (o no tienen talento para ello), el diseño parece ser el paso que siempre me frena. No es un problema para los clientes ricos, ya que los kits de herramientas GUI estándar proporcionan algunas formas aceptables para 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.


Probablemente también encuentres 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! :)


Pruebe las muestras en ExtJs . Los encuentro inmensamente útiles para calcular la IU. (árboles, paneles, modales, etc.)


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

Podrás construir interfaces de usuario bastante hábiles con la forma convencional de arrastrar y soltar y con compatibilidad con temas (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 ...

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


No estoy seguro de que lo que estás buscando exista en la forma en que lo estás buscando. Sin embargo, he tenido algo de suerte con sitios como Open Source Web Design y Open Designs , que tienen algunas plantillas muy hábiles 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 se está acercando al lanzamiento, puede ponerse en contacto con un profesional para que le arregle los detalles o simplemente aprovechar lo que tiene.

Editado para agregar : es posible que 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.


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


Sugeriré Google Web Toolkit si eres un desarrollador de Java. Ejemplos

También secundaré la 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.


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


Me doy cuenta de que este es un hilo viejo, pero aún ocupa un lugar destacado en las búsquedas de Google, así que vale la pena mencionar que Twitter lanzó recientemente Twitter Bootstrap, un "kit de herramientas para poner en marcha CSS para sitios web, aplicaciones y más" ¡que se ve fantástico! » Https://github.com/twitter/bootstrap


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.