close

Underline

Synonyms: underscore, low line, low dash

Underlining is a common tool for emphasizing the text or marking a link. Basically, it is just a line that is situated under some text segment.

Tips & Tricks

If speaking about the usage of underscores, one cannot forget about the underlined hyperlink in blue color, that is the most common and identifiable feature in the user’s online experience.

 

It is not always justified to use the underlining in combination with a color as a hyperlink emphasizing tool, but this design is the most recognizable one. It allows the user to easily navigate through the text and indicates the links you have already visited by changing the color of a typeface.

However, there could be cases when designers would want to make the hyperlink decoration more creative. Here are some alternatives for underlining links:

 

  1. Use the link color.
    Consider the contrast and be careful with the color blinded users.
  2. Try the option when the link appears on hover over the text.
    Try the option when the link appears on hover over the text. This is useful when you want to provide the users with some extra information if they are interested. One disadvantage here: users cannot see the link in the first place and need to look for it in the text.

 

Underlining is a nice tool to indicate the key text or mark a link. One last hint here is once you decide where to implement it, do not use it for the other words in the text block.

share the term