WEBVTT

00:00:00.000 --> 00:00:01.360
Visual hierarchy

00:00:01.360 --> 00:00:02.880
refers to the arrangement

00:00:02.880 --> 00:00:04.680
or organization of elements

00:00:04.680 --> 00:00:06.440
within a design in a way

00:00:06.440 --> 00:00:08.000
that guides the viewer's eye

00:00:08.000 --> 00:00:09.320
through the content

00:00:09.320 --> 00:00:11.800
in a specific order of importance.

00:00:11.960 --> 00:00:13.680
It's about creating a clear

00:00:13.680 --> 00:00:15.120
and logical structure

00:00:15.120 --> 00:00:16.200
that helps users

00:00:16.200 --> 00:00:18.200
navigate and understand

00:00:18.200 --> 00:00:20.160
the information presented.

00:00:20.160 --> 00:00:21.320
You can use

00:00:21.320 --> 00:00:22.520
size

00:00:22.520 --> 00:00:23.400
and scale,

00:00:24.600 --> 00:00:25.440
color

00:00:26.000 --> 00:00:27.160
and contrast

00:00:28.120 --> 00:00:29.160
typography,

00:00:30.000 --> 00:00:31.120
white space

00:00:32.280 --> 00:00:33.200
alignment,

00:00:34.200 --> 00:00:35.280
repetition,

00:00:36.440 --> 00:00:37.600
proximity,

00:00:39.040 --> 00:00:41.400
visual elements such as icons,

00:00:41.640 --> 00:00:44.280
images, textures and graphics

00:00:45.320 --> 00:00:46.840
and reading patterns.

00:00:47.760 --> 00:00:50.320
By using these principles effectively,

00:00:50.360 --> 00:00:52.800
Designers can guide the viewer's focus,

00:00:52.800 --> 00:00:55.600
ensuring that the most important elements

00:00:55.600 --> 00:00:57.160
are noticed first

00:00:57.160 --> 00:00:57.760
and create

00:00:57.760 --> 00:01:00.240
a more intuitive and engaging experience.