Visual walkthrough — Equipotential surfaces — perpendicular to field
Step 0 — The two words we must own first
Before a single arrow, we need two ideas dead-clear. Everything hangs on them.
Our whole task is to discover the angle between the height-lines of and the downhill-arrows of . Look at the map below — we are about to prove those two families of lines cross like a sign.

Step 1 — Draw an equipotential: a line of equal height
WHAT. Pick a value, say . Colour in every point where the potential equals exactly . That coloured set is one equipotential surface (in 2D pictures it looks like a curve; in 3D it is a sheet).
WHY. We want to study the relationship between and this specific object, so we have to make it visible first. On a map this is a contour line — "walk along me and your altitude never changes."
PICTURE. In the figure, the magenta curve is the equipotential. Every dot on it carries the same tag: . Step off it in any direction and the number changes.

Step 2 — The projection gadget: the dot product
Before we can even write "how much your step lines up with the field," we need the tool that measures alignment. We build it now, so no symbol arrives undefined.
WHAT. Take any two arrows — here the field arrow (length ) and a step arrow (length ) — meeting at angle . Their dot product, written with a raised dot "", is defined to be the single number The left side combines two arrows; the right side is three plain numbers — two lengths and one cosine. The bars are what turn each arrow into its length.
WHY THIS TOOL, not another? We are about to ask one precise question over and over: "how much of my step points in the field's direction?" That is exactly a projection, and the dot product is the projection machine. We use (not , not raw lengths) because is the fraction of one arrow that lies along the other — when aligned, when perpendicular, negative when opposed.
PICTURE. The dashed line drops straight onto the direction; the shadow it casts has length . That shadow is the dot product divided by — the "amount of the step that lies along ."

Step 3 — Take a tiny step and watch change
WHAT. Stand at a point and take a very small step — a tiny arrow showing which way, and how far, you moved. We now link that step to the change in height , using the dot product we just built.
WHY. Fields and slopes are about change over a small distance. To connect (an arrow) to (a height) we need the rule "if I step this way, my height changes by that much." That rule is the definition of potential — and, unlike the parent note, we will earn its minus sign right here.
WHERE THE MINUS SIGN COMES FROM. The electric force on a charge is , and it points along (downhill). Work is force-times-distance-along-the-push, which is exactly the dot product of Step 2: for the tiny step the force does work . Now, potential is defined so that the potential energy is the work you'd have to do against the field — so when the field's own force does positive work, the stored potential energy (and hence , energy per charge) must drop. That single "against" is the minus sign: . In words: walk the way the field pushes you and your potential falls. (See Work and Conservative Forces for why this bookkeeping is path-independent.)
PICTURE. The orange arrow is your baby step. The violet arrow is at . The number is how much your "height" changed because of the step.

Step 4 — Force the step to stay on the surface
WHAT. Now choose so that it stays inside the equipotential — a step that never leaves the curve. Call it ("tan" for tangent, meaning "runs along the surface").
WHY. This is the whole trick. On the surface is constant, so for such a step the height cannot change: We deliberately pick the steps that keep frozen, because those are the ones that pin down 's direction.
PICTURE. The orange arrow now hugs the magenta curve. Start and end both read , so — labelled right on the arrow.

Step 5 — Read the zero: perpendicular is the only escape
WHAT. We have . Using the Step 2 definition, and writing the two lengths with their bars, that means
WHY. We ask: what makes this product of three numbers zero? Go through the factors:
- (i.e. )? Only in the trivial no-field case (handled in Step 7). Set aside for now.
- ? No — we genuinely took a step, so its length isn't zero.
- ? Yes — this is the live option, and means .
So the angle between and this tangent step is a right angle.
PICTURE. The violet and orange meet with a little square corner marker: .

Step 6 — "Perpendicular to every tangent" = normal to the surface
WHAT. Step 5 used one tangent direction. But a surface has many directions you can slide in (left–right, forward–back, and every mix). The argument didn't care which one we chose — for all of them. So is perpendicular to every tangent arrow at simultaneously.
WHY. Being at right angles to every direction lying in the surface is the exact meaning of the word normal ("sticking straight out of the sheet"). One arrow that beats all tangents can only be the normal.
PICTURE. Several orange tangent arrows fan out across the surface at ; the single violet stands perpendicular to the whole fan — the surface's normal.

Step 7 — The degenerate cases (never leave a gap)
WHAT / WHY / PICTURE, three edge situations the proof must survive:
(a) — no field. If (its length , e.g. deep inside a conductor, see Conductors in Electrostatic Equilibrium), then for any step, so the entire region is one equipotential blob. There is no arrow to be perpendicular to — "perpendicular" is vacuously fine. The whole conductor is a single equipotential.
(b) Uniform field — flat, evenly spaced sheets. If is the same everywhere (a Parallel Plate Capacitor), then . Constant means constant : the equipotentials are flat parallel planes at right angles to , equally spaced for equal steps in . The perpendicularity is obvious here, and it's the same rule.
(c) Point charge — nested spheres, uneven spacing. For , , so constant means constant : concentric spheres. The field is radial, and is each sphere's normal — perpendicular again. Because , equal shells spread farther apart as grows, matching the field weakening as .

The one-picture summary
This last figure compresses all seven steps: a family of equipotentials (contours of equal ), the field arrows piercing them at , the sideways step with , and the tell-tale spacing (packed = strong field, spread = weak field).

Recall One-line proof skeleton (say it without looking)
(minus = "against the push"). On the surface , so , i.e. . Since neither length is zero, — and this holds for every tangent direction, so is the surface normal. Spacing (per equal ) reads off : packed = strong, spread = weak.
Flashcards
What do the bars mean, and how do and differ?
What does the dot product equal, and what does it measure?
Where does the minus sign in come from?
Why do we restrict the step to lie on the equipotential?
In , which factor must vanish on an equipotential, and why?
Why does "perpendicular to one tangent" upgrade to "normal to the surface"?
What is the gradient , and how is it related to ?
What happens to equipotentials where ?
Why are point-charge equipotential shells unevenly spaced?
Connections
- Parent topic — the result this page draws out.
- Electric Potential — the "height" whose contours these surfaces are.
- Electric Field Lines — the downhill arrows that cut equipotentials at .
- Gradient and Directional Derivative — why is normal to constant- surfaces.
- Work and Conservative Forces — why is path-independent.
- Conductors in Electrostatic Equilibrium — the degenerate case.
- Parallel Plate Capacitor — the uniform-field flat-sheet case.