3

I am not an expert in interface design (just if you think my question is bad). I am designing my own web site where I share my work and add some info about myself.

On the main page: it is recommended to put the image below the main text? Where should I put the image?

I wish I create an elegant and professional design but I am not an expert in interface design.

Am I trying to annoy the user abruptly with the main icon?

1 Answer 1

6

When seeing a shape in a plane, the human eye tends to look for a support, an element where that figure is supported. If we analyze those figures with respect to that virtual support, each of them has a different stability.

A horizontal rectangle is a very stable figure because one of its sides represents that support being greater than its own height.

The triangle has two walls that fall laterally reaffirming that virtual support

Unlike the rhombus and the inverted triangle whose support is a point on which all the weight of the shape falls and makes it swing from one side to the other.

The circle is the only one shape that moves infinitely, sideways or turning on itself. This movement gives it its own instability, and makes it one of its main characteristics.

Stability

From there, the designer can create from these stability guidelines. It does not mean that this good or bad, they are just design decisions.

Design

Decisions that can modify the shape weight. For example, being the inverted triangle the most unstable figure, having an upper element that rests on one of its sides, it takes strength from its support and its presence in space becomes much more important. The arrow shape and its directionality becomes more relevant than the triangle itself.

arrow

The circle is always in motion and the eye tends to create a support. Except for its size, the smaller the circle, the greater the importance of space and less the sensation of seeking for a support.

Having this as information, the designer can generate their own perceptual guidelines.

A text box on top of a circle creates bigger instability, the circle is the axis on which the text is balanced from one side to the other:

unstable circle

A text box under a circle may have more or less instability, depending on its width the circle will have more or less space to move.

circle top

Although it is also possible to stop at least some of the movements of the circle:

Stability II

Which one of all the options is the one that best fits your design?

  • More stable?
  • More static?
  • More balanced in space?
  • More unstable to call more attention?
11
  • stability? I do not understand? what you want to say with stabilily? sorry I am not a expert in this topic , could you explain me? I just want to a website elegant and easy for my clients
    – simon
    Jul 26, 2018 at 8:38
  • See the last edit at the answer
    – user120647
    Jul 26, 2018 at 8:55
  • 1
    Apparently you understand the question, for your answer has been ticked as the correct one. Could you please edit the question? I have an extremely hard time finding out what the Asker wants, and why your answer is relevant. I understand there's a language barrier here. Thanks!
    – Vincent
    Jul 26, 2018 at 9:03
  • @Vincent What do you think now?
    – user120647
    Jul 26, 2018 at 9:15
  • 2
    And +1 for 'Gestalt 101' :)
    – Vincent
    Jul 26, 2018 at 9:24

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.