One of the biggest differences we have when designing digitally compared to doing it on paper is that we can make adjustments almost at the atomic level very easily. Surely when you started, it was a pleasure that with a single click, you could instantly align any element, to make everything be in its position and in the correct pixel. But when everything is in its place, surely you have experienced the feeling that what is centered does not seem to us to be exactly in the center . We check again and we have the same number of pixels on each side, but we still don't see it centered. And this is when the optical adjustment begins, and we have to talk about the perception that our brain gives us of our surroundings.

We have already dealt with optical illusions before in SiloCreativo when talking philippines photo editor about the irradiation effect , and how sometimes our brain deceives us in situations beyond logic. Well, the optical adjustment is nothing more than the way we have to modify something that logic tells us is correct, but that our brain interprets is not so. In other words, what we are seeing is not “visually pleasing” to us, and we have to modify it to achieve it. In this article we will deal with several cases of this type that are usually found before them, such as the optical adjustment for colors, and that of different types of alignment. And it is that, it is common that as designers we create something, and suddenly we have an external vision, either from a client or a colleague, who tells us that something is wrong, despite the fact that we have verified that,mathematically, everything seems correct. That is why we must make it clear that here we are not going to give exact rules on how to correctly apply certain solutions.


Only that we must always bear in mind that, sometimes, we have to pay attention to our perception to make variations before what logics. Optical color adjustments dictate based on background and thickness We have talked on many occasions about color, how to make combinations or how to apply contrast correctly . But it is also important to know how we perceive colors, and that this perception will not be the same depending on the shape and thickness of each element. Let's look at a simple example. color correction according to the thickness of the elements In the previous image we can see an icon and a text, both of the same color. But it seems that the text has a slightly lighter color than the icon, even though it is not. You can download the image yourself to check it out, or use the eyedropper that some web browsers have in the inspector.What is this about.

One of the biggest differences we have when designing digitally compared to doing it on paper is that we can make adjustments almost at the atomic level very easily. Surely when you started, it was a pleasure that with a single click, you could instantly align any element, to make everything be in its position and in the correct pixel. But when everything is in its place, surely you have experienced the feeling that what is centered does not seem to us to be exactly in the center . We check again and we have the same number of pixels on each side, but we still don't see it centered. And this is when the optical adjustment begins, and we have to talk about the perception that our brain gives us of our surroundings.

We have already dealt with optical illusions before in SiloCreativo when talking philippines photo editor about the irradiation effect , and how sometimes our brain deceives us in situations beyond logic. Well, the optical adjustment is nothing more than the way we have to modify something that logic tells us is correct, but that our brain interprets is not so. In other words, what we are seeing is not “visually pleasing” to us, and we have to modify it to achieve it. In this article we will deal with several cases of this type that are usually found before them, such as the optical adjustment for colors, and that of different types of alignment. And it is that, it is common that as designers we create something, and suddenly we have an external vision, either from a client or a colleague, who tells us that something is wrong, despite the fact that we have verified that,mathematically, everything seems correct. That is why we must make it clear that here we are not going to give exact rules on how to correctly apply certain solutions.


Only that we must always bear in mind that, sometimes, we have to pay attention to our perception to make variations before what logics. Optical color adjustments dictate based on background and thickness We have talked on many occasions about color, how to make combinations or how to apply contrast correctly . But it is also important to know how we perceive colors, and that this perception will not be the same depending on the shape and thickness of each element. Let's look at a simple example. color correction according to the thickness of the elements In the previous image we can see an icon and a text, both of the same color. But it seems that the text has a slightly lighter color than the icon, even though it is not. You can download the image yourself to check it out, or use the eyedropper that some web browsers have in the inspector.What is this about.