¿Cómo se crean interfaces planas para sitios web?

No existen estándares para el back-end de los diseños planos. Podría ser cualquier cosa. El término puede referirse incluso al software que no está en línea, aunque generalmente hablamos de sitios web.

El principio principal es eliminar elementos de diseño extraños, como sombras paralelas, brillo y líneas innecesarias. Deje que las jerarquías visuales guíen la vista y delimiten secciones en lugar de, por ejemplo, cortar su página con líneas de borde. Sea audaz con el color y úselo para dividir diferentes áreas del sitio, así como para llamar la atención sobre áreas clave y llamadas a la acción. Los diseños planos dependen de la tipografía y la iconografía más que otros estilos, así que presta más atención a los que normalmente.

Estos principios generales dan como resultado algunas de las tendencias que verá en línea que no son parte del diseño plano, per se. Por ejemplo, el texto solo está ahí para ser leído, pero en el pasado los diseñadores, en un esfuerzo por crear bloques sólidos de texto en línea, usaban tamaños de fuente muy pequeños y difíciles de leer. Ahora la tendencia es seguir la función del texto (legibilidad) y usar tamaños de fuente mucho más grandes. No hay una regla sobre esto; simplemente se desprende de las ideas generales del diseño plano.

El diseño plano también se presta para diseñar en el navegador, lo que significa que es más fácil omitir Photoshop por completo y comenzar a diseñar su sitio con código y un navegador web. Aunque la fase de diseño de precodificación, por supuesto, tiene otros méritos.

Usar reglas estrictas religiosamente dará como resultado un diseño de cortador de galletas. Incluso se puede usar una sombra paralela en un diseño plano si hay justificación para ello. Combina tu propio estilo con estos principios generales, y podrías encontrar algo contemporáneo pero original. Puede llegar a la próxima tendencia de diseño. ¿Quién sabe?

Puede comenzar con Bootstrap como marco, ya que la última versión es muy plana. Con respecto a los lenguajes de programación, no veo ninguna ventaja o desventaja al usar ningún tipo de lenguaje de “backend” como Ruby on Rails, PHP, Python, … – el diseño plano es material visual, desconectado de eso.

Aparte de eso, recomendaría una fuente realmente limpia como Helvetica (Neue), Open Sans o Roboto. Un grosor de fuente delgado (100-300) también se ve bien en ellos. Use cosas sutiles para efectos de desplazamiento, etc. y definitivamente manténgase alejado de las sombras de cuadros, sombras de texto y similares (léase: cualquier cosa que cree dimensión 😉).

La inspiración para los esquemas de color se puede encontrar aquí: colores planos de la interfaz de usuario

Una fuente de iconos también es una buena adición para agregar algo de significado a los enlaces, etc. – consulte este recurso: La gran lista de iconos planos y fuentes de iconos

Diviértete 🙂

More Interesting

¿Existen bases de datos distribuidas disponibles gratuitamente que estén diseñadas para escalar a miles de millones de usuarios en tiempo real? Si es así, ¿Que son?

¿Dónde podría implementar mi aplicación Node.js (juez en línea) que necesita Linux chroot sandbox y virtual box?

He estado trabajando en una nueva startup durante tres meses, pero no he usado ningún framework. Mi código no es spaghetti, pero no tiene ninguna estructura MVC. ¿Debo convertirlo a un marco?

¿Cuál es el mejor enfoque para hacer tablas en la base de datos para la página de inicio de sesión?

¿Cuáles son las mejores herramientas de gestión de tareas y por qué?

¿Cuál es la mejor combinación de JavaScript Framework?

¿Cuál será su pila tecnológica para crear aplicaciones SaaS escalables de alto rendimiento?

¿Los usuarios habituales tienen miedo de los inicios de sesión sociales y más bien crean cuentas para pequeñas aplicaciones web?

¿Por qué las aplicaciones nativas en Android tienen una gran demanda en lugar de las aplicaciones híbridas y web?

Cómo asegurar mi aplicación web PHP sin usar ningún marco

¿Cuánto tiempo tomaría desplazarse hasta el final de tumblr?

¿Cuáles son las implicaciones de alojar nuestra aplicación web en un subdominio?

¿Qué herramienta en línea puedo usar para descubrir cómo mejorar la usabilidad de mi página de inicio?

¿Cómo probar lo que construyó un desarrollador web? Nos encanta lo que está construido, solo queremos asegurarnos de que sea seguro, escalable, etc. ¿Existe un servicio que 'pruebe'?

¿Puedo usar Spring Boot para hacer una aplicación web completamente funcional como Spring MVC normal o incluso Python Frasco?