# Feuxui > Felipe Vargas Paolini · Director creativo, diseñador UX/UI y cofundador de LA BRUTAL. Portafolio y conceptos de diseño explicados con animaciones. ## Pages - [Jerarquía de botones](https://feuxui.com/aprende/ux/jerarquia-de-botones/): Cómo diferenciar el botón principal del secundario y nombrar bien cada acción. - [Etiquetas de formulario](https://feuxui.com/aprende/ux/etiquetas-de-formulario/): Por qué el placeholder no reemplaza la etiqueta y cómo armar un formulario claro. - [Zona del pulgar](https://feuxui.com/aprende/ux/zona-del-pulgar/): Dónde poner los botones en el celular para que se toquen sin estirarse. - [Enlaces descriptivos](https://feuxui.com/aprende/ux/enlaces-descriptivos/): Por qué «haz clic aquí» no funciona y cómo escribir enlaces que se entienden solos. - [Balance óptico](https://feuxui.com/aprende/composicion/balance-optico/): La medida es el punto de partida. El ojo tiene la última palabra. - [Márgenes](https://feuxui.com/aprende/composicion/margenes/): El mismo margen en los cuatro lados: entre el 5 y el 10% del lado corto. - [30 tips de diseño](https://feuxui.com/aprende/30-tips-de-diseno/) - [Hero sin carrusel](https://feuxui.com/aprende/ux/hero-sin-carrusel/): Por qué tu carrusel no comunica y cómo armar un hero con un mensaje y una acción. - [Menú hamburguesa](https://feuxui.com/aprende/ux/menu-hamburguesa/): Cuándo usar el menú hamburguesa y cómo armar un menú de escritorio que sí se usa. - [Íconos con texto](https://feuxui.com/aprende/ux/iconos-con-texto/): Por qué tus íconos necesitan una palabra y cómo armar una barra clara. - [Texto centrado](https://feuxui.com/aprende/ux/texto-centrado/): Por qué el texto centrado cansa y cómo arreglar una tarjeta en 3 pasos. - [UX / UI](https://feuxui.com/aprende/ux/) - [Rompe las reglas](https://feuxui.com/aprende/criterio/rompe-las-reglas/): Las 30 reglas en una página. Apréndelas, úsalas y rómpelas a propósito. - [Ojo de diseñador](https://feuxui.com/aprende/criterio/ojo-de-disenador/): 5 preguntas para entender por qué un diseño funciona y llevar la idea al tuyo. - [Principio KISS](https://feuxui.com/aprende/criterio/principio-kiss/): Hazlo corto y simple: quita hasta que no sobre nada y el mensaje se lea en 3 segundos. - [Criterio](https://feuxui.com/aprende/criterio/) - [Efectos](https://feuxui.com/aprende/profundidad/efectos/): Un efecto por diseño y con un motivo. Si no sabes para qué está, quítalo. - [Ruido y grano](https://feuxui.com/aprende/profundidad/ruido-grano/): Un poco de grano rompe la perfección digital. Que se sienta, no que se vea. - [Overlays y capas](https://feuxui.com/aprende/profundidad/overlays-textura/): ¿No se lee tu texto sobre la foto? Ponle una capa encima, no cambies la fuente. - [Sombras](https://feuxui.com/aprende/profundidad/sombras/): Una sola luz y sombras suaves: tres niveles para dar profundidad sin ensuciar. - [Textura y profundidad](https://feuxui.com/aprende/profundidad/) - [Perspectiva](https://feuxui.com/aprende/composicion/perspectiva/): Grande cerca, pequeño lejos: 4 herramientas para dar profundidad a un diseño plano. - [Eco de forma](https://feuxui.com/aprende/composicion/eco-de-forma/): Repite una forma o un ángulo en 3 lugares y todo se ve de la misma familia. - [Encuadre](https://feuxui.com/aprende/composicion/encuadre/): Rodea lo importante con formas, líneas o espacio y el ojo irá directo. - [Tensión visual](https://feuxui.com/aprende/composicion/tension-visual/): Acerca al borde, corta, gira un poco: un desequilibrio pequeño da vida. - [Simetría y asimetría](https://feuxui.com/aprende/composicion/simetria-asimetria/): Simetría para calma, asimetría para energía. Nunca a medias. - [Regla de tercios](https://feuxui.com/aprende/composicion/regla-de-tercios/): Divide en 3 × 3 y pon lo importante en los cruces, no en el centro. - [Lectura en Z](https://feuxui.com/aprende/composicion/lectura-en-z/): Logo arriba, mensaje en la diagonal y botón al final del recorrido. - [Proximidad](https://feuxui.com/aprende/composicion/proximidad/): Acerca lo que va junto, separa lo que no. Sin agregar líneas. - [Alineación](https://feuxui.com/aprende/composicion/alineacion/): Un eje y nada al azar: así tu diseño se ve intencional. - [Grilla](https://feuxui.com/aprende/composicion/grilla/): Columnas, márgenes y medianiles: el esqueleto que ordena todo. - [Composición](https://feuxui.com/aprende/composicion/) - [Interlineado](https://feuxui.com/aprende/tipografia/interlineado/): Párrafos a 1.5, titulares casi a 1. Los valores para copiar. - [Tracking y espaciado entre letras](https://feuxui.com/aprende/tipografia/tracking-espaciado/): Más grande, más cerrado. Los valores de tracking por tamaño. - [Énfasis](https://feuxui.com/aprende/tipografia/enfasis/): Tamaño, color o movimiento: haz que una sola cosa destaque. - [Combinación tipográfica](https://feuxui.com/aprende/tipografia/combinacion-tipografica/): Una serif con carácter arriba y una sans simple para leer. Máximo dos. - [Jerarquía visual](https://feuxui.com/aprende/tipografia/jerarquia-visual/): Tres niveles y una escala: así decides qué se ve primero. - [Tipografía](https://feuxui.com/aprende/tipografia/) - [Caída de luz](https://feuxui.com/aprende/color/caida-de-luz/): Degradados suaves, no sombras duras: imita cómo cae la luz real. - [Saturación](https://feuxui.com/aprende/color/saturacion/): Controla la intensidad: solo tu acento va a tope, lo demás con calma. - [Temperatura de color](https://feuxui.com/aprende/color/temperatura-de-color/): Cálidos adelante, fríos atrás: profundidad y foco solo con color. - [Color y fondo](https://feuxui.com/aprende/color/color-y-fondo/): El mismo color se lee o desaparece según su fondo. Aprende a ajustarlo. - [Paleta de color](https://feuxui.com/aprende/color/paleta-de-color/): Tres colores y la regla 60-30-10 para que tu diseño deje de verse ruidoso. - [Contraste](https://feuxui.com/aprende/color/contraste/): Brillo opuesto y ratio 4.5:1: la base para que tu texto se lea siempre. - [Color](https://feuxui.com/aprende/color/) - [Aprende](https://feuxui.com/aprende/) - [Política de privacidad](https://feuxui.com/politica-de-privacidad/) - [Contacto](https://feuxui.com/contacto/) - [Método](https://feuxui.com/metodo/) - [Portafolio](https://feuxui.com/portafolio/) - [Sobre mí](https://feuxui.com/sobre-mi/) - [Inicio](https://feuxui.com/) [comment]: # (Generated by Hostinger Tools Plugin)