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.

  • The top one is the right one, to me. The bottom one looks very visually incorrect, not correct. – Manly May 24 '16 at 14:55
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

  • Are Jobile and By FasterThemes manually aligned to bottom? – Hemalatha May 25 '16 at 5:51
  • @Hemalatha No, that is the whole idea. This is the standard on the web. No need for workarounds. – Randy May 25 '16 at 5:56
  • @Hemalatha did this help you out? – Randy May 25 '16 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 May 26 '16 at 6:40

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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