Generalmente se cree que el responsive design no es más que la adaptación de un diseño web a los distintos dispositivos a través de los cuales se visualizará, pero el asunto va más allá. La empresa Froont desarrolló estos ilustrativos GIFs para entender mejor cuáles son sus ejes principales.
1- Los contenidos del responsive design no se adaptan sino que se expanden.
2- Es necesario usar unidades relativas (como el porcentaje de la pantalla), en lugar de unidades estáticas (como los píxeles).
3- A menor tamaño de pantalla, el contenido deberá ocupar más espacio vertical.
4- Mientras que en el escritorio se cuenta con tres columnas para distribuir los contenidos, en los dispositivos móviles sólo se cuenta con una columna.
5- Usá la anidación. Esta técnica hará que tus elementos se adapten a pantallas contraídas.
6- Dependiendo del dispositivo, el contenido debe extenderse para ocupar todo el ancho de la pantalla.
7- No hay grandes diferencias entre desarrollar un nuevo proyecto en pantalla grande o chica.
8- Si el diseño contará con muchos efectos o detalles, lo más recomendable es utilizar vectores.
Fuente de Los 8 principios del responsive design