2026.3/16

Visual Adjustment and Typeface Design 02: “Line Length and Intersection”

In the previous article, I introduced visual adjustment points in regard to “line thickness.” In this article, let us look at and focus on “line length and intersection.”

The first point when adjusting line length is to “make vertical lines longer than horizontal lines.” When vertical and horizontal lines of equal numerical length are visually arranged, the horizontal line looks longer to the human eye. Therefore, by making the vertical lines slightly longer than the horizontal lines, they will look like they are about the same length.

The second point is to “note the intersection position and length” of lines.

Earlier, I mentioned the optical illusion in which a horizontal line looks longer than a vertical line of the same length. When lines come into contact or intersect, the perceived length of each line varies depending on the intersection position and the manner of intersection.

For example, in the diagram on the lower left, the left end of the horizontal line is arranged perpendicularly at the middle of the vertical line. In this case, similar to the pattern shown in the beginning, the horizontal line looks longer.

However, when the same diagram is rotated 90 degrees and arranged in a T-shape, the vertical line now looks longer than the horizontal line.

Also, as shown in the diagram below, attaching V-shaped motifs resembling arrows to both ends of a line makes the length of the line in the middle look different depending on the motif’s direction.

In this way, lines of identical numerical length can appear to vary in length depending on the line placement, the shape of other adjacent diagram, etc. Therefore, a uniform rule, such as “extend a line by a certain percentage” cannot be applied. Instead, it is necessary to explore lengths that look natural on a case-by-case basis.

The third point is to “make the lower side longer” and “make the right side longer.” In the previous article, I mentioned an optical illusion in which the upper part looks more expanded than the lower part, and the left side looks more expanded than the right side to the human eye. This optical illusion can be applied to the same principle in regard to line length as well as line thickness.

When lines intersect perpendicularly, placing the intersection point at the numerical center of the top, bottom, left, and right makes the upper and right sides look longer, so it doesn’t look like they intersect exactly in the middle. To make it look as if the lines intersect beautifully at the center point of the top, bottom, left, and right, the intersection of the horizontal line must be slightly to the left of the center point of the left and right, and the intersection of the vertical line must be slightly above the center point of the top and bottom.

The fourth point is to “note the intersection of diagonal lines.” In the second point, I introduced precautions when lines intersect perpendicularly. However, when lines intersect diagonally, it is necessary to note different points.

When multiple lines intersect diagonally, even if straight lines overlap, one of the lines may appear to bend at the intersection point or fail to appear as a single continuous straight line. This optical illusion occurs less frequently compared to illusions with line length or perpendicular intersections. Depending on the combination of the line angle and thickness, it may look perfectly normal or look distorted.

In the example of the diagram below, a thin diagonal line is superimposed on the thick vertical line in the center. However, the diagonal line to the left of the thick vertical line looks shifted downward, while the diagonal line to the right looks shifted upward, and it is no longer visible as a single straight diagonal line.

In this case, aligning the intersection point of the left diagonal line toward the top and the intersection point of the right diagonal line toward the bottom will make the diagonal lines appear to connect beautifully.

When applying visual adjustments to actual design work, the shapes of characters are often organic, and we do not always deal with geometric shapes as shown in the diagrams above. The amount of adjustment required varies depending on the design and style of each typeface to be created, as well as the shape of each individual character. This is a very intricate and delicate process that requires trial and error while considering a variety of different aspects. However, understanding the fundamental principles is the first step toward grasping the sense of balance in characters.

(XYZ)

Category