Fragmentos: kit de interfaz de usuario moderno basado en Bootstrap 4 como código abierto

Hay muchos kits de interfaz de usuario, incluidos los gratuitos. Los fragmentos de Designrevision todavía sobresalen de las masas, ya que no solo es gratis sino también muy considerable y moderno.

Catalin Vasile alias Designrevision

Shards es el primer producto de Revisión de diseño. Detrás de ese nombre, está el «desarrollador de software centrado en el diseño» (autodescripción) Catalin Vasile. El plan de Catalin para Designrevision parece ser la creación de una marca para comercializar ayudantes de diseño de alta calidad en el futuro.

Una de las razones por las que llegué a esa conclusión es la estructura del sitio web respectivo, en el que puede encontrar el elemento de menú «Tienda». Sin embargo, en dicha tienda, el único producto disponible en este momento es Shards. Shards es de código abierto bajo la licencia liberal del MIT. Por lo tanto, puede utilizar Shards para sus fines personales y comerciales, como las comisiones de los clientes. Por su propia cuenta, Catalin está trabajando actualmente en un complemento cargado para Shards. Este sería el primer producto pagado.

Fragmentos y Bootstrap 4: así es como se ve el diseño moderno

Shards se basa en la versión más reciente de Bootstrap, Bootstrap 4. El kit de interfaz de usuario también integra los conjuntos de iconos de Material Icons y Font Awesome, lo que le brinda fácil acceso a más de 1.500 pictogramas. Los iconos se implementan como clases y no requieren ninguna otra intervención manual en el texto fuente. De esta forma, es posible agregar iconos a casi cualquier elemento, sin más ajustes. Esto se puede hacer con una clara distinción visual del texto o sin problemas, uno al lado del otro.

Con respecto a tipografía, hay espacio para que los fragmentos mejoren. Al menos, usar la fuente Poppins de Google en diferentes versiones para los títulos es un buen punto de partida. El respaldo siempre está en la fuente del sistema establecida. Cuando se trata de colorear, Shards usa variantes más brillantes que el estándar Bootstrap. El tarjetas de contenido también están muy cerca del diseño de materiales.

Sin embargo, los elementos interactivos son los que realmente hacen que los fragmentos sean interesantes. El diseño y los controles de las formas y sus campos se ven excepcionalmente elegantes. Esto también se aplica a la validación. El diseño de los controles deslizantes y los selectores de fecha también son realmente llamativos. Este elegante diseño continúa en todas las áreas del kit de interfaz de usuario, incluidos botones, insignias, barra de progreso, alertas, información sobre herramientas, ventanas emergentes y modales.

Validación de formas hermosas. (Captura de pantalla: Noupe)

Aparte del color coordinado barras de navegación, Shards contiene dos páginas de destino completas, así como el archivo Sketch de cinco megabytes que incluye el diseño. Para la descarga gratuita, debe indicarle a Catalin una dirección de correo electrónico válida a la que enviar el enlace de descarga. En el correo electrónico, encontrará un enlace al kit de interfaz de usuario, así como otro archivo de Sketch. Si lo desea, puede omitir la marca de verificación de la suscripción al boletín. Tampoco es obligatorio introducir nombre y apellido.

Definitivamente deberías hacerte con Shards. Por cierto, Catalin ha anunciado el lanzamiento de una versión React de su kit. Sin embargo, en este punto, no hay un cronograma al respecto.

Puede encontrar la demostración de Shards aquíy ver la documentación aquí mismo.