Refraction has lots to remember as compared to reflection.
This illustration basically means:
•The ray of light which travels through the incident, or first, medium and strikes the boundary, or interface, is called the incident ray.
•The ray of light which travels into the refracted, or second, medium and leaves the interface is called the reflected ray.
•A line perpendicular to the surface is imagined at the point of refraction. This line is called a normal. In this context the word normal means perpendicular. In the above diagram the normal is colored blue.
•The angle between the incident ray and the normal is called the angle of incidence, or the incident angle.
•The angle between the refracted ray and the normal is called the angle of refraction, or the refracted angle.
This picture means that the ray would bend towards the normal when it is travelling in a denser medium.
This picture means that the ray bends away from the normal when it is travelling in a less dense material.
