The feeling is information
Beginners often assume that experienced designers see something they don't. Mostly what's different is vocabulary. The discomfort is available to everyone — the eye registers inconsistency long before the mind can explain it. What training adds is the ability to convert "this feels wrong" into a sentence with a fix attached.
Almost every case is one of six things, and they're worth checking in this order.
The six usual causes
1. Inconsistent spacing
The most common by a distance. Gaps of 12px, 14px, 15px, and 18px on one screen read as sloppiness even when nobody can name the values. Pick a scale — 4, 8, 12, 16, 24, 32, 48, 64 — and use only those numbers. The constraint does most of the work.
2. Nothing is dominant
If four elements are all bold, all similar in size, and all fighting, the eye has nowhere to land. Something must be clearly first. That usually means making the other three smaller or quieter, not making the first one bigger.
3. Too many alignment edges
Every element should line up with something. Ten items on a screen should share two or three invisible vertical lines, not ten. Turn on a grid overlay and count your edges — the number is usually the diagnosis.
4. Wrong proximity
Things that belong together must sit closer to each other than to anything else. A label 16px from its input and 12px from the input above it will be read as belonging to the wrong field, and no amount of styling fixes that.
5. Too many colours or weights
Three text colours and two accents is plenty for most interfaces. Every additional weight and colour is a claim about importance, and past a point the claims contradict each other.
6. Line length and line height
Body text running the full width of a desktop screen is exhausting to read — the eye loses its place returning to the next line. Cap paragraphs at roughly 60–75 characters and give body text a line height around 1.5–1.65.
A worked fix
Three checks that need no taste
- Squint until the screen blurs. What's still visible is your hierarchy — if that isn't what matters most, fix that first
- Turn it greyscale. If it falls apart, you were using colour to do a job that size, weight, and spacing should be doing
- List every unique spacing value in use. More than five on one screen is your answer
Common mistakes
- Adding a shadow or gradient to fix a spacing problem
- Making the important thing bigger instead of making everything else quieter
- Using colour as the only signal — it fails in greyscale and for many readers
- Nudging elements by one pixel at a time instead of choosing a scale and obeying it
Key takeaways
- "Feels wrong" is nearly always one of six nameable causes
- Spacing inconsistency is the single most common one
- Proximity communicates grouping more strongly than borders or colour do
- The squint test and the greyscale test require no experience and catch most of it
Try it yourself
Take a screen you've built and list every unique gap value in it. If there are more than five, map them onto the nearest values from 4, 8, 12, 16, 24, 32, 48, 64 and apply the change. Most people find this alone fixes the feeling.