0

I usually align two text within a box using "Horizontal align center" button at the top menu in Photoshop. Is it the right way to align a text horizontally, or should i measure pixel by pixel using a Marque tool to make it visually horizontal?

It visually appears to the user that it is not aligned center. But technically I am right. How will the UI developer measure it to align it in HTML? Will the user think the alignment is not centered even though it is technically right?

enter image description here

  • The above picture is technically aligned centre.

enter image description here

  • This image shows the manual alignment which is visually correct.

Which method should I use being an UX designer?

Please explain this to me with an example.

Improve this question
1
  • The top one is the right one, to me. The bottom one looks very visually incorrect, not correct.
    – Manly
    Commented May 24, 2016 at 14:55

1 Answer 1

Reset to default
0

Usually you don't 'visually' center it the way you explained it, but you use the preferred, default usage PS showed you. That said, it is a personal preference.

  • If you have CAPITALS they don't center visually
  • HTML headings that are inline don't center visually

First example

On the wordpress homepage for example, they have these quotes:

enter image description here

They don't make the blue hyperlinks visually centered. That's because no browser does that, natively.

another example

another example from the theme page:

enter image description here

Improve this answer
4
  • Are Jobile and By FasterThemes manually aligned to bottom?
    – Hemalatha
    Commented May 25, 2016 at 5:51
  • @Hemalatha No, that is the whole idea. This is the standard on the web. No need for workarounds.
    – Randy
    Commented May 25, 2016 at 5:56
  • @Hemalatha did this help you out?
    – Randy
    Commented May 25, 2016 at 10:46
  • Yes! This helps me. But i would like to know more scenarios to understand this much better. Can u share me urls or examples?
    – Hemalatha
    Commented May 26, 2016 at 6:40

Your Answer

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

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