I am very happy to attend this episode of potato chips party and meet a few friends. Unexpectedly, I have to summarize it today. I am very happy to attend this episode of potato chips party and meet a few friends. Unexpectedly, I have to summarize it today. We discussed three topics in this potato chip meeting : A. How to make it easier for “users” to identify hyperlinks? B. Do hyperlinks have to be underlined? C. Is it a button or a link? 1. How to make it easier for “users” to identify hyperlinks? It feels like a link, but it also feels like no link. We looked at a few examples together. Sina: ![]() Some are underlined in red, some are not underlined in red, and some are underlined in blue. This gives people the feeling that everything can be clicked and there are links everywhere. But the interface is very aesthetically pleasing. Yahoo: ![]() In the picture, 1, 3, and 4 are all links, but 2 is the main text and cannot be linked. At first glance, it is difficult to tell which is a link and which is not, until you move the mouse over them, you suddenly realize what they are. Although this default approach of not underlining makes the overall interface very beautiful, it increases the difficulty of distinguishing. I don't know what to do when I look around. Amazon: ![]() Amazon's website links are handled very cleverly. The main text contains links, and the non-linkable parts are in black text, while the linkable parts are underlined in blue. In addition, its categories are not underlined, but everyone thinks that categories do not need to be underlined. Everyone agrees with Amazon's approach. After discussion, no unanimous conclusion was reached, but there were some relatively consistent tendencies, such as categories do not need underscores. To distinguish links clearly, the simplest way is to use blue underline. For a website, if underlining is not used, links and non-links must be distinguished by different colors, and the colors of links should be the same. Previous Page 1 2 Next Page Read Full Article |
>>: Pure CSS to achieve horizontal line animation under the element (background-image)
Using the <img> element with the default sr...
Two examples of the use of the a tag in HTML post...
Effect Preview Ideas Scroll the current list to t...
Table of contents What is React Fiber? Why React ...
Table of contents 1. Introduction 2. Ideas Two wa...
Scenario Suppose there are 10 requests, but the m...
1. Introduction A few days ago, I encountered a p...
Let me show you the effect picture first. Persona...
Copy code The code is as follows: Difference betw...
Table of contents BOM (Browser Object Model) 1. W...
Table of contents 1. Slow query configuration 1-1...
Table of contents 1. Steps 1. Define buttom permi...
1. 85% of ads go unread <br />Interpretatio...
Note: The nginx version must be 1.9 or above. Whe...
The current environment is: Centos 7.5 docker-ce ...