Diseñadores UI/UX, aquí están mis sitios de recursos de diseño favoritos de internet que deberían guardar:
Librería de diseño → https://t.co/4vKJ1T3nub
Landing pages → https://t.co/MTwn0L9ZXI
Webs SaaS → https://t.co/q5XGX1ePO9
Creador de apps móviles con IA → https://t.co/yw8QsS2oMo
Tipografías → https://t.co/JxgILyEvHX
Animación → https://t.co/lCtpjUxksk
Apps móviles → https://t.co/hwFsCaEBtV
Marcas → https://t.co/FtwenY0fFj
Iconos → https://t.co/IabVlR8h1C
Sistemas de diseño → https://t.co/6BCB1N7JrT
Resumo en 7 puntos lo que, para mí, ha venido a confirmar la filtración del algoritmo de búsqueda de Google desvelada por @iPullRank.
1️⃣ smallPersonalSite: si tienes una web pequeña, existe un factor que clasifica tu web como tal. Adiós a competir contra gigantes.
Patrones de Arquitectura que debes conocer ↓
1. Arquitectura Orientada a Eventos
Los componentes del sistema se comunican entre sí mediante eventos. Los productores de eventos generan datos y los envían a un intermediario, quien luego los distribuye a los consumidores de eventos interesados.
Ventajas: Escalable y desacoplado
Desventajas: Difícil de depurar y puede haber latencia
Se usa: Para eventos en tiempo real o aplicaciones grandes que deben sincronizarse frecuentemente
2. Arquitectura por Capas
Organiza el sistema en capas jerárquicas, cada una con una responsabilidad específica como presentación, lógica de negocio y acceso a datos.
Ventajas: Fácil de mantener y reutilizar
Desventajas: Puede afectar el rendimiento y ser rígido
Se usa: En aplicaciones empresariales con reglas de negocio complejas
3. Monolito
Todo el sistema está integrado en una sola aplicación grande donde todos los componentes están interconectados.
Ventajas: Fácil de desarrollar inicialmente y buen rendimiento
Desventajas: Difícil de escalar y mantener a largo plazo
Se usa: En aplicaciones más simples que no requieren escalabilidad avanzada
4. Microservicios
El sistema se divide en pequeños servicios independientes que se comunican a través de API.
Ventajas: Altamente escalable y flexible
Desventajas: Más complejo de gestionar y puede aumentar la latencia
Se usa: En aplicaciones grandes y complejas que requieren despliegue independiente
5. MVC (Modelo-Vista-Controlador)
Patrón que divide la aplicación en Modelo (datos y lógica), Vista (interfaz de usuario) y Controlador (manejo de la entrada del usuario).
Ventajas: Facilita la gestión y la reutilización
Desventajas: Añade complejidad y puede generar sobrecarga
Se usa: En frontend (web y móvil) para separar la lógica de negocio de la interfaz de usuario
6. Arquitectura Maestro-Esclavo
Un servidor maestro maneja las operaciones de escritura, mientras que los servidores esclavos manejan las operaciones de lectura.
Ventajas: Mejora el rendimiento y la disponibilidad
Desventajas: Problemas de consistencia y mayor complejidad
Se usa: Para bases de datos a gran escala que requieren balanceo de carga
7 Trucos de Diseño Web para programadores ↓
1. Usa color y grosor en lugar de tamaño para crear jerarquía
Evita que tu diseño se convierta en una mezcla de fuentes de diferentes tamaños constantemente. Úsalo con cuidado y juega con otras propiedades para presentar mejor la información.
2. No uses gris en fondos con color
Una forma fácil de lograr esto es utilizar el mismo color del fondo pero con una opacidad distinta. Así no queda tan apagado y se funde mejor al fondo.
3. Compensa mejor tus sombras
Evita esas cajas que parece que tengan polvo acumulado debajo. Puedes añadir una separación vertical para simular mejorar una fuente de luz de arriba a abajo.
4. Usa menos bordes cuando puedas
Cuando necesitas crear una separación, resiste la tentación de usar bordes para todo.
No es la única forma, también puedes usar cambios de fondo, márgenes más amplios o incluso sombras.