¿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

¿Puedo hacer una aplicación web si solo conozco Ruby on Rails?

¿Dónde puedo encontrar Tutoriales para desarrollar una aplicación web usando django, para alojar en el motor de aplicaciones de Google?

¿Cómo implementar sus aplicaciones web ahora mismo? ¿Cuál es su idea de implementación automatizada?

¿Cuál es la principal diferencia entre web 2.0 y 3.0?

Si le gusta alguna aplicación web o móvil y desea crear un producto muy similar, ¿habrá algún problema legal?

¿Cuál es la ventaja de usar ASP? NET sobre otros marcos de aplicaciones web?

¿Por qué tomó tanto tiempo que una aplicación como What'sapp se generalizara y cuán complejo es el código utilizado para hacerlo?

Si quiero crear una aplicación web, ¿qué debo usar? Polímero o AngularJS?

¿Cuáles son ejemplos de interfaces digitales complejas?

¿Existe una solución más fácil de usar para la verificación / activación de la cuenta que un correo electrónico con un enlace de token único?

Suponiendo que la industria tecnológica está en una burbuja, ¿afectará el pop a las proyecciones de estadísticas laborales del crecimiento del empleo en el desarrollo web?

¿Qué empresa crea sitios web creativos, efectivos y profesionales?

Así que pasé algún tiempo aprendiendo JavaScript y construí algunas aplicaciones web básicas de tjs de nodo (basadas en express). ¿Cómo haría para escribir una aplicación de escritorio con este conocimiento? ¿Debería analizar cosas como electron.js?

Cómo desarrollar un sistema de seguimiento de asistencia basado en la web para los empleados

Cómo idear una aplicación web o un sitio web