The volume element in Cartesian coordinates is $dx dy dz$, the volume of a rectangular prism with side lengths being the length elements along the three rectangular axes. In spherical polar coordinates, however, the infinitesimal volume element is $r^2 \sin\phi dr d\theta d\phi$.
Why is the $\phi$ component of the volume differential not just $rd\phi$ just like the $\theta$ component is $rd\theta$? I know it has something to do with the projection of the radial position vector on the xy-plane (which has magnitude $r\sin\phi$), but since the $\phi$ component is an arc length swept out by $d\phi$, I can't see why the volume element is not just $r^2 dr d\theta d\phi$.
Here’s a way of looking at the coordinate transformation that might help you develop an intuition for this. Instead of thinking of spherical coordinates as a different way of labeling the points in a Euclidean space, think of the spherical-to-Cartesian transformation as defining a mapping between two Euclidean spaces: one in which the coordinate axes are labeled $r$, $\phi$, $\theta$ and in the other $x$, $y$, $z$. From this point of view, when you change an integral over some region $W$ in the $xyz$-space to spherical coordinates, you transform it into an integral over a region $R$ in $r\phi\theta$-space, where the image of $R$ under the mapping is $W$. Now, the volume element in $r\phi\theta$-space is just $dr\;d\phi\;d\theta$, but for the transformed integral you have to use the image of this volume element, so there’s going to be a scale factor involved.
To see what this scale factor might be, examine what happens to the image of a small parallelepiped as you move it around in $r\phi\theta$-space. As you move away from the origin parallel to the $r$-axis, the image of that small volume moves away from the $xyz$-space origin and grows. That’s where a factor of $r$ comes in. If you vary $\phi$, neither the distance of the image from the $xyz$-space origin nor the size of the image change, thus $\phi$ doesn’t appear in the scale factor. If you vary $\theta$, the image of the small volume stays the same distance from the $xyz$-space origin, but moves closer to and farther away from the $z$-axis, shrinking and growing as it does. The size of the image is proportional to its distance from the $z$-axis, but that distance isn’t a linear function of $\theta$. In the diagram in Aniket’s answer, this distance is labeled $\rho$, which is obviously equal to $r\sin\theta$.