Mobile app version of vmapp.org
Login or Join
Barnes313

: Horizontal Alignment in Photoshop - Which is correct? 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

@Barnes313

Posted in: #Alignment

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?




The above picture is technically aligned centre.





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.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Barnes313

1 Comments

Sorted by latest first Latest Oldest Best

 

@Fox8063795

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:



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:

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme